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

Open in your IDE?
  1. {% extends '@DcSite/LandRover/base.html.twig' %}
  3. {% block title %}
  4.     <title>{{ 'seo.parts.title'|trans({}, 'dc_landrover') }}</title>
  5. {% endblock title %}
  7. {% block seo %}
  8.     <meta name="description" content="{{ 'seo.parts.description'|trans({}, 'dc_landrover') }}" />
  9.     <meta name="keywords"  content="{{ 'seo.parts.keywords'|trans({}, 'dc_landrover') }}" />
  10. {% endblock seo %}
  12. {% block ogtagDynamic %}
  13.     <meta property="og:title" content="{{ 'seo.parts.title'|trans({}, 'dc_landrover') }}"/>
  14.     <meta property="og:description" content="{{ 'seo.parts.description'|trans({}, 'dc_landrover') }}"/>
  15. {% endblock ogtagDynamic %}
  17. {% block css %}
  18.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/landrover/spare-parts.css') }}">
  19. {% endblock %}
  21. {% block content %}
  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('landrover_homepage') }}">
  28.                         <span class="breadcrumbs__link" itemprop="name">Land Rover</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">{{ 'main.service'|trans({}, 'dc_landrover') }}</span>
  36.                     <meta itemprop="position" content="2"/>
  37.                 </li>
  39.                 <div class="arrow-bcs"> ❯ </div>
  40.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  41.                     itemtype="https://schema.org/ListItem">
  42.                     <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'parts.title'|trans({}, 'dc_landrover') }}</span>
  43.                     <meta itemprop="position" content="3"/>
  44.                 </li>
  45.             </ol>
  46.         </div>
  47.     </section>
  49.     <section class="page-name dark-bg">
  50.         <div class="container">
  51.             <div class="row">
  52.                 <div class="col-md-12">
  53.                     <h1 class="page-name-title">{{ 'parts.title'|trans({}, 'dc_landrover') }}</h1>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </section>
  59.     <section class="landing-padding">
  60.         <div class="container">
  61.             <div class="justify-content-center row">
  62.                 <div class="col-md-8">
  63.                     <p class="text-desc mb-0">
  64.                         {{ 'parts.description'|trans({}, 'dc_landrover') }}
  65.                     </p>
  66.                 </div>
  67.             </div>
  68.         </div>
  69.     </section>
  71.     <section class="search-parts" id="search-parts">
  72.         <div class="container">
  73.             <div class="row justify-content-center">
  74.                 <div class="col-md-8">
  75.                     <span class="search-parts-title">{{ 'parts.search'|trans({}, 'dc_landrover') }}</span>
  76.                     <div class="search-parts-input input-group">
  77.                         <input v-model="query" type="text" name="search-parts" class="form-control" placeholder="{{ 'parts.part_number'|trans({}, 'dc_landrover') }}">
  78.                         <button @click.prevent="search" class="btn-black btn-search-parts" type="button" >{{ 'parts.find'|trans({}, 'dc_landrover') }}</button>
  79.                     </div>
  80.                 </div>
  81.             </div>
  82.             <div class="row justify-content-center" v-show="id">
  83.                 <div class="col-md-8">
  84.                     <div class="search-parts-result">
  85.                         <div class="row">
  86.                             <div class="col-md-8">
  87.                                 <p class="parts-article">
  88.                                     Арт:
  89.                                     <span>{% verbatim %} {{ art }} {% endverbatim %}</span>
  90.                                 </p>
  91.                                 <p class="parts-name">{% verbatim %} {{ title }} {% endverbatim %}</p>
  92.                                 <p class="parts-price">{% verbatim %} {{ price }} {% endverbatim %} {{ 'main.uah'|trans({}, 'dc_landrover')|raw }}</p>
  93.                             </div>
  94.                             <div class="col-md-4 flexbox-wrapper justify-content-end">
  95.                                 <a href="#" @click.prevent.stop="showBuyForm" class="btn-transparent order-parts">
  96.                                     {{ 'parts.buy'|trans({}, 'dc_landrover') }}
  97.                                 </a>
  98.                             </div>
  99.                         </div>
  100.                     </div>
  101.                 </div>
  102.             </div>
  103.             <div class="row justify-content-center" v-show="isFinded == false">
  104.                 <div class="col-md-8">
  105.                     <div class="search-parts-result">
  106.                         <div class="row">
  107.                             <div class="col-md-8">
  108.                                 <p class="parts-name m-0">{{ 'parts.not_find'|trans({}, 'dc_landrover') }}</p>
  109.                             </div>
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.             </div>
  114.         </div>
  115.     </section>
  117.     <section class="spare-parts-content bg-grey landing-padding">
  118.         <div class="container">
  119.             <div class="row justify-content-center">
  120.                 <div class="col-md-8">
  121.                     <span class="head-title">{{ 'parts.advantages'|trans({}, 'dc_landrover') }}</span>
  122.                     <p class="text-desc">
  123.                         {{ 'parts.advantages_description'|trans({}, 'dc_landrover') }}
  124.                     </p>
  125.                     <ul class="pages-list">
  126.                         {{ 'parts.advantages_descr2'|trans({}, 'dc_landrover')|raw }}
  127.                     </ul>
  128.                 </div>
  129.             </div>
  130.         </div>
  131.     </section>
  133.     <section class="landing-padding">
  134.         <div class="container">
  135.             <div class="row">
  136.                 <div class="col-md-12">
  137.                     <div class="site-tabs">
  138.                         <nav>
  139.                             <div class="nav nav-tabs" id="nav-tab" role="tablist">
  140.                                 <a class="nav-item nav-link active show" id="nav-filters-tab" data-toggle="tab" href="#nav-filters" role="tab" aria-controls="nav-filters" aria-selected="false">
  141.                                     {{ 'parts.tab_filter'|trans({}, 'dc_landrover') }}
  142.                                 </a>
  143.                                 <a class="nav-item nav-link" id="nav-drives-tab" data-toggle="tab" href="#nav-drives" role="tab" aria-controls="nav-drives" aria-selected="false">
  144.                                     {{ 'parts.tab_disk'|trans({}, 'dc_landrover') }}
  145.                                 </a>
  146.                                 <a class="nav-item nav-link" id="nav-brakes-tab" data-toggle="tab" href="#nav-brakes" role="tab" aria-controls="nav-brakes" aria-selected="true">
  147.                                     {{ 'parts.tab_brakes'|trans({}, 'dc_landrover') }}
  148.                                 </a>
  149.                                 <a class="nav-item nav-link" id="nav-exhaust-tab" data-toggle="tab" href="#nav-exhaust" role="tab" aria-controls="nav-exhaust" aria-selected="true">
  150.                                     {{ 'parts.tab_exhaust'|trans({}, 'dc_landrover') }}
  151.                                 </a>
  152.                             </div>
  153.                         </nav>
  154.                         <div class="tab-content" id="nav-tabContent">
  155.                             <div class="tab-pane fade active show" id="nav-filters" role="tabpanel" aria-labelledby="nav-filters-tab">
  156.                                 <div class="row justify-content-center">
  157.                                     <div class="col-md-8">
  158.                                         <span class="head-title">
  159.                                             {{ 'parts.filters_title'|trans({}, 'dc_landrover') }}
  160.                                         </span>
  161.                                         <p class="text-desc">
  162.                                             {{ 'parts.filters_descr1'|trans({}, 'dc_landrover') }}
  163.                                         </p>
  164.                                         <span class="head-sub-title">
  165.                                             {{ 'parts.filters_title2'|trans({}, 'dc_landrover') }}
  166.                                         </span>
  167.                                         <p class="text-desc">
  168.                                             {{ 'parts.filters_descr2'|trans({}, 'dc_landrover') }}
  169.                                         </p>
  170.                                         <span class="head-sub-title">
  171.                                             {{ 'parts.filters_title3'|trans({}, 'dc_landrover') }}
  172.                                         </span>
  173.                                         <p class="text-desc">
  174.                                             {{ 'parts.filters_descr3'|trans({}, 'dc_landrover') }}
  175.                                         </p>
  176.                                         <span class="head-title">
  177.                                             {{ 'parts.filters_title4'|trans({}, 'dc_landrover') }}
  178.                                         </span>
  179.                                         <p class="text-desc">
  180.                                             {{ 'parts.filters_descr4'|trans({}, 'dc_landrover') }}
  181.                                         </p>
  182.                                         <span class="head-sub-title">
  183.                                             {{ 'parts.filters_title5'|trans({}, 'dc_landrover') }}
  184.                                         </span>
  185.                                         <p class="text-desc">
  186.                                             {{ 'parts.filters_descr5'|trans({}, 'dc_landrover') }}
  187.                                         </p>
  188.                                         <ul class="pages-list mb-3">
  189.                                             {{ 'parts.filters_list1'|trans({}, 'dc_landrover')|raw }}
  190.                                         </ul>
  191.                                         <p class="text-desc">
  192.                                             {{ 'parts.filters_additional'|trans({}, 'dc_landrover') }}
  193.                                         </p>
  194.                                         <span class="head-sub-title">
  195.                                             {{ 'parts.filters_subtitle'|trans({}, 'dc_landrover') }}
  196.                                         </span>
  197.                                         <ul class="pages-list mb-3">
  198.                                             {{ 'parts.filters_list2'|trans({}, 'dc_landrover')|raw }}
  199.                                         </ul>
  200.                                         <p class="text-desc">
  201.                                             {{ 'parts.filters_additional2'|trans({}, 'dc_landrover') }}
  202.                                         </p>
  203.                                         <ul class="pages-list mb-3">
  204.                                             {{ 'parts.filters_list3'|trans({}, 'dc_landrover')|raw }}
  205.                                         </ul>
  206.                                         <span class="head-title">
  207.                                             {{ 'parts.filters_oil_title'|trans({}, 'dc_landrover') }}
  208.                                         </span>
  209.                                         <p class="text-desc">
  210.                                             {{ 'parts.filters_oil_descr'|trans({}, 'dc_landrover') }}
  211.                                         </p>
  212.                                         <span class="head-sub-title">
  213.                                             {{ 'parts.filters_oil_risk_title'|trans({}, 'dc_landrover') }}
  214.                                         </span>
  215.                                         <ul class="pages-list">
  216.                                             {{ 'parts.filters_list4'|trans({}, 'dc_landrover')|raw }}
  217.                                         </ul>
  218.                                     </div>
  219.                                 </div>
  220.                             </div>
  221.                             <div class="tab-pane fade" id="nav-drives" role="tabpanel" aria-labelledby="nav-drives-tab">
  222.                                 <div class="row justify-content-center">
  223.                                     <div class="col-md-8">
  224.                                         <span class="head-title">
  225.                                             {{ 'parts.disk_title'|trans({}, 'dc_landrover') }}:
  226.                                         </span>
  227.                                         <p class="text-desc">
  228.                                             {{ 'parts.disk_descr1'|trans({}, 'dc_landrover') }}
  229.                                         </p>
  230.                                         <p class="text-desc">
  231.                                             {{ 'parts.disk_descr2'|trans({}, 'dc_landrover') }}:
  232.                                         </p>
  233.                                         <ul class="pages-list mb-3">
  234.                                             {{ 'parts.disk_list1'|trans({}, 'dc_landrover')|raw }}
  235.                                         </ul>
  236.                                     </div>
  237.                                 </div>
  238.                             </div>
  239.                             <div class="tab-pane fade" id="nav-brakes" role="tabpanel" aria-labelledby="nav-brakes-tab">
  240.                                 <div class="row justify-content-center">
  241.                                     <div class="col-md-8">
  242.                                         <span class="head-title">
  243.                                             {{ 'parts.brakes_title'|trans({}, 'dc_landrover') }}:
  244.                                         </span>
  245.                                         <p class="text-desc">
  246.                                             {{ 'parts.brakes_descr'|trans({}, 'dc_landrover') }}
  247.                                         </p>
  248.                                         <ul class="pages-list mb-3">
  249.                                             {{ 'parts.brakes_list1'|trans({}, 'dc_landrover')|raw }}
  250.                                         </ul>
  251.                                     </div>
  252.                                 </div>
  253.                             </div>
  254.                             <div class="tab-pane fade" id="nav-exhaust" role="tabpanel" aria-labelledby="nav-exhaust-tab">
  255.                                 <div class="row justify-content-center">
  256.                                     <div class="col-md-8">
  257.                                         <span class="head-title">
  258.                                             {{ 'parts.exhaust_title'|trans({}, 'dc_landrover') }}:
  259.                                         </span>
  260.                                         <p class="text-desc">
  261.                                             {{ 'parts.exhaust_descr'|trans({}, 'dc_landrover') }}
  262.                                         </p>
  263.                                         <ul class="pages-list mb-3">
  264.                                             {{ 'parts.exhaust_list1'|trans({}, 'dc_landrover')|raw }}
  265.                                         </ul>
  266.                                     </div>
  267.                                 </div>
  268.                             </div>
  269.                         </div>
  271.                     </div>
  272.                 </div>
  273.             </div>
  274.         </div>
  275.     </section>
  276.     {% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %}
  278. {% endblock %}
  280. {% block pageJS %}
  281.     <script>
  282.         app.onCustomEvent('appInit', function () {
  283.             app.loadJs('{{ asset('/bundles/dcsite/js/landrover/spare-parts.js') }}',function () {
  284.                 searchParts({
  285.                     initUrl: '{{ path('landrover_spare_parts_search') }}'
  286.                 });
  287.             });
  288.         });
  289.     </script>
  290. {% endblock %}