{% extends '@DcSite/Morris_Garage/base.html.twig' %}
{% set categoryUrl = category.url is defined ? category.url : null %}
{% block seo %}
{% if categoryUrl is null %}
<title>{{ 'seo.model_lineup.title'|trans({}, 'dc_morris') }}</title>
<meta name="description" content="{{ 'seo.model_lineup.desc'|trans({}, 'dc_morris') }}"/>
{% else %}
<title>{{ 'seo.model_category.title'|trans({'%category%': category.title}, 'dc_morris') }}</title>
<meta name="description"
content="{{ 'seo.model_category.desc'|trans({'%category%': category.title}, 'dc_morris') }}"/>
{% endif %}
{% endblock seo %}
{% block ogtagDynamic %}
{% if categoryUrl is null %}
<meta property="og:title" content="{{ 'seo.model_lineup.title'|trans({}, 'dc_morris') }}"/>
<meta property="og:description" content="{{ 'seo.model_lineup.desc'|trans({}, 'dc_morris') }}"/>
{% else %}
<meta property="og:title"
content="{{ 'seo.model_category.title'|trans({'%category%': category.title}, 'dc_morris') }}"/>
<meta property="og:description"
content="{{ 'seo.model_category.desc'|trans({'%category%': category.title}, 'dc_morris') }}"/>
{% endif %}
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/car/catalog-model-range-item.css') }}">
{% 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('mg_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Morris Garages</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: #727272;" class="breadcrumbs__link"
itemprop="name">{{ 'pages.model_lineup.breadcrumb_title'|trans({}, 'dc_morris') }}</span>
<meta itemprop="position" content="2"/>
</li>
</ol>
</div>
</section>
<div class="container">
<header class="page-header --lineup">
{% if categoryUrl is null %}
<h1 class="section-title text-center">{{ 'pages.model_lineup.title'|trans({}, 'dc_morris') }}</h1>
{% else %}
<h1 class="section-title text-center">{{ 'pages.model_category.h1'|trans({'%category%': category.title}, 'dc_morris') }}</h1>
{% endif %}
</header>
<div class="row car-list">
{% for item in catalogVehicle %}
<div class="col-6 col-md-4">
<div class="car-list__item">
<div class="car_status_is_new-block">
{% if item.isPreOrder %}
<span class="car_status_is_new">{{ 'pages.car.is_pre_order'|trans({}, 'dc_base') }}</span>
{% elseif item.isNew %}
<span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
{% endif %}
</div>
<a href="{{ path('mg_card_car', {'car': item.url}) }}" class="car-list__photo">
<img src="{{ item.image }}" alt="{{ item.title }}">
</a>
<p class="car-list__title">
<a href="{{ path('mg_card_car', {'car': item.url}) }}">MG
<span>{{ item.title }}</span></a>
</p>
<ul class="car-list-options --price --b-top">
<li 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">{{ 'car.price.from'|trans({}, 'dc_morris') }} {{ item.price | price }} грн</span>
</li>
</ul>
<a href="{{ path('mg_card_car', {'car': item.url}) }}"
class="btn btn-outline-primary --size-md w-100 car-list__more">{{ 'btn.more'|trans({}, 'dc_morris') }}</a>
</div>
</div>
{% endfor %}
</div>
{# SEO Текст. Тимчасово прибати#}
{# <div class="page-seo-article">#}
{# {% if category is null %}#}
{# {% if app.request.locale == 'ru' %}#}
{# {% include '@DcSite/Morris_Garage/Car/translations/model-lineup.ru.html.twig' %}#}
{# {% else %}#}
{# {% include '@DcSite/Morris_Garage/Car/translations/model-lineup.ua.html.twig' %}#}
{# {% endif %}#}
{# {% endif %}#}
{# </div>#}
</div>
{% include '@DcSite/Modules/car/catalog-model-range-item.html.twig' with { name: 'mg_model_lineup_pages' } %}
{% endblock %}