src/DcSiteBundle/Resources/views/Peugeot/Service/extended-warranty.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Peugeot/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'full_warranty.seo_title'|trans({}, 'dc_peugeot') }}</title>
  5.     <meta name="description" content="{{ 'full_warranty.seo_desc'|trans({}, 'dc_peugeot') }}" />
  6.     <meta name="keywords" content="" />
  7. {% endblock seo %}
  9. {% block ogtagDynamic %}
  10.     <meta property="og:title" content="{{ 'full_warranty.seo_title'|trans({}, 'dc_peugeot') }}"/>
  11.     <meta property="og:description" content="{{ 'full_warranty.seo_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 %}
  20. <div class="bg-gray">
  21.     <section class="breadcrumbs__new">
  22.         <div class="container">
  23.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  24.                 <li class="marker__none" itemprop="itemListElement" itemscope
  25.                     itemtype="https://schema.org/ListItem">
  26.                     <a itemprop="item" href="{{ path('peugeot_homepage') }}">
  27.                         <span class="breadcrumbs__link" itemprop="name">Peugeot</span></a>
  28.                     <meta itemprop="position" content="1"/>
  29.                 </li>
  31.                 <div class="arrow-bcs"> ❯ </div>
  32.                 <li class="marker__none" itemprop="itemListElement" itemscope
  33.                     itemtype="https://schema.org/ListItem">
  34.                     <a itemprop="item" href="{{ path('peugeot_service_online-booking') }}">
  35.                         <span class="breadcrumbs__link" itemprop="name">{{ 'main.service'|trans({}, 'dc_peugeot') }}</span></a>
  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: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ 'full_warranty.title'|trans({}, 'dc_peugeot') }}</span>
  43.                     <meta itemprop="position" content="3"/>
  44.                 </li>
  45.             </ol>
  46.         </div>
  47.     </section>
  49.     <section class="warranty_full">
  50.         <div class="container">
  51.             <div class="row">
  52.                 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-8 ">
  53.                     <div class="row" >
  54.                         <div class="col-md-12 custom-padd pt-0">
  55.                             <h1 class="section-title">{{ 'full_warranty.title'|trans({}, 'dc_peugeot') }}</h1>
  56.                             <div class="row">
  57.                                 <div class="col-md-12">
  58.                                     <img src="{{ asset('/bundles/dcsite/img/peugeot/service/full-warranty.png') }}" class="w-100 mb-4" alt="">
  59.                                     <p>
  60.                                         {{ 'full_warranty.desc'|trans({}, 'dc_peugeot') }}
  61.                                     </p>
  62.                                     <h3>{{ 'full_warranty.list_tilte'|trans({}, 'dc_peugeot') }}</h3>
  63.                                     <ul class="row content-list">
  64.                                         <li class="col-md-12">{{ 'full_warranty.item_one'|trans({}, 'dc_peugeot') }}</li>
  65.                                         <li class="col-md-12 mb-1">{{ 'full_warranty.item_two'|trans({}, 'dc_peugeot') }}</li>
  66.                                     </ul>
  67.                                     <div class="warranty_full-more">
  68.                                         <div>
  69.                                             <span class="title">{{ 'full_warranty.order'|trans({}, 'dc_peugeot') }}:</span>
  70.                                             <a href="tel:+380445025390" class="email-link">+38 (044) 502-53-90</a>
  71.                                         </div>
  72.                                         <button data-toggle="modal" data-target="#order-services" class="btn btn-primary">
  73.                                             {{ 'full_warranty.order'|trans({}, 'dc_peugeot') }}
  74.                                         </button>
  75.                                     </div>
  76.                                 </div>
  77.                             </div>
  78.                         </div>
  79.                     </div>
  80.                 </div>
  81.                 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-4 bg-white right__content">
  82.                     {% include '@DcSite/Peugeot/Modules/aside.html.twig' %}
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </section>
  89.     <div class="modal-fw-window modal fade" id="order-services" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  90.         <div class="modal-dialog" role="document">
  91.             <div class="modal-content">
  92.                 <div class="modal-header">
  93.                     <span class="modal-title" id="myModalLabel">{{ 'full_warranty.order'|trans({}, 'dc_peugeot') }}</span>
  94.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  95.                         <span aria-hidden="true">
  96.                             <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  97.                                 <path d="M15.8107 0.189305C15.5583 -0.0631016 15.1491 -0.0631016 14.8967 0.189305L0.189305 14.8967C-0.0631016 15.1491 -0.0631016 15.5583 0.189305 15.8107C0.315492 15.9369 0.48093 16 0.646336 16C0.811743 16 0.977149 15.9369 1.10337 15.8107L15.8107 1.10331C16.0631 0.85093 16.0631 0.441711 15.8107 0.189305Z" fill="#A1A1A1"/>
  98.                                 <path d="M15.8107 14.8976L1.10331 0.190281C0.85093 -0.062125 0.44168 -0.062125 0.189305 0.190281C-0.0631016 0.442656 -0.0631016 0.851875 0.189305 1.10428L14.8967 15.8117C15.0229 15.9379 15.1883 16.001 15.3537 16.001C15.5191 16.001 15.6846 15.9379 15.8107 15.8117C16.0631 15.5593 16.0631 15.15 15.8107 14.8976Z" fill="#A1A1A1"/>
  99.                             </svg>
  100.                         </span>
  101.                     </button>
  102.                 </div>
  103.                 <div class="modal-body">
  104.                     <div class="form-wrapper forms pt-0">
  105.                         <div class="container">
  107.                             <div class="site__form pr-0 pl-0">
  108.                                 <div class="row justify-content-center">
  109.                                     <div class="col-sm-12 col-md-7 col-lg-5 col-xl-5">
  110.                                         {{ form_start(servicesForm, {attr: {action: path('form_extended_warranty'), class: 'lead-form pop-up row'}}) }}
  111.                                         <div class="col-md-12">
  112.                                             {{ form_row(servicesForm.name) }}
  113.                                         </div>
  114.                                         <div class="col-md-12">
  115.                                             {{ form_row(servicesForm.email) }}
  116.                                         </div>
  117.                                         <div class="col-md-12">
  118.                                             {{ form_row(servicesForm.phone) }}
  119.                                         </div>
  120.                                         <div class="col-12">
  121.                                             <div class="form-group checkbox style-b js-form-privacy">
  122.                                                 <label class="checkboxes__item-privacy">
  123.                                                     <input type="checkbox" name="{{ servicesForm.privacy.vars.full_name }}" value="{{ servicesForm.privacy.vars.value }}" id="{{ servicesForm.privacy.vars.id }}"/>
  124.                                                     <div id="check_privacy" class="checkbox__checkmark form-control"></div>
  125.                                                     <div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
  126.                                                 </label>
  127.                                             </div>
  128.                                         </div>
  129.                                         <div style="display: none">
  130.                                             {{ form_rest(servicesForm) }}
  131.                                         </div>
  132.                                         <div class="col-md-12">
  133.                                             <button type="submit" class="btn btn-primary w-100">{{ 'main.form.btn'|trans({}, 'dc_peugeot') }}</button>
  134.                                         </div>
  135.                                         {{ form_end(servicesForm) }}
  136.                                     </div>
  138.                                 </div>
  139.                             </div>
  141.                         </div>
  142.                     </div>
  143.                 </div>
  144.             </div>
  145.         </div>
  146.     </div>
  148. </div>
  152. {% endblock %}
  155. {% block pageJS %}
  157. {% endblock %}