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

Open in your IDE?
  1. <section class="car-features-section js-tab-wrap" id="overview">
  2.     <div class="container" id="carFeature">
  4.         {% if dealer.id in [4,7] %}
  5.             <div class="car-section-title">{{ 'car_page.new.overview'|trans({}, 'dc_base') }} {{ model.fullName }}
  6.                 {% if model.hasHybrid %}
  7.                     <span> {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  8.                 {% endif %}</div>
  10.         {% else %}
  11.             <div class="car-section-title">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</div>
  12.         {% endif %}
  13.         <div class="car-features-nav mobile-scroll d-none d-md-flex">
  14.             {% for id, group in model.groupFeatures(app.request.locale) %}
  15.                 <button class="js-tab-btn car-features-nav__btn {% if loop.index == 1 %} --active {% endif %}" type="button">
  16.                     {{ group.name }}
  17.                 </button>
  18.             {% endfor %}
  19.         </div>
  21.         <select class="car-features-nav-select d-md-none js-tab-mob-select">
  22.             {% for id, group in model.groupFeatures(app.request.locale) %}
  23.                 <option value="loop.index" {% if loop.index == 1 %} selected {% endif %}>{{ group.name }}</option>
  24.             {% endfor %}
  25.         </select>
  27.         <div class="car-instock-section__tabs">
  28.             {% if modelFeatures is not defined %}
  30.             {% for id, group in model.groupFeatures(app.request.locale) %}
  31.             <div class="js-tab car-instock-section__tab {% if loop.index == 1 %} --active {% endif %}">
  33.                 {% for feature in group.features %}
  34.                     <div class="car-feature row">
  35.                         <div class="col-md-6">
  36.                             <div class="car-feature__media {% if loop.index == 1 %} active-t {% endif %}">
  37.                                 {% if feature.videoId %}
  38.                                     <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ feature.videoId }}?rel=0'" frameborder="0" allowfullscreen></iframe>
  39.                                 {% else %}
  40.                                     <img width="570" height="403" src="{{ webpUrl(feature.image, 'reference') }}" alt="{{ feature.title }}">
  41.                                 {% endif %}
  42.                             </div>
  43.                         </div>
  44.                         <div class="col-md-6 car-feature__content">
  45.                             <p class="features-title title-text"> {{ feature.title }}</p>
  46.                             {{ feature.content|raw }}
  47.                         </div>
  48.                     </div>
  49.                 {% endfor %}
  50.             </div>
  51.             {% endfor %}
  53.             {% else %}
  55.             {% for id, group in modelFeatures %}
  56.                 <div class="js-tab car-instock-section__tab {% if loop.index == 1 %} --active {% endif %}">
  58.                     {% for feature in group.features %}
  59.                         <div class="car-feature row">
  60.                             <div class="col-md-6">
  61.                                 <div class="car-feature__media {% if loop.index == 1 %} active-t {% endif %}">
  62.                                     {% if feature.videoId %}
  63.                                         <iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/{{ feature.videoId }}?rel=0'" frameborder="0" allowfullscreen></iframe>
  64.                                     {% else %}
  65.                                         <picture loading="lazy" alt="{{ feature.title }}">
  66.                                             <source srcset="{{ feature.image_webp }}" type="image/webp">
  67.                                             <source srcset="{{ feature.image }}">
  68.                                             <img width="570" height="403" src="{{ feature.image }}" alt="{{ feature.title }}">
  69.                                         </picture>
  70.                                     {% endif %}
  71.                                 </div>
  72.                             </div>
  73.                             <div class="col-md-6 car-feature__content">
  74.                                 <p class="features-title title-text"> {{ feature.title }}</p>
  75.                                 {{ feature.content|raw }}
  76.                             </div>
  77.                         </div>
  78.                     {% endfor %}
  79.                 </div>
  80.             {% endfor %}
  82.             {% endif %}
  83.         </div>
  84.     </div>
  85. </section>