{% extends '@DcSite/Nissan_Armada/base.html.twig' %}
{% block title %}
{% if seoMeta.title %}
<title>{{ seoMeta.title }}</title>
{% else %}
{% if 'crossover' in category.url %}
<title>{{ 'seo.category.crossover.title'|trans({}, 'dc_nissan_armada') }}</title>
{% elseif 'pickup' in category.url %}
<title>{{ 'seo.category.pickup.title'|trans({}, 'dc_nissan_armada') }}</title>
{% else %}
<title>{{ 'seo.catalog.title'|trans({},'dc_nissan_armada') }}</title>
{% endif %}
{% endif %}
{% endblock title %}
{% block seo %}
{% if seoMeta.description %}
<meta name="description" content="{{ seoMeta.description }}">
{% else %}
{% if 'crossover' in category.url %}
<meta name="description" content="{{ 'seo.category.crossover.description'|trans({'%phone%': dealer.phone}, 'dc_nissan_armada') }}">
{% elseif 'pickup' in category.url %}
<meta name="description" content="{{ 'seo.category.pickup.description'|trans({'%phone%': dealer.phone}, 'dc_nissan_armada') }}">
{% else %}
<meta name="description" content="{{ 'seo.catalog.description'|trans({'%phone%': dealer.phone},'dc_nissan_armada') }}">
{% endif %}
{% endif %}
{% endblock seo %}
{% block css %}
<link type="text/css" media="all" href="{{ asset('bundles/dcsite/css/nissan_armada/front-page.css') }}" rel="stylesheet"/>
{% endblock %}
{% block content %}
<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('nissan_armada_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Nissan</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> 🠒 </div>
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('nissan_armada_catalog') }}">
<span class="breadcrumbs__link" itemprop="name">Каталог</span></a>
<meta itemprop="position" content="2"/>
</li>
<div class="arrow-bcs"> 🠒 </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #fff;" class="breadcrumbs__link" itemprop="name">{{ category.title(app.request.locale) }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
<section class="front-carcatalog catalog-page">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12 section-title">
<h1>{{ category.title(app.request.locale) }}</h1>
</div>
</div>
<div class="row ">
{% for car in cars %}
<div class="col-md-4 col-lg-4">
<div class="menu-model-lineup">
<div class="clearfix car-prices-lineup">
<div class="car-name">
<a href="{{ path('nissan_armada_one_car', {category: category.url, car: car.url}) }}" style="color:#000;text-decoration: none;">
{% if car.isNew %}New {% endif %}{{ car.fullName }}<span class="btn-chevron-right-lineup"></span>
</a>
</div>
</div>
<div class="car-slogan-lineup">
<div class="car-slogan">{{ car.slogan(app.request.locale) }}</div>
</div>
<div class="offer-price-car-lineup">
<a class="price-car-front-page" href="#about-price">від
<span class="price-car">
<span class="woocommerce-Price-amount amount">
{{ car.price|price }}<span class="woocommerce-Price-currencySymbol">грн</span>
</span>
<sup>*</sup>
</span>
</a>
</div>
{#<div class="menu-model-credit-car-lineup">#}
{#<a class="credit-car-front-page" href="#about-price">Кредит від 0,01%% на 2 роки<sup>1</sup></a>#}
{#</div>#}
<a class="car-link" href="{{ path('nissan_armada_one_car', {category: category.url, car: car.url}) }}">
<img src="{{ sonata_path(car.getPreview, 'reference') }}" alt="">
</a>
<a href="{{ path('nissan_armada_one_car', {category: category.url, car: car.url}) }}" class="btn-menu-reserved-front-page">
ЦІНИ ТА СПЕЦІАЛЬНІ ПРОПОЗИЦІЇ<span class="btn btn-chevron-right"></span>
</a>
<a href="{{ path('nissan_armada_service_consultation') }}" class="btn-menu-test-drive-lineup d-block" >Тест-драйв<span class="btn btn-chevron-right"></span></a>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% endblock content %}