{# STEP 1 ... #}
<div class="swiper_selection_catalog">
<div class="swiper selection__catalog__car-slider selection__catalog__wrapper">
<div class="swiper-wrapper selection-swiper-wrapper">
{% for item in catalogNav %}
{% if item.brand is defined %}
<a href="{{ item.url }}" class="swiper-slide selection__catalog__box">
<img class="catalog__box-img" src="{{ sonata_path(item.brand.logo, 'reference') }}" alt="">
<span class="catalog__box-name catalog__box-height">{{ item.brand.name }}</span>
<div class="catalog__box-price catalog__box-price-step-2">{{ 'new_catalog.from'|trans({}, 'portal_base') }}
{{ item.min_price|price }}
грн -
<span>{{ item.vehicle_count }}
авто</span>
</div>
</a>
{% elseif item.model is defined %}
<a href="{{ item.url }}" class="swiper-slide selection__catalog__box catalog__box-left-car">
<img class="catalog__box-img catalog__box-img-car" src="{{ sonata_path(item.model.image, 'reference') }}" alt="">
<span class="catalog__box-name">{{ item.model.title }}</span>
<div class="catalog__box-price">{{ 'new_catalog.from'|trans({}, 'portal_base') }}
{{ item.min_price|price }}
грн -
<span>{{ item.vehicle_count }}
авто</span>
<img src="{{ asset('/bundles/portal/img/catalog-car/head-icon/arrow-head.svg') }}" alt="">
</div>
</a>
{% else %}
<a href="{{ item.url }}" class="swiper-slide selection__catalog__box">
<img class="catalog__box-img" src="{{ asset('/bundles/portal/img/catalog-car/head-icon/catalog-head-icon-'~item.tag~'.svg') }}" alt="">
<span class="catalog__box-name">{{ item.title }}</span>
<div class="catalog__box-price">{{ 'new_catalog.from'|trans({}, 'portal_base') }}
{{ item.min_price|price }}
грн
<img src="{{ asset('/bundles/portal/img/catalog-car/head-icon/arrow-head.svg') }}" alt="">
</div>
</a>
{% endif %}
{% endfor %}
</div>
<div class="swiper-button-next"></div>
</div>
<div class="swiper-button-prev button-selection-catalog"></div>
</div>