{% extends '@DcSite/Subaru/base.html.twig' %}
{% block title %}
<title>{{ seoMeta.title ?? 'base.seo.title_catalog'|trans({}, 'dc_subaru') }}</title>
{% endblock title %}
{% block seo %}
<meta name="description" content="{{ seoMeta.description ?? 'base.seo.description_catalog'|trans({}, 'dc_subaru') }}" />
<meta name="keywords" content="" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ seoMeta.title ?? 'base.seo.title_catalog'|trans({}, 'dc_subaru') }}"/>
<meta property="og:description" content="{{ seoMeta.description ?? 'base.seo.description_catalog'|trans({}, 'dc_subaru') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/car/catalog-model-range-item.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/subaru/model-lineup-pages.css') }}">
{% endblock %}
{% block content %}
<main>
<section class="breadcrumbs__new">
<div class="container">
<ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('subaru_homepage') }}">
<span class=" " itemprop="name">SUBARU</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">Модельный ряд</span>
<meta itemprop="position" content="2"/>
</li>
</ol>
</div>
</section>
<section class="model-lineup section-padding ">
<div class="container">
<div class="row">
<div class="col-md-6 section-title section-title-and-btn">
<h1>{{ 'pages.model_head'|trans({}, 'dc_subaru') }} Subaru</h1>
</div>
</div>
<div class="row">
{% for car in cars %}
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
<div class="model-card">
<div class="car_status_is_new-block">
{% if car.new %}
<span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
{% endif %}
</div>
<div class="model-card-img">
<a href="{{ path('subaru_card_car', {car: car.url}) }}">
<img src="{{ sonata_path(car.preview, 'small') }}" alt="{{ car.fullName }}">
</a>
</div>
<a href="{{ path('subaru_card_car', {car: car.url}) }}">
<h2 class="d-block model-card-name m-0">{{ car.fullName }}</h2>
</a>
{% if car.price is null or car.price <= 0 %}
<span class="d-block model-card-price">{{ 'pages.specify_price'|trans({}, 'dc_subaru') }}</span>
{% else %}
<span class="price_title">{{ 'pages.main.price'|trans({}, 'dc_subaru') }}</span>
<span class="d-inline-block model-card-price">{{ car.price|price }} грн</span>
{% if car.testDrive %}
<a href="{{ path('subaru_service_consultation') }}" class="btn-blue model-card-btn">{{ 'leads.test_drive'|trans({}, 'dc_subaru') }}</a>
{% endif %}
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% include '@DcSite/Modules/car/catalog-model-range-item.html.twig' with { name: 'subaru_model_lineup_category' } %}
</main>
{% endblock content %}