Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/vreg/components/Forms/Sidebars/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <div class="order-summary-box" :class="mobile ?'':'d-none d-md-block'">

    <div class="order-summary-header" v-for="(plate,index) in offlineFormPlates">
      <div class="left">
        <component :is="splittedPlateNumberComponent" :small="true" :plate="plate"/>

        <h5>{{ plate.license_plate }} <span class="car-model"> {{ plate.license_make }}</span> <br>
          <span class="renewal-time">{{ plate.description }}</span>
        </h5>
      </div>
      <div class="right">
        <h5>{{ plate.formatted_price }} </h5>
      </div>
    </div>


    <promo-code/>


    <div class="order-summary-price-wrapper">
      <p v-for="(lineItem,index) in getLineItems" :key="`line_item_${index}`">
        <span class="price-title">{{ lineItem.title }}</span>
        <span class="price" :class="{'text-danger':lineItem.pure_amount< 0}">{{ lineItem.amount }}</span>
      </p>


      <p class="total">
        <span class="price-title"><b>Estimated Total</b></span>
        <span class="price" style="width: unset">USD <b>{{ orderTotal }}</b></span>
      </p>
    </div>

  </div>

</template>

<script>

import PromoCode from "./PromoCode";

export default {
  name: "OrderSummaryCalculations",
  components: {PromoCode},
  props: {
    mobile: {
      required: false,
    }
  }
}
</script>

<style scoped>

</style>