{# 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="{{ item.model.image ? 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>