{% extends '@DcSite/Nissan_Armada/base.html.twig' %}
{% block title %}
<title>{{ seoMeta.title ?? 'pages.title_news_stocks.stocks'|trans({},'dc_nissan_armada') }}</title>
{% endblock title %}
{% block seo %}
<meta name="description" content="{{ seoMeta.description }}" />
{% endblock %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ seoMeta.title ?? 'pages.title_news_stocks.stocks'|trans({},'dc_nissan_armada') }}"/>
<meta property="og:description" content="{{ seoMeta.description }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link type="text/css" media="all" href="{{ asset('bundles/dcsite/css/nissan_armada/front-page.css') }}" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/nissan_armada/page.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('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">{{ 'pages.breadcrumbs.stocks'|trans({},'dc_nissan_armada') }}</span>
<meta itemprop="position" content="2"/>
</li>
</ol>
</div>
</section>
<section class="section-padding front-carcatalog front-stock post-archive">
<div class="nav-tab-wrap">
<div class="container">
<div class="row">
<div class="col-12 page-title">
<h1>{{ 'pages.breadcrumbs.stocks'|trans({},'dc_nissan_armada') }}</h1>
</div>
<div class="col-12">
<ul class="nav nav-tabs nav-pills nav-fill" role="tablist">
<li role="presentation" class="nav-item">
<a class="h-100 nav-link justify-content-center active" aria-controls="all" data-toggle="tab" role="tab" href="#all" aria-expanded="true">{{ 'pages.stocks.archive.tabs_one'|trans({},'dc_nissan_armada') }}</a>
</li>
<li role="presentation" class="nav-item">
<a class="h-100 nav-link justify-content-center" aria-controls="stocks_cars" data-toggle="tab" role="tab" href="#stocks_cars" aria-expanded="false"> {{ 'pages.stocks.archive.tabs_two'|trans({},'dc_nissan_armada') }}</a>
</li>
<li role="presentation" class="nav-item">
<a class="h-100 nav-link justify-content-center" aria-controls="stocks_service" data-toggle="tab" role="tab" href="#stocks_service" aria-expanded="false"> {{ 'pages.stocks.archive.tabs_three'|trans({},'dc_nissan_armada') }}</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="tab-content">
<div id="all" role="tabpanel" class="tab-pane active">
<div class="row">
{% for action in actions %}
<div class="col-md-4 stock">
<div class="card">
<a href="{{ path('nissan_armada_stocks_single', { url: action.url }) }}">
<img class="card-img-top w-100" src="{{ sonata_path(action.image(app.request.locale), 'small') }}" alt="{{ action.title(app.request.locale) }}" ></a>
<div class="card-body">
<a href="{{ path('nissan_armada_stocks_single', { url: action.url }) }}"><span class="post-title">{{ action.title(app.request.locale) }}</span></a>
<div class="stock-date"><span class="date-box-ico"></span><time class="stock-post stock-date-begin" >{{ 'pages.stocks.archive.start_date'|trans({},'dc_nissan_armada') }}: {{ action.dateStart|date('d.m.Y') }}</time></div>
<a class="btn btn-link" href="{{ path('nissan_armada_stocks_single', { url: action.url }) }}">{{ 'pages.stocks.archive.detail_btn'|trans({},'dc_nissan_armada') }}<span class="btn btn-chevron-right"></span></a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div id="stocks_cars" role="tabpanel" class="tab-pane">
<div class="row">
{% for car in cars %}
<div class="col-md-4 stock">
<div class="card">
<a href="{{ path('nissan_armada_stocks_single', { url: car.url }) }}">
<img class="card-img-top w-100" src="{{ sonata_path(car.image(app.request.locale), 'small') }}" alt="{{ car.title(app.request.locale) }}" >
</a>
<div class="card-body">
<a href="{{ path('nissan_armada_stocks_single', { url: car.url }) }}"><span class="post-title">{{ car.title(app.request.locale) }}</span></a>
<div class="stock-date"><span class="date-box-ico"></span><time class="stock-post stock-date-begin" >{{ 'pages.stocks.archive.start_date'|trans({},'dc_nissan_armada') }}: {{ car.dateStart|date('d.m.Y') }}</time></div>
<a class="btn btn-link" href="{{ path('nissan_armada_stocks_single', { url: car.url }) }}">{{ 'pages.stocks.archive.detail_btn'|trans({},'dc_nissan_armada') }}<span class="btn btn-chevron-right"></span></a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div id="stocks_service" role="tabpanel" class="tab-pane">
<div class="row">
{% for serviceAction in service %}
<div class="col-md-4 stock">
<div class="card">
<a href="{{ path('nissan_armada_stocks_single', { url: serviceAction.url }) }}">
<img class="card-img-top w-100" src="{{ sonata_path(serviceAction.image(app.request.locale), 'small') }}" alt="{{ serviceAction.title(app.request.locale) }}" ></a>
<div class="card-body">
<a href="{{ path('nissan_armada_stocks_single', { url: serviceAction.url }) }}"><span class="post-title">{{ serviceAction.title(app.request.locale) }}</span></a>
<div class="stock-date"><span class="date-box-ico"></span><time class="stock-post stock-date-begin">{{ 'pages.stocks.archive.start_date'|trans({},'dc_nissan_armada') }}: {{ serviceAction.dateStart|date('d.m.Y') }}</time></div>
<a class="btn btn-link" href="{{ path('nissan_armada_stocks_single', { url: serviceAction.url }) }}">{{ 'pages.stocks.archive.detail_btn'|trans({},'dc_nissan_armada') }}<span class="btn btn-chevron-right"></span></a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
{% endblock content %}