{% extends '@DcSite/Nissan_Armada/base.html.twig' %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/car/catalog-model-range-item.css') }}">
<link type="text/css" media="all" href="{{ asset('bundles/dcsite/css/nissan_armada/front-page.css') }}" rel="stylesheet"/>
{% endblock %}
{% block title %}
<title>{{ seoMeta.title ?? 'seo.catalog.title'|trans({}, 'dc_nissan_armada') }}</title>
{% endblock title %}
{% block seo %}
<meta name="description" content="{{ seoMeta.description ?? 'seo.catalog.description'|trans({'%phone%': dealer.phone}, 'dc_nissan_armada') }}">
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ seoMeta.title ?? 'seo.catalog.title'|trans({}, 'dc_nissan_armada') }}"/>
<meta property="og:description" content="{{ seoMeta.description ?? 'seo.catalog.description'|trans({'%phone%': dealer.phone}, 'dc_nissan_armada') }}"/>
{% endblock ogtagDynamic %}
{% 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 itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #fff;" class="breadcrumbs__link" itemprop="name">Каталог</span>
<meta itemprop="position" content="2"/>
</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>{{ 'seo.catalog.head'|trans({}, 'dc_nissan_armada') }}</h1>
</div>
</div>
<div class="row ">
{% for category in data %}
<div class="col-md-12 col-lg-12 section-title">
<span class="advantages-line-title"></span>
<a href="{{ path('nissan_armada_category_catalog', {category: category.url}) }}">{{ category.title }}</a>
</div>
{% for car in category.cars %}
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
<div class="menu-model-lineup">
<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="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 %}
{% endfor %}
</div>
</div>
</section>
{% include '@DcSite/Modules/car/catalog-model-range-item.html.twig' with { name: 'nissan_armada_catalog_pages' } %}
{% endblock content %}