src/DcSiteBundle/Resources/views/Peugeot/Service/parts.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Peugeot/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.parts.title'|trans({}, 'dc_peugeot') }}</title>
  5.     <meta name="description" content="{{ 'seo.parts.desc'|trans({}, 'dc_peugeot') }}" />
  6.     <meta name="keywords" content="" />
  7. {% endblock seo %}
  9. {% block ogtagDynamic %}
  10.     <meta property="og:title" content="{{ 'seo.parts.title'|trans({}, 'dc_peugeot') }}"/>
  11.     <meta property="og:description" content="{{ 'seo.parts.desc'|trans({}, 'dc_peugeot') }}"/>
  12. {% endblock ogtagDynamic %}
  14. {% block css %}
  15.     <link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/peugeot/services/style.css') }}">
  16. {% endblock %}
  19. {% block content %}
  21.     <section class="parts bg-gray">
  23.         <section class="painting__discks bg-gray">
  24.             <section class="breadcrumbs__new">
  25.                 <div class="container">
  26.                     <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  27.                         <li class="marker__none" itemprop="itemListElement" itemscope
  28.                             itemtype="https://schema.org/ListItem">
  29.                             <a itemprop="item" href="{{ path('peugeot_homepage') }}">
  30.                                 <span class="breadcrumbs__link" itemprop="name">Peugeot</span></a>
  31.                             <meta itemprop="position" content="1"/>
  32.                         </li>
  34.                         <div class="arrow-bcs"> ❯ </div>
  35.                         <li class="marker__none" itemprop="itemListElement" itemscope
  36.                             itemtype="https://schema.org/ListItem">
  37.                             <a itemprop="item" href="{{ path('peugeot_service_online-booking') }}">
  38.                                 <span class="breadcrumbs__link" itemprop="name">{{ 'main.service'|trans({}, 'dc_peugeot') }}</span></a>
  39.                             <meta itemprop="position" content="2"/>
  40.                         </li>
  42.                         <div class="arrow-bcs"> ❯ </div>
  43.                         <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  44.                             itemtype="https://schema.org/ListItem">
  45.                             <span style="color: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ 'menu.parts'|trans({}, 'dc_peugeot') }}</span>
  46.                             <meta itemprop="position" content="3"/>
  47.                         </li>
  48.                     </ol>
  49.                 </div>
  50.             </section>
  52.         <div class="container">
  53.             <div class="row">
  54.                 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-8 ">
  55.                     <div class="row" >
  56.                         <div class="col-md-12 custom-padd pt-0">
  57.                             <h1 class="section-title">{{ 'menu.parts'|trans({}, 'dc_peugeot') }}</h1>
  58.                             <div class="row">
  59.                                 <div class="col-md-12">
  60.                                     <p>{{ 'service.parts_desc'|trans({}, 'dc_peugeot') }}</p>
  61.                                     <div class="row" id="search-parts">
  62.                                         <div class="col-md-12">
  63.                                             <div class="search-parts-input input-group">
  64.                                                 <input v-model="query" type="text" name="search-parts" class="form-control" placeholder="{{ 'service.enter_code_parts'|trans({}, 'dc_peugeot') }}">
  65.                                                 <button @click.prevent="search" class="btn btn-outline-primary btn-search-parts" type="button" >{{ 'service.search'|trans({}, 'dc_peugeot') }}</button>
  66.                                             </div>
  67.                                             <div class="search-parts_info">
  68.                                                 <p class="search-parts_info-desc">
  69.                                                     * {{ 'service.parts_info'|trans({}, 'dc_peugeot')|raw }}
  70.                                                 </p>
  71.                                             </div>
  72.                                             <div class="search-parts-result" v-show="id">
  73.                                                 <div class="row">
  74.                                                     <div class="col-md-8">
  75.                                                         <p class="parts-article">{{ 'service.parts_number'|trans({}, 'dc_peugeot') }}:
  76.                                                             <span>{% verbatim %} {{ art }} {% endverbatim %}</span>
  77.                                                         </p>
  78.                                                         <p class="parts-name">{% verbatim %} {{ title }} {% endverbatim %}</p>
  79.                                                         <span v-if="count > 0" class="parts-in-stocks">{{ 'service.in_stock'|trans({}, 'dc_peugeot') }}</span>
  80.                                                         <span v-else>{{ 'pages.service.spares.out_stock'|trans({}, 'dc_toyota') }}</span>
  81.                                                         <p class="parts-price">{% verbatim %} {{ price }} {% endverbatim %} грн</p>
  82.                                                     </div>
  83.                                                     <div class="col-md-4 d-flex align-items-center justify-content-end">
  84.                                                         <a href="#" @click.prevent.stop="showBuyForm" class="btn btn-primary order-parts">{{ 'service.order'|trans({}, 'dc_peugeot') }}</a>
  85.                                                     </div>
  86.                                                 </div>
  87.                                             </div>
  88.                                             <div class="row" v-show="isFinded == false">
  89.                                                 <div class="col-md-12">
  90.                                                     <div class="search-parts-result">
  91.                                                         <div class="row">
  92.                                                             <div class="col-md-12">
  93.                                                                 <p class="parts-name m-0 text-center">{{ 'service.parts_not_found'|trans({}, 'dc_peugeot') }}</p>
  94.                                                                 <p class="parts-form-title mt-3">{{ 'service.form_title'|trans({}, 'dc_peugeot')|raw }}</p>
  95.                                                                 {{ form_start(sparesForm, {attr: { action: path('form_fb'), 'data-parent': 'spares-form', 'class': 'form form-col lead-form pop-up row'}}) }}
  96.                                                                 <div class="form-group form-col__group col-md-6 mb-0">
  97.                                                                     {{ form_row(sparesForm.name) }}
  98.                                                                 </div>
  99.                                                                 <div class="form-group form-col__group col-md-6 mb-0">
  100.                                                                     {{ form_row(sparesForm.phone) }}
  101.                                                                 </div>
  102.                                                                 <div class="form-group form-col__group col-md-6 mb-0">
  103.                                                                     {{ form_row(sparesForm.email) }}
  104.                                                                 </div>
  105.                                                                 <div class="form-group form-col__group col-md-6 mb-0">
  106.                                                                     <input class="w-100 btn btn-primary btn_red btn_rounded" type="submit" value="{{ 'base.forms.send_app'|trans({}, 'dc_toyota') }}"></div>
  107.                                                                 <div class="form-col__msg" style="display: none">
  108.                                                                     <div class="ico ico_ok">{{ 'base.forms.succ_send'|trans({}, 'dc_toyota') }}</div>
  109.                                                                 </div>
  110.                                                                 <div class="form-group checkbox style-b js-form-privacy">
  111.                                                                     <label class="checkboxes__item-privacy">
  112.                                                                         <input type="checkbox" name="{{ sparesForm.privacy.vars.full_name }}" value="{{ sparesForm.privacy.vars.value }}" id="{{ sparesForm.privacy.vars.id }}"/>
  113.                                                                         <div id="check_privacy" class="checkbox__checkmark form-control"></div>
  114.                                                                         <div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
  115.                                                                     </label>
  116.                                                                 </div>
  117.                                                                 <div style="display: none">
  118.                                                                     {{ form_rest(sparesForm) }}
  119.                                                                 </div>
  120.                                                                 {{ form_end(sparesForm) }}
  121.                                                             </div>
  122.                                                         </div>
  123.                                                     </div>
  124.                                                 </div>
  125.                                             </div>
  126.                                         </div>
  127.                                     </div>
  128.                                     <h3>{{ 'service.adv_title'|trans({}, 'dc_peugeot') }}</h3>
  129.                                     <ul class="row content-list">
  130.                                         <li class="col-md-6">{{ 'service.adv_one'|trans({}, 'dc_peugeot') }}</li>
  131.                                         <li class="col-md-6">{{ 'service.adv_four'|trans({}, 'dc_peugeot') }}</li>
  132.                                         <li class="col-md-6">{{ 'service.adv_three'|trans({}, 'dc_peugeot') }}</li>
  133.                                         <li class="col-md-6">{{ 'service.adv_two'|trans({}, 'dc_peugeot') }}</li>
  134.                                     </ul>
  135.                                 </div>
  136.                             </div>
  137.                             <div class="row">
  138.                                 {% for action in actions %}
  139.                                     <div class="col-sm-12 col-md-6 col-lg-6 col-xl-6">
  140.                                         <div class="posts__card">
  141.                                             <a href="{{ path('peugeot_stocks_single', { 'url': action.url }) }}" class="posts__card-img">
  142.                                                 <img src="{{ sonata_path(action.image(app.request.locale), 'small') }}" alt="{{ action.url }}">
  143.                                             </a>
  144.                                             <p class="date mb-2">
  145.                                                 <small>{{ action.dateStart|date('d.m.Y') }} - {{ action.dateEnd|date('d.m.Y') }}</small>
  146.                                             </p>
  147.                                             <a href="{{ path('peugeot_stocks_single', { 'url': action.url }) }}" class="posts__card-title">{{ action.title(app.request.locale) }}</a>
  148.                                             <p class="posts__card-desc">{{ action.contentByLocale(app.request.locale).description }}</p>
  149.                                         </div>
  150.                                     </div>
  151.                                 {% endfor %}
  152.                             </div>
  153.                         </div>
  154.                     </div>
  155.                 </div>
  156.                 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-4 bg-white right__content">
  157.                     {% include '@DcSiteBundle/Peugeot/Modules/aside.html.twig' %}
  158.                 </div>
  159.             </div>
  160.         </div>
  161.     </section>
  163.     {% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %}
  165. {% endblock %}
  168. {% block pageJS %}
  169.     <script>
  170.         app.onCustomEvent('appInit', function () {
  171.             app.loadJs('{{ asset('/bundles/dcsite/js/peugeot/spare-parts.js') }}',function () {
  172.                 searchParts({
  173.                     initUrl: '{{ path('peugeot_spare_parts_search') }}'
  174.                 });
  175.             });
  176.         });
  177.     </script>
  178. {% endblock %}