src/DcSiteBundle/Resources/views/Modules/vehicle/vehicle-color.html.twig line 1

Open in your IDE?
  1. {% if vehicleColor.colors is not empty %}
  2.     <section class="car-colors-section" id="select-vehicle-color">
  3.         <div class="container" id="vehicleColors" v-if="showBlock">
  4.             <div class="car-section-title">{{ 'car.color.select'|trans({}, 'dc_toyota_od') }}</div>
  5.             <div class="car-colors-widget">
  6.                 <div v-if="curColor"
  7.                      :class="{'--active': isSelect}"
  8.                      class="car-colors-widget__car"
  9.                 >
  10.                     <img loading="lazy" :src="curColor.image" :alt="curColor.title">
  11.                 </div>
  12.                 <div class="car-colors-widget__content">
  13.                     <div class="car-colors-widget__title">
  14.                     <span v-if="curColor && isSelect"
  15.                           v-html="curColor.title"
  16.                     ></span>
  17. {#                        <span v-else v-html="vehicleType.title">#}
  18. {#                        {{ 'car.color.your-color'|trans({}, 'dc_toyota_od') }}#}
  20. {#                    </span>#}
  22.                         <span v-if="curColor && isSelect && curColor.price > 0"
  23.                               class="color-price main-color"
  24.                               v-html="'+ ' + curColor.price.toLocaleString() + ' грн'"
  25.                         ></span>
  26.                     </div>
  27.                     <div class="car-colors-widget__colors">
  28.                         <label
  29.                                 v-for="color in colors"
  30.                                 class="car-colors-widget__color-label"
  31.                                 @click="setColor(color)"
  32.                         >
  33.                             <input type="radio" name="carColor" :value="color.title"
  34.                                    class="car-colors-widget__color-input">
  35.                             <div class="car-colors-widget__color-preview">
  36.                                 <img loading="lazy" :src="color.preview">
  37.                             </div>
  38.                         </label>
  39.                     </div>
  40.                 </div>
  41.             </div>
  42.         </div>
  43.     </section>
  44. {% endif %}