<div class="catalog-car-items__wrapper vidi-scrollbar-h">
<div class="catalog-car-items">
{% for vehicle in vehicles %}
<div class="catalog-car-item" data-height="catalog-car-item" data-height-md
data-height-sm data-height-xs>
{% if vehicle.isPreOrder %}
<div class="catalog-car-item__status catalog-car-item__status--to-order">
<i class="fa-regular fa-clock"></i> {{ 'global.to_order'|trans({}, 'dc_unicommerce') }}
</div>
{% else %}
<div class="catalog-car-item__status catalog-car-item__status--price">
від <b>{{ vehicle.price|price }}</b> грн
</div>
{% endif %}
<div class="catalog-car-item__content">
{% if catalogGroup is null %}
{% set routeCar = path('unicommerce_car_single_without_group',{ category : catalogCategory.url, vehicleUrl : vehicle.url }) %}
{% else %}
{% set routeCar = path('unicommerce_car_single',{ category : catalogCategory.url, group: catalogGroup.url, vehicleUrl : vehicle.url }) %}
{% endif %}
<a href="{{ routeCar }}"
class="catalog-car-item__image"><img
src="{{ sonata_path(vehicle.preview, 'reference') }}"
alt="Швидкі допомоги" width="374" height="319"/></a>
<div class="catalog-car-item__title__wrapper">
<a class="catalog-car-item__title"
href="{{ routeCar }}"
data-height="catalog-car-item-title" data-height-md data-height-sm
data-height-xs>{{ vehicle.title(app.request.locale) }}</a>
{# <div class="catalog-car-item__type">Тип А</div>#}
</div>
<a class="btn btn-vidi btn-vidi--large btn-vidi--text-center"
href="{{ routeCar }}">{{ 'global.detailed'|trans({}, 'dc_unicommerce') }}</a>
</div>
</div>
{% endfor %}
</div>
</div>