<section class="car-in-stock-section" id="car-in-stock">
<div class="container">
<div class="title-text car-in-stock-section__title">{{ 'base.instock'|trans({}, 'dc_toyota') }}</div>
<div class="row car-list mb-0" v-if="vehicles">
<div class="col-6 col-md-4" v-for="inStock in vehicles">
<div class="car-list__item">
<a :href="inStock.url" class="car-list__photo">
<img :src="inStock.image" :alt="inStock.name">
</a>
<p class="car-list__title">
<a :href="inStock.url" v-html="'MG ' + inStock.name"></a>
</p>
{# <ul class="car-list-options --price --b-bottom">
<li class="car-list-options__item">
<span class="car-list-options__title">Ціна, грн</span>
<span class="car-list-options__val">
<span v-if="inStock.inDelivery">{{ 'car_in_stock_module.in_delivery'|trans({}, 'dc_base') }}</span>
<span v-else>
<span v-html="inStock.price.toLocaleString()"></span> грн*
</span>
<span v-if="inStock.fullPrice > inStock.price">
<span v-html="inStock.fullPrice.toLocaleString()"></span> грн*
</span>
</span>
</li>
</ul> #}
<ul class="car-list-options --price --b-bottom">
<li v-if="inStock.hasReserved" class="first-price">{{ 'car_in_stock_module.reserved'|trans({}, 'dc_base') }}</li>
<li v-else-if="inStock.inDelivery && !inStock.hasStorage" class="first-price">{{ 'car_in_stock_module.in_delivery'|trans({}, 'dc_base') }}</li>
<li v-else class="car-list-options__item">
<span class="car-list-options__title">{{ 'car.price.title'|trans({}, 'dc_morris') }}, {{ 'car.price.currency_hrn'|trans({}, 'dc_morris') }}</span>
<span class="car-list-options__val">
<span v-html="inStock.price.toLocaleString() + ' грн'"></span>
<div class="second-price" v-if="inStock.fullPrice > inStock.price" v-html="inStock.fullPrice.toLocaleString() + ' грн'"></div>
</span>
</li>
</ul>
<ul class="car-list-options">
{# <li class="car-list-options__item">
<span class="car-list-options__title">{{ 'car.options.transmission_type'|trans({}, 'dc_morris') }}</span>
<span class="car-list-options__val" v-html="inStock.transmissionType.name">
</span>
</li> #}
<li class="car-list-options__item">
<span class="car-list-options__title">{{ 'car.options.power'|trans({}, 'dc_morris') }}</span>
<span class="car-list-options__val" v-html="inStock.power + ' к.с.'">
</span>
</li>
<li class="car-list-options__item">
<span class="car-list-options__title">{{ 'car.options.fuel_type'|trans({}, 'dc_morris') }}</span>
<span class="car-list-options__val" v-html="inStock.fuelType.name">
</span>
</li>
<li class="car-list-options__item">
<span class="car-list-options__title">{{ 'car.options.year'|trans({}, 'dc_morris') }}</span>
<span class="car-list-options__val" v-html="inStock.year"></span>
</li>
</ul>
<a :href="inStock.url" class="btn btn-outline-primary --size-md w-100 car-list__more">{{ 'pages.buttons.details'|trans({}, 'dc_base') }}</a>
</div>
</div>
</div>
{% if model.showDisabled == 1 %}
<div class="text-center">
<a :href="urlInStock" class="btn btn-outline-primary w-75 mb20">{{ 'pages.base.see_all'|trans({}, 'dc_base') }}</a>
</div>
{% endif %}
</div>
</section>