{% extends '@DcSite/Peugeot/base.html.twig' %}
{% block seo %}
<title>{{ 'pages.footer.commercial_car'|trans({}, 'dc_base') }}</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'pages.footer.commercial_car'|trans({}, 'dc_base') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
{% endblock %}
{% block content %}
<div class="bg-gray">
<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('peugeot_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Peugeot</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('peugeot_model_lineup') }}">
<span class="breadcrumbs__link" itemprop="name">{{ 'menu.model_lineup'|trans({}, 'dc_peugeot') }}</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: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ 'pages.footer.commercial_car'|trans({}, 'dc_base') }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
<section class="programs_for_employees">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-8">
<div class="row ">
<div class="col-md-12 custom-padd pt-0">
<h1 class="section-title">{{ 'pages.footer.commercial_car'|trans({}, 'dc_base') }}</h1>
<div class="row">
{% for model in models %}
<div class="col-md-4">
<div class="model__card">
<a href="{{ path('peugeot_card_car', { car: model.url }) }}" class="model__card-img">
<img style="visibility: hidden" src="{{ sonata_path(model.prewiew, 'small') }}" alt="" class="card-img-top lineup__preview">
</a>
<a href="{{ path('peugeot_card_car', { car: model.url }) }}" class="model__card-title">
{% if model.isNew %}{{ 'pages.car.is_new'|trans({},'dc_base') }}{% endif %} {{ model.fullName }}
</a>
<span class="model__card-price">{{ 'pages.base.from'|trans({}, 'dc_base') }} {{ model.price | price }} {{ 'main.grn'|trans({}, 'dc_peugeot') }}</span>
<a href="{{ path('peugeot_car_configurator', { 'url': model.url }) }}" class="btn btn-outline-secondary w-100 mb-2">{{ 'main.configurator'|trans({}, 'dc_peugeot') }}</a>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-4 bg-white right__content">
{% include '@DcSite/Peugeot/Modules/aside.html.twig' %}
</div>
</div>
</div>
</section>
</div>
{% endblock %}
{% block pageJS %}
{% endblock pageJS %}