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

Open in your IDE?
  1. {% extends '@DcSite/Morris_Garage/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.parts.title'|trans({}, 'dc_morris') }}</title>
  5.     <meta name="description" content="{{ 'seo.parts.desc'|trans({}, 'dc_morris') }}" />
  6.     <meta name="facebook-domain-verification" content="dzyq8tksmolgarcjvze99xuevh7wwz" />
  7. {% endblock seo %}
  9. {% block ogtagDynamic %}
  10.     <meta property="og:title" content="{{ 'seo.parts.title'|trans({}, 'dc_morris') }}"/>
  11.     <meta property="og:description" content="{{ 'seo.parts.desc'|trans({}, 'dc_morris') }}"/>
  12. {% endblock ogtagDynamic %}
  14. {% block css %}
  15.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/morris_garage/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('mg_homepage') }}">
  25.                         <span class="breadcrumbs__link" itemprop="name">Morris Garages</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: #727272;" class="breadcrumbs__link" itemprop="name">{{ 'pages.service.breadcrumb_title'|trans({}, 'dc_morris') }}</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: #727272;" class="breadcrumbs__link" itemprop="name">{{ 'pages.parts.breadcrumb_title'|trans({}, 'dc_morris') }}</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_morris') }}</h1>
  50.             <div class="page-header__descr mw-100 text-lg-center">
  51.                 {{ 'pages.parts.title_desc'|trans({}, 'dc_morris')|raw }}
  52.             </div>
  53.         </header>
  54.     </div>
  56.     <section class="search-parts" id="search-parts">
  57.         <div class="container">
  58.             <div class="row justify-content-center">
  59.                 <div class="col-lg-10">
  60.                     <span class="search-parts-title">{{ 'pages.parts.title_search'|trans({}, 'dc_morris') }}</span>
  61.                     <div class="search-parts-input">
  62.                         <input v-model="query" type="text" name="search-parts" class="form-control" placeholder="rA11we1A1311">
  63.                         <button @click.prevent="search" class="btn-black btn-search-parts" type="button" >{{ 'btn.find'|trans({}, 'dc_morris') }}</button>
  64.                     </div>
  65.                     <span class="enter-code-star">{{ 'pages.parts.enter_code'|trans({}, 'dc_morris') }}</span>
  66.                 </div>
  67.             </div>
  69.             <div class="row justify-content-center" v-show="id">
  70.                 <div class="col-md-8">
  71.                     <div class="search-parts-result">
  72.                         <div class="row">
  73.                             <div class="col-md-8">
  74.                                 <p class="parts-article">
  75.                                     Арт:
  76.                                     <span>{% verbatim %} {{ art }} {% endverbatim %}</span>
  77.                                 </p>
  78.                                 <p class="parts-name">{% verbatim %} {{ title }} {% endverbatim %}</p>
  79.                                 <p class="parts-price">{% verbatim %} {{ price }} {% endverbatim %} {{ 'car.price.currency_hrn_f'|trans({}, 'dc_morris') }}</p>
  80.                             </div>
  81.                             <div class="col-md-4 search-parts__buy-col">
  82.                                 <a href="#" @click.prevent.stop="showBuyForm" class="btn btn-outline-primary btn-order-parts">
  83.                                     {{ 'btn.buy'|trans({}, 'dc_morris') }}
  84.                                 </a>
  85.                             </div>
  86.                         </div>
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.             <div class="row justify-content-center" v-show="isFinded == false">
  91.                 <div class="col-md-8">
  92.                     <div class="search-parts-result text-center text-sm-left">
  93.                         <p class="parts-name m-0">{{ 'pages.parts.not_found'|trans({}, 'dc_morris') }}</p>
  94.                     </div>
  95.                 </div>
  96.             </div>
  97.         </div>
  98.     </section>
  100.     {% if app.request.locale == 'ru' %}
  101.         {% include '@DcSite/Morris_Garage/Service/translations/spare-parts.ru.html.twig' %}
  102.     {% else %}
  103.         {% include '@DcSite/Morris_Garage/Service/translations/spare-parts.ua.html.twig' %}
  104.     {% endif %}
  106.     {% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %}
  108.     <svg width="0" height="0" class="hidden">
  109.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 23" id="icon-check">
  110.         <path d="M20.691 5.95605L11.4263 15.2203L6.79395 10.5884" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  111.         <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"/>
  112.     </symbol>
  113.     </svg>
  115. {% endblock %}
  117. {% block pageJS %}
  118.     <script>
  119.         app.onCustomEvent('appInit', function () {
  120.             app.loadJs('{{ asset('/bundles/dcsite/js/morris_garage/spare-parts.js') }}',function () {
  121.                 searchParts({
  122.                     initUrl: '{{ path('mg_spare_parts_search') }}'
  123.                 });
  124.             });
  125.         });
  126.     </script>
  127. {% endblock %}