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

Open in your IDE?
  1. {% extends '@DcSite/Citroen/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ seoMeta.title ?? 'seo.parts.parts_title'|trans({}, 'dc_citroen') }}</title>
  5.     <meta name="description" content="{{ seoMeta.description ?? 'seo.parts.parts_desc'|trans({}, 'dc_citroen') }}" />
  6. {% endblock seo %}
  8. {% block ogtagDynamic %}
  9.     <meta property="og:title" content="{{ seoMeta.title ?? 'seo.parts.parts_title'|trans({}, 'dc_citroen') }}"/>
  10.     <meta property="og:description" content="{{ seoMeta.description ?? 'seo.parts.parts_desc'|trans({}, 'dc_citroen') }}"/>
  11. {% endblock ogtagDynamic %}
  13. {% block css %}
  14.     <link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/citroen/services/style.css') }}">
  15. {% 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('citroen_homepage') }}">
  25.                         <span class="breadcrumbs__link" itemprop="name">CITROЁN</span></a>
  26.                     <meta itemprop="position" content="1"/>
  27.                 </li>
  28.                 <div class="arrow-bc"></div>
  29.                 <li class="marker__none" itemprop="itemListElement" itemscope
  30.                     itemtype="https://schema.org/ListItem">
  31.                     <a itemprop="item" href="{{ path('citroen_service_online-booking') }}">
  32.                         <span class="breadcrumbs__link" itemprop="name">{{ 'seo.service.title'|trans({}, 'dc_citroen') }}</span></a>
  33.                     <meta itemprop="position" content="2"/>
  34.                 </li>
  35.                 <div class="arrow-bc"></div>
  36.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  37.                     itemtype="https://schema.org/ListItem">
  38.                     <span style="color: #837F7F; font-family: 'UbuntuRegular';" class="breadcrumbs__link" itemprop="name">{{ 'seo.parts.title'|trans({}, 'dc_citroen') }}</span>
  39.                     <meta itemprop="position" content="3"/>
  40.                 </li>
  41.             </ol>
  42.         </div>
  43.     </section>
  45.     <section class="page-head-title">
  46.         <div class="container">
  47.             <div class="row">
  48.                 <div class="col-md-12">
  49.                     <h1 class="section-title-page">{{ seoMeta.h1 ?? 'seo.parts.title'|trans({}, 'dc_citroen') }}</h1>
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     </section>
  55.     <section class="parts parts-heading">
  56.         <div class="container">
  57.             <div class="row">
  58.                 <div class="col-md-12">
  59.                     <img src="{{ asset('/bundles/dcsite/img/citroen/parts.png') }}" alt="" class="d-block m-auto">
  60.                     <a href="{{ path('citroen_stocks_single',{url : 'orig-naln-zapchastini-na-avtomob-l-citroyon_rozprodazh'}) }}" class="btn btn-primary">{{ 'service.sale_btn'|trans({}, 'dc_citroen') }}</a>
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </section>
  66.     <section class="section-padd pb-0">
  67.         <div class="container">
  68.             <div class="row">
  69.                 <div class="col-md-12 text-center">
  70.                     <p>{{ 'service.parts_desc'|trans({}, 'dc_citroen') }}</p>
  71.                 </div>
  72.             </div>
  73.             <div class="row">
  74.                 <div class="col-md-12" id="search-parts">
  76.                     <div class="search-parts-wrap">
  77.                         <div class="search-parts-input input-group">
  78.                             <input v-model="query" type="text" name="search-parts" class="form-control" placeholder="{{ 'service.enter_code_parts'|trans({}, 'dc_citroen') }} *">
  79.                             <button @click.prevent="search" class="btn btn-outline-primary btn-search-parts" type="button" >{{ 'service.search'|trans({}, 'dc_citroen') }}</button>
  80.                         </div>
  81.                         <div class="search-parts_info">
  82.                             <p class="search-parts_info-desc">
  83.                                 {{ 'service.parts_info'|trans({}, 'dc_citroen')|raw }}
  84.                             </p>
  85.                         </div>
  86.                         <div class="search-parts-result" v-show="id">
  87.                             <div class="row">
  88.                                 <div class="col-md-8">
  89.                                     <p class="parts-article">{{ 'service.parts_number'|trans({}, 'dc_citroen') }}:
  90.                                         <span>{% verbatim %} {{ art }} {% endverbatim %}</span>
  91.                                     </p>
  92.                                     <p class="parts-name">{% verbatim %} {{ title }} {% endverbatim %}</p>
  93.                                     <span v-if="count > 0" class="parts-in-stocks">{{ 'service.in_stock'|trans({}, 'dc_citroen') }}</span>
  94.                                     <span v-else style="color: red">{{ 'pages.service.spares.out_stock'|trans({}, 'dc_toyota') }}</span>
  95.                                     <p class="parts-price">{% verbatim %} {{ price }} {% endverbatim %} грн</p>
  96.                                 </div>
  97.                                 <div class="col-md-4 d-flex align-items-center justify-content-end">
  98.                                     <a href="#" data-toggle="modal" data-target="#popUp-orderAcc" class="btn btn-secondary order-parts">{{ 'service.order'|trans({}, 'dc_citroen') }}</a>
  99.                                 </div>
  100.                             </div>
  101.                         </div>
  102.                         <div class="row" v-show="isFinded == false">
  103.                             <div class="col-md-12">
  104.                                 <div class="search-parts-result">
  105.                                     <div class="row">
  106.                                         <div class="col-md-12">
  107.                                             <p class="parts-name m-0">{{ 'service.parts_not_found'|trans({}, 'dc_citroen') }}</p>
  110.                                             <p class="parts-form-title mt-3">{{ 'service.form_title'|trans({}, 'dc_citroen')|raw }}</p>
  111.                                             {{ form_start(sparesForm, {attr: { action: path('form_fb'), 'data-parent': 'spares-form', 'class': 'form form-col lead-form pop-up row'}}) }}
  112.                                             <div class="form-group form-col__group col-md-6 mb-0">
  113.                                                 {{ form_row(sparesForm.name) }}
  114.                                             </div>
  115.                                             <div class="form-group form-col__group col-md-6 mb-0">
  116.                                                 {{ form_row(sparesForm.phone) }}
  117.                                             </div>
  118.                                             <div class="form-group form-col__group col-md-6 mb-0">
  119.                                                 {{ form_row(sparesForm.email) }}
  120.                                             </div>
  121.                                             <div class="form-group form-col__group col-md-6 mb-0">
  122.                                                 <input class="w-100 btn btn-primary btn_red btn_rounded" type="submit" value="{{ 'base.forms.send_app'|trans({}, 'dc_toyota') }}"></div>
  123.                                             <div class="form-col__msg" style="display: none">
  124.                                                 <div class="ico ico_ok">{{ 'base.forms.succ_send'|trans({}, 'dc_toyota') }}</div>
  125.                                             </div>
  126.                                             <div class="form-group checkboxes__item-privacy col-md-6 mb-0">
  127.                                                 <label class="checkbox style-b js-form-privacy">
  128.                                                     <input type="checkbox" class="" style="cursor: pointer"/>
  129.                                                     <div id="check_privacy" class="checkbox__checkmark form-control"></div>
  130.                                                     <div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }}
  131.                                                         <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a>
  132.                                                     </div>
  133.                                                 </label>
  134.                                             </div>
  135.                                             <div style="display: none">
  136.                                                 {{ form_rest(sparesForm) }}
  137.                                             </div>
  138.                                             {{ form_end(sparesForm) }}
  139.                                         </div>
  140.                                     </div>
  141.                                 </div>
  142.                             </div>
  143.                         </div>
  144.                     </div>
  146.                 </div>
  147.             </div>
  148.         </div>
  149.     </section>
  151.     <section class="pb-0 pt-5">
  152.         <div class="container">
  153.             <div class="row">
  154.                 <div class="col-md-12">
  155.                     <hr class="m-0">
  156.                 </div>
  157.             </div>
  158.         </div>
  159.     </section>
  161.     {% if app.request.locale == 'ru' %}
  162.         {% include '@DcSite/Citroen/Service/translations/parts.ru.html.twig' %}
  163.     {% else %}
  164.         {% include '@DcSite/Citroen/Service/translations/parts.ua.html.twig' %}
  165.     {% endif %}
  167.     {% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %}
  168. {% endblock %}
  171. {% block pageJS %}
  172.     <script>
  173.         app.onCustomEvent('appInit', function () {
  174.             app.loadJs('{{ asset('/bundles/dcsite/js/citroen/spare-parts.js') }}',function () {
  175.                 searchParts({
  176.                     initUrl: '{{ path('citroen_spare_parts_search') }}'
  177.                 });
  178.             });
  179.         });
  180.     </script>
  181. {% endblock %}