src/DcSiteBundle/Resources/views/Opel/Service/spare-parts.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Opel/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.parts.title'|trans({}, 'dc_opel') }}</title>
  5.     <meta name="description" content="{{ 'seo.parts.desc'|trans({}, 'dc_opel') }}" />
  6. {% endblock seo %}
  8. {% block ogtagDynamic %}
  9.     <meta property="og:title" content="{{ 'seo.parts.title'|trans({}, 'dc_opel') }}"/>
  10.     <meta property="og:description" content="{{ 'seo.parts.desc'|trans({}, 'dc_opel') }}"/>
  11. {% endblock ogtagDynamic %}
  14. {% block css %}
  15.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/opel/spare-parts.css') }}">
  16. {% endblock %}
  18. {% block content %}
  19.     <section class="breadcrumbs__new">
  20.         <div class="container">
  21.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  22.                 <li class="marker__none" itemprop="itemListElement" itemscope
  23.                     itemtype="https://schema.org/ListItem">
  24.                     <a itemprop="item" href="{{ path('opel_homepage') }}">
  25.                         <span class="breadcrumbs__link" itemprop="name">opel</span></a>
  26.                     <meta itemprop="position" content="1"/>
  27.                 </li>
  29.                 <div class="arrow-bcs"> ❯ </div>
  30.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  31.                     itemtype="https://schema.org/ListItem">
  32.                     <span style="color: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ 'pages.service.breadcrumb_title'|trans({}, 'dc_opel') }}</span>
  33.                     <meta itemprop="position" content="2"/>
  34.                 </li>
  36.                 <div class="arrow-bcs"> ❯ </div>
  37.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  38.                     itemtype="https://schema.org/ListItem">
  39.                     <span style="color: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ 'pages.parts.breadcrumb_title'|trans({}, 'dc_opel') }}</span>
  40.                     <meta itemprop="position" content="3"/>
  41.                 </li>
  42.             </ol>
  43.         </div>
  44.     </section>
  46.     <div class="container">
  47.         <header class="page-header mb-5">
  48.             <h1 class="section-title text-lg-center mb-3">{{ 'pages.parts.title'|trans({}, 'dc_opel') }} Opel (ОПЕЛЬ)</h1>
  49.             <div class="page-header__descr mw-100 text-lg-center">
  50.                 {{ 'pages.parts.title_desc'|trans({}, 'dc_opel')|raw }}
  51.             </div>
  52.         </header>
  53.     </div>
  55.     <section class="search-parts" id="search-parts">
  56.         <div class="container">
  57.             <div class="row justify-content-center">
  58.                 <div class="col-lg-10">
  59.                     <span class="search-parts-title">{{ 'pages.parts.title_search'|trans({}, 'dc_opel') }}</span>
  60.                     <div class="search-parts-input">
  61.                         <input v-model="query" type="text" name="search-parts" class="form-control" placeholder="rA11we1A1311">
  62.                         <button @click.prevent="search" class="btn btn-search-parts" type="button" >{{ 'btn.find'|trans({}, 'dc_opel') }}</button>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.             <div class="row justify-content-center" v-show="id">
  67.                 <div class="col-md-8">
  68.                     <div class="search-parts-result">
  69.                         <div class="row">
  70.                             <div class="col-md-8">
  71.                                 <p class="parts-article">
  72.                                     Арт:
  73.                                     <span>{% verbatim %} {{ art }} {% endverbatim %}</span>
  74.                                 </p>
  75.                                 <p class="parts-name">{% verbatim %} {{ title }} {% endverbatim %}</p>
  76.                                 <p class="parts-price">{% verbatim %} {{ price }} {% endverbatim %} {{ 'car.price.currency_hrn_f'|trans({}, 'dc_morris') }}</p>
  77.                             </div>
  78.                             <div class="col-md-4 search-parts__buy-col">
  79.                                 <a href="#" @click.prevent.stop="showBuyForm" class="btn btn-outline-primary btn-order-parts">
  80.                                     {{ 'btn.buy'|trans({}, 'dc_opel') }}
  81.                                 </a>
  82.                             </div>
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.             <div class="row justify-content-center" v-show="isFinded == false">
  88.                 <div class="col-md-8">
  89.                     <div class="search-parts-result text-center text-sm-left">
  90.                         <p class="parts-name m-0">{{ 'pages.parts.not_found'|trans({}, 'dc_opel') }}</p>
  91.                     </div>
  92.                 </div>
  93.             </div>
  94.         </div>
  95.     </section>
  97.     {% if app.request.locale == 'ru' %}
  98.         {% include '@DcSite/Opel/Service/translations/spare-parts.ru.html.twig' %}
  99.     {% else %}
  100.         {% include '@DcSite/Opel/Service/translations/spare-parts.ua.html.twig' %}
  101.     {% endif %}
  103.     {% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %}
  105.     <svg width="0" height="0" class="hidden">
  106.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 23" id="icon-check">
  107.         <path d="M20.691 5.95605L11.4263 15.2203L6.79395 10.5884" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  108.         <path fill-rule="evenodd" clip-rule="evenodd" d="M18.1897 16.4207V20.4924C18.1897 20.7686 17.9658 20.9924 17.6897 20.9924H2C1.72386 20.9924 1.5 20.7686 1.5 20.4924V4.80273C1.5 4.52659 1.72386 4.30273 2 4.30273H6.62612L7.15554 2.80273H2C0.895431 2.80273 0 3.69816 0 4.80273V20.4924C0 21.597 0.895429 22.4924 2 22.4924H17.6897C18.7942 22.4924 19.6897 21.597 19.6897 20.4924V15.1082L18.1897 16.4207Z" fill="black"/>
  109.     </symbol>
  110.     </svg>
  112. {% endblock %}
  114. {% block pageJS %}
  115.     <script>
  116.         app.onCustomEvent('appInit', function () {
  117.             app.loadJs('{{ asset('/bundles/dcsite/js/opel/spare-parts.js') }}',function () {
  118.                 searchParts({
  119.                     initUrl: '{{ path('opel_spare_parts_search') }}'
  120.                 });
  121.             });
  122.         });
  123.     </script>
  124. {% endblock %}