{% extends '@DcSite/Nissan/base.html.twig' %}
{% block seo %}
<title>{{ 'pages.seo.models_title'|trans({},'dc_nissan') }}</title>
<meta name="description" content="{{ 'pages.seo.models_desc'|trans({'%phone%': dealer.phone},'dc_nissan') }}"/>
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'pages.seo.models_title'|trans({},'dc_nissan') }}"/>
<meta property="og:description"
content="{{ 'pages.seo.models_desc'|trans({'%phone%': dealer.phone},'dc_nissan') }}"/>
{% endblock ogtagDynamic %}
{% 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/front-page.css') }}" rel="stylesheet"/>
<link type="text/css" media="all" href="{{ asset('bundles/dcsite/css/nissan/support.css') }}" rel="stylesheet"/>
{% endblock %}
{% block content %}
<section class="title-breadcrumbs">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12">
<div class="vidi_breadcrumbs">
<span>
<a href="{{ path('nissan_homepage') }}"><span>{{ 'pages.breadcrumbs.main'|trans({},'dc_nissan') }}</span></a>
</span>
<span class="bc_sep"> → </span>
<span>
<span class="last-breadcrumbs">Каталог</span>
</span>
</div>
</div>
</div>
</div>
</section>
<section class="catalog-page">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12 section-title">
<h1>{{ 'pages.car.model_head'|trans({},'dc_nissan') }} NISSAN</h1>
</div>
</div>
<div class="car__model__wrapper_gap">
{% for category in data %}
<div class="section-title mb-0">
<span class="advantages-line-title"></span>
<span><a class="section-title" href="{{ path('nissan_category_catalog', {category: category.url}) }}">{{ category.title }}</a></span>
</div>
<div class="car__model__wrapper">
{% for car in category.cars %}
<div class="car__model__box">
<a class="car__model__img" href="{{ path('nissan_one_car', {category: category.url, car: car.url}) }}">
<picture alt="{{ car.customName(app.request.locale) }}">
<source class="car-picture-img" srcset="{{ sonata_path(car.getPreview, 'reference') }}" type="image/webp">
<source class="car-picture-img" srcset="{{ sonata_path(car.getPreview, 'reference') }}">
<img class="car-picture-img" width="270" height="191" src="{{ sonata_path(car.getPreview, 'reference') }}" alt="{{ car.customName(app.request.locale) }}">
</picture>
</a>
<p class="car__model__name">{{ car.customName(app.request.locale) }}</p>
<div class="car__model__price">Від <span>{{ car.price|price }} грн*</span>
</div>
<a class="car__model__btn" href="{{ path('nissan_one_car', {category: category.url, car: car.url}) }}">Детальніше</a>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</section>
{% include '@DcSite/Modules/car/catalog-model-range-item.html.twig' with { name: 'nissan_catalog_pages' } %}
{% endblock content %}