src/PortalBundle/Resources/views/Modules/available-for-sale.html.twig line 1

Open in your IDE?
  1. {% if vehicleInStock is not empty or vehicleUsed is not empty %}
  2.     <section class="section__slider__auto">
  3.         <div class="container">
  4.             <p class="slider__auto__title">{{ 'car.available_cars'|trans({}, 'automarket_base') }}</p>
  6.             <ul class="nav nav-tabs card__car__nav__tabs" id="myTab" role="tablist">
  7.                 {% if vehicleInStock is not empty %}
  8.                     <li class="nav-item" role="presentation">
  9.                         <button class="nav-link card__car__nav-link active" id="new-car-tab" data-bs-toggle="tab"
  10.                                 data-bs-target="#new-car" type="button" role="tab" aria-controls="new-car"
  11.                                 aria-selected="true">{{ 'car.auto_in_salon'|trans({}, 'automarket_base') }}
  12.                         </button>
  13.                     </li>
  14.                 {% endif %}
  15.                 {% if vehicleUsed is not empty %}
  16.                     <li class="nav-item" role="presentation">
  17.                         <button class="nav-link card__car__nav-link {% if vehicleInStock is empty %}active{% endif %}"
  18.                                 id="used-car-tab" data-bs-toggle="tab"
  19.                                 data-bs-target="#used-car" type="button" role="tab" aria-controls="used-car"
  20.                                 aria-selected="false">{{ 'car.used_auto'|trans({}, 'automarket_base') }}
  21.                         </button>
  22.                     </li>
  23.                 {% endif %}
  24.             </ul>
  25.             <div class="tab-content" id="myTabContent">
  26.                 <div class="tab-pane fade {% if vehicleInStock is not empty %}show active{% endif %}" id="new-car"
  27.                      role="tabpanel" aria-labelledby="new-car-tab">
  28.                     <div class="swiper-global-container">
  29.                         <div class="swiper slider__auto">
  30.                             <div class="swiper-wrapper">
  31.                                 {% for item in vehicleInStock %}
  32.                                     <div class="swiper-slide">
  33.                                         {% include '@Portal\Catalog\slider-card-'~item.vehicleType.url~'.html.twig' ignore missing %}
  34.                                     </div>
  35.                                 {% endfor %}
  36.                             </div>
  37.                         </div>
  38.                         <div class="swiper-button-outside swiper-button-outside-next"></div>
  39.                         <div class="swiper-button-outside swiper-button-outside-prev"></div>
  40.                         <div class="swiper-scrollbar swiper-scrollbar-auto"></div>
  41.                     </div>
  42.                 </div>
  43.                 <div
  44.                     class="tab-pane fade {% if vehicleInStock is empty and vehicleUsed is not empty %}show active{% endif %}"
  45.                     id="used-car" role="tabpanel" aria-labelledby="used-car-tab">
  46.                     <div class="swiper-global-container">
  47.                         <div class="swiper slider__auto">
  48.                             <div class="swiper-wrapper">
  49.                                 {% for item in vehicleUsed %}
  50.                                     <div class="swiper-slide">
  51.                                         {% include '@Portal\Catalog\slider-card-'~item.vehicleType.url~'.html.twig' ignore missing %}
  52.                                     </div>
  53.                                 {% endfor %}
  54.                             </div>
  55.                         </div>
  56.                         <div class="swiper-button-outside swiper-button-outside-next"></div>
  57.                         <div class="swiper-button-outside swiper-button-outside-prev"></div>
  58.                         <div class="swiper-scrollbar swiper-scrollbar-auto"></div>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.     </section>
  64. {% endif %}