src/DcSiteBundle/Resources/views/Subaru/Stocks/car-stocks.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Subaru/base.html.twig' %}
  3. {% block title %}
  4.     <title>{{ 'base.seo.title_stocks'|trans({}, 'dc_subaru') }}</title>
  5. {% endblock title %}
  7. {% block seo %}
  8.     <meta name="description" content="{{ 'base.seo.description_stocks'|trans({}, 'dc_subaru') }}" />
  9. {% endblock seo %}
  11. {% block ogtagDynamic %}
  12.     <meta property="og:title" content="{{ 'base.seo.title_stocks'|trans({}, 'dc_subaru') }}"/>
  13.     <meta property="og:description" content="{{ 'base.seo.description_stocks'|trans({}, 'dc_subaru') }}"/>
  14. {% endblock ogtagDynamic %}
  17. {% block css %}
  18. {% endblock %}
  20. {% block content %}
  21.     <main>
  22.         <section class="breadcrumbs__new">
  23.             <div class="container">
  24.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  25.                     <li class="marker__none" itemprop="itemListElement" itemscope
  26.                         itemtype="https://schema.org/ListItem">
  27.                         <a itemprop="item" href="{{ path('subaru_homepage') }}">
  28.                             <span class="breadcrumbs__link" itemprop="name">SUBARU</span></a>
  29.                         <meta itemprop="position" content="1"/>
  30.                     </li>
  32.                     <div class="arrow-bcs"> ❯ </div>
  33.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  34.                         itemtype="https://schema.org/ListItem">
  35.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.actions'|trans({}, 'dc_subaru')|trans({}, 'dc_subaru') }}</span>
  36.                         <meta itemprop="position" content="2"/>
  37.                     </li>
  38.                 </ol>
  39.             </div>
  40.         </section>
  42.         <section class="stocks-block section-padding-page">
  43.             <div class="container">
  44.                 <div class="row">
  45.                     <div class="col-md-12 section-title">
  46.                         <h1>{{ 'menu.actions'|trans({}, 'dc_subaru') }} Subaru</h1>
  47.                         <span class="line-page"></span>
  48.                     </div>
  49.                 </div>
  50.                 <div class="row">
  51.                     <div class="col-md-12">
  52.                         <nav>
  53.                             <div class="nav nav-tabs" id="nav-tab" role="tablist">
  54.                                 <a class="nav-item nav-link active" id="special-offers-tab" data-toggle="tab" href="#all" role="tab" aria-controls="special-offers" aria-selected="false">{{ 'pages.stocks.tab_0'|trans({}, 'dc_subaru') }}</a>
  55.                                 <a class="nav-item nav-link" id="car-stocks-tab" data-toggle="tab" href="#car-stocks" role="tab" aria-controls="car-stocks" aria-selected="true">{{ 'pages.stocks.tab_1'|trans({}, 'dc_subaru') }}</a>
  56.                                 <a class="nav-item nav-link" id="service-stocks-tab" data-toggle="tab" href="#service-stocks" role="tab" aria-controls="service-stocks" aria-selected="false">{{ 'pages.stocks.tab_2'|trans({}, 'dc_subaru') }}</a>
  57.                             </div>
  58.                         </nav>
  59.                         <div class="tab-content" id="nav-tabContent">
  60.                             <div class="tab-pane fade active show" id="all" role="tabpanel" aria-labelledby="special-offers-tab">
  61.                                 <div class="row">
  62.                                     {% for all in carsActions %}
  63.                                         <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
  64.                                             <div class="news-image">
  65.                                                 <a class="posts-img flexbox-wrapper" href="{{ path('subaru_stocks_single', { url: all.url }) }}">
  66.                                                     <img class="card-img-top" src="{{ sonata_path(all.image(app.request.locale), 'small') }}" alt="{{ all.title(app.request.locale) }}">
  67.                                                 </a>
  68.                                             </div>
  69.                                             <div class="card-body card-news">
  70.                                                 <p class="date">
  71.                                                     <span class="date-box-ico"></span>
  72.                                                     <small class="text-muted">{{ all.dateStart|date('d.m.Y') }} - {{ all.dateEnd|date('d.m.Y') }}</small>
  73.                                                 </p>
  74.                                                 <a href="{{ path('subaru_stocks_single', { url: all.url }) }}">
  75.                                                     <h3 class="posts-title">{{ all.title(app.request.locale) }}</h3>
  76.                                                 </a>
  77.                                                 <p class="posts-text">{{ all.description(app.request.locale) }}</p>
  78.                                                 <a href="{{ path('subaru_stocks_single', { url: all.url }) }}" class="btn stocks__btn">{{ 'btn.details'|trans({}, 'dc_subaru') }}</a>
  79.                                             </div>
  80.                                         </div>
  81.                                     {% endfor %}
  82.                                     {% for all in serviceActions %}
  83.                                         <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
  84.                                             <div class="news-image">
  85.                                                 <a class="posts-img flexbox-wrapper" href="{{ path('subaru_stocks_single', { url: all.url }) }}">
  86.                                                     <img class="card-img-top" src="{{ sonata_path(all.image(app.request.locale), 'small') }}" alt="{{ all.title(app.request.locale) }}">
  87.                                                 </a>
  88.                                             </div>
  89.                                             <div class="card-body card-news">
  90.                                                 <p class="date">
  91.                                                     <span class="date-box-ico"></span>
  92.                                                     <small class="text-muted">{{ all.dateStart|date('d.m.Y') }} - {{ all.dateEnd|date('d.m.Y') }}</small>
  93.                                                 </p>
  94.                                                 <a href="{{ path('subaru_stocks_single', { url: all.url }) }}">
  95.                                                     <h3 class="posts-title">{{ all.title(app.request.locale) }}</h3>
  96.                                                 </a>
  97.                                                 <p class="posts-text">{{ all.description(app.request.locale) }}</p>
  98.                                                 <a href="{{ path('subaru_stocks_single', { url: all.url }) }}" class="btn stocks__btn">{{ 'btn.details'|trans({}, 'dc_subaru') }}</a>
  99.                                             </div>
  100.                                         </div>
  101.                                     {% endfor %}
  102.                                 </div>
  103.                             </div>
  104.                             <div class="tab-pane fade" id="car-stocks" role="tabpanel" aria-labelledby="car-stocks-tab">
  105.                                 <div class="row">
  106.                                     {% for all in carsActions %}
  107.                                         <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
  108.                                             <div class="news-image">
  109.                                                 <a class="posts-img flexbox-wrapper" href="{{ path('subaru_stocks_single', { url: all.url }) }}">
  110.                                                     <img class="card-img-top" src="{{ sonata_path(all.image(app.request.locale), 'small') }}" alt="{{ all.title(app.request.locale) }}">
  111.                                                 </a>
  112.                                             </div>
  113.                                             <div class="card-body card-news">
  114.                                                 <p class="date">
  115.                                                     <span class="date-box-ico"></span>
  116.                                                     <small class="text-muted">{{ all.dateStart|date('d.m.Y') }} - {{ all.dateEnd|date('d.m.Y') }}</small>
  117.                                                 </p>
  118.                                                 <a href="{{ path('subaru_stocks_single', { url: all.url }) }}">
  119.                                                     <h3 class="posts-title">{{ all.title(app.request.locale) }}</h3>
  120.                                                 </a>
  121.                                                 <p class="posts-text">{{ all.description(app.request.locale) }}</p>
  122.                                                 <a href="{{ path('subaru_stocks_single', { url: all.url }) }}" class="btn stocks__btn">{{ 'btn.details'|trans({}, 'dc_subaru') }}</a>
  123.                                             </div>
  124.                                         </div>
  125.                                     {% endfor %}
  126.                                 </div>
  127.                             </div>
  128.                             <div class="tab-pane fade" id="service-stocks" role="tabpanel" aria-labelledby="service-stocks-tab">
  129.                                 <div class="row">
  130.                                     {% for all in serviceActions %}
  131.                                         <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
  132.                                             <div class="news-image">
  133.                                                 <a class="posts-img flexbox-wrapper" href="{{ path('subaru_stocks_single', { url: all.url }) }}">
  134.                                                     <img class="card-img-top" src="{{ sonata_path(all.image(app.request.locale), 'small') }}" alt="{{ all.title(app.request.locale) }}">
  135.                                                 </a>
  136.                                             </div>
  137.                                             <div class="card-body card-news">
  138.                                                 <p class="date">
  139.                                                     <span class="date-box-ico"></span>
  140.                                                     <small class="text-muted">{{ all.dateStart|date('d.m.Y') }} - {{ all.dateEnd|date('d.m.Y') }}</small>
  141.                                                 </p>
  142.                                                 <a href="{{ path('subaru_stocks_single', { url: all.url }) }}">
  143.                                                     <h3 class="posts-title">{{ all.title(app.request.locale) }}</h3>
  144.                                                 </a>
  145.                                                 <p class="posts-text">{{ all.description(app.request.locale) }}</p>
  146.                                                 <a href="{{ path('subaru_stocks_single', { url: all.url }) }}" class="btn stocks__btn">{{ 'btn.details'|trans({}, 'dc_subaru') }}</a>
  147.                                             </div>
  148.                                         </div>
  149.                                     {% endfor %}
  150.                                 </div>
  151.                             </div>
  153.                         </div>
  154.                     </div>
  155.                 </div>
  156.             </div>
  157.         </section>
  159.     </main>
  160. {% endblock content %}