src/DcSiteBundle/Resources/views/Modules/car-registration-cost.html.twig line 1

Open in your IDE?
  2. <div class="row" id="reg-cost">
  3.     <div class="col-md-12" v-if="equipment">
  4.         <div class="row">
  5.             <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4 overflow-hidden">
  6.                 <div class="calculation_module-title">{{ 'finance.credit.credit_modification'|trans({}, 'portal_base') }}:
  7.                     <span class="calculation_module-title-selected" v-on:click="setEquipment(null)" v-if="equipment" v-html="equipment.title"></span>
  8.                     <span class="" v-if="variation">,</span>
  9.                     <span class="calculation_module-title-selected" v-on:click="variation = null" v-if="variation">{% verbatim %}{{ variation.price.toLocaleString() }}{% endverbatim %} грн</span>
  10.                 </div>
  11.             </div>
  12.         </div>
  13.     </div>
  14.     <div class="col-md-12" >
  15.         <div v-if="equipments && !equipment">
  16.             <span class="calculation_module-title">{{ 'credit.equipment'|trans({}, 'dc_base') }}</span>
  17.             <div class="row row-calculation_module mobile-scroll">
  18.                 <div class="col-md-3 calculation_module-col" :class="equipment && equipment.id == equipmentItem.id ? 'active' : ''"  v-on:click="setEquipment(equipmentItem)" v-for="equipmentItem in equipments">
  19.                     <div class="calculation_module-style ">
  20.                         <span class="calculation_module-item-name" v-html="equipmentItem.title"></span>
  21.                         <span class="calculation_module-item-price">{{ 'base.to'|trans({}, 'portal_base') }} {% verbatim %}{{ equipmentItem.priceFrom.toLocaleString() }}{% endverbatim %} грн</span>
  22.                     </div>
  23.                 </div>
  24.             </div>
  25.         </div>
  26.         <div v-if="variations && !variation">
  27.             <span class="calculation_module-title">{{ 'credit.midification'|trans({}, 'dc_base') }}</span>
  28.             <div class="row row-calculation_module mobile-scroll">
  29.                 <div class="col-md-3 calculation_module-col" v-on:click="setVariation(varItem)" v-for="varItem in variations">
  30.                     <div class="calculation_module-style">
  31.                         <span class="calculation_module-modif-name" v-html="varItem.fuel"></span>
  32.                         <span class="calculation_module-comlect-desc" v-html="varItem.body"></span>
  33.                         <span class="calculation_module-comlect-desc"  v-html="varItem.drive"></span>
  34.                         <span class="calculation_module-comlect-desc" v-html="varItem.transmission"></span>
  35.                         <span class="calculation_module-modif-price">{% verbatim %}{{ varItem.price.toLocaleString() }}{% endverbatim %} грн</span>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.         </div>
  40.         <div class="row" v-if="price">
  41.             <div class="col-md-12">
  42.                 <div class="serivces-tabs-table table-responsive">
  43.                     <table class="table mb-0 w-100">
  44.                         <thead>
  45.                         <tr>
  46.                             <th colspan="2">{{ 'finance.credit.credit_platesh'|trans({}, 'portal_base') }}</th>
  47.                         </tr>
  48.                         </thead>
  49.                         <tbody>
  50.                         <tr>
  51.                             <td>{{ 'card_car.registration_service'|trans({}, 'portal_base') }}</td>
  52.                             <td v-html="individualCost.toLocaleString()+' грн*'"></td>
  53.                         </tr>
  54.                         <tr style="background: #fff">
  55.                             <td style="font-size: 12px">{{ 'card_car.including'|trans({}, 'portal_base') }}</td>
  56.                             <td></td>
  57.                         </tr>
  58.                         <tr>
  59.                             <td>{{ 'card_car.tbl_four_line'|trans({}, 'portal_base') }}</td>
  60.                             <td v-html="taxCost.toLocaleString()+' грн'"></td>
  61.                         </tr>
  62.                         </tbody>
  63.                         <tfoot>
  64.                         <tr class="serivces-tabs-table-price">
  65.                             <td>{{ 'card_car.total_registration_price'|trans({}, 'portal_base') }}</td>
  66.                             <td v-html="totalIndividual.toLocaleString()+' грн**'"></td>
  67.                         </tr>
  68.                         <tr style="background: #fff">
  69.                             <td style="font-size: 12px">{{ 'card_car.calculated_for_individual'|trans({}, 'portal_base') }}</td>
  70.                             <td></td>
  71.                         </tr>
  72.                         <tr style="background: #fff">
  73.                             <td style="font-size: 12px">{{ 'card_car.bank_tax'|trans({}, 'portal_base') }}</td>
  74.                             <td></td>
  75.                         </tr>
  76.                         </tfoot>
  77.                     </table>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </div>
  82. </div>