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

Open in your IDE?
  1. {% extends '@DcSite/Citroen/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ seoMeta.title ?? 'full_warranty.seo_title'|trans({}, 'dc_citroen') }}</title>
  5.     <meta name="description" content="{{ seoMeta.description ?? 'full_warranty.seo_desc'|trans({}, 'dc_citroen') }}" />
  6.     <meta name="keywords" content="" />
  7. {% endblock seo %}
  9. {% block ogtagDynamic %}
  10.     <meta property="og:title" content="{{ seoMeta.title ?? 'full_warranty.seo_title'|trans({}, 'dc_citroen') }}"/>
  11.     <meta property="og:description" content="{{ seoMeta.description ?? 'full_warranty.seo_desc'|trans({}, 'dc_citroen') }}"/>
  12. {% endblock ogtagDynamic %}
  14. {% block css %}
  15.     <link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/citroen/finance/style.css') }}">
  16. {% endblock %}
  19. {% block content %}
  20.     <section class="breadcrumbs__new">
  21.         <div class="container">
  22.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  23.                 <li class="marker__none" itemprop="itemListElement" itemscope
  24.                     itemtype="https://schema.org/ListItem">
  25.                     <a itemprop="item" href="{{ path('citroen_homepage') }}">
  26.                         <span class="breadcrumbs__link" itemprop="name">CITROЁN</span></a>
  27.                     <meta itemprop="position" content="1"/>
  28.                 </li>
  29.                 <div class="arrow-bc"></div>
  30.                 <li class="marker__none" itemprop="itemListElement" itemscope
  31.                     itemtype="https://schema.org/ListItem">
  32.                     <a itemprop="item" href="{{ path('citroen_service_online-booking') }}">
  33.                         <span class="breadcrumbs__link" itemprop="name">{{ 'seo.service.title'|trans({}, 'dc_citroen') }}</span></a>
  34.                     <meta itemprop="position" content="2"/>
  35.                 </li>
  36.                 <div class="arrow-bc"></div>
  37.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  38.                     itemtype="https://schema.org/ListItem">
  39.                     <span style="color: #837F7F; font-family: 'UbuntuRegular';" class="breadcrumbs__link" itemprop="name">{{ 'full_warranty.title'|trans({}, 'dc_citroen') }}</span>
  40.                     <meta itemprop="position" content="3"/>
  41.                 </li>
  42.             </ol>
  43.         </div>
  44.     </section>
  46.     <section class="page-head-title">
  47.         <div class="container">
  48.             <div class="row">
  49.                 <div class="col-md-12">
  50.                     <h1 class="section-title-page">{{ seoMeta.h1 ?? 'full_warranty.title'|trans({}, 'dc_citroen') }}</h1>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     </section>
  56.     <section class="warranty head-image-mobile">
  57.         <div class="container">
  58.             <div class="row">
  59.                 <div class="col-md-12">
  60.                     <img src="{{ asset('/bundles/dcsite/img/citroen/service/full-warranty.png') }}" alt="" class="w-100">
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </section>
  66.     <section class="section-padd">
  67.         <div class="container">
  68.             <div class="row">
  69.                 <div class="col-md-12">
  70.                     <p class="mb-4">{{ 'full_warranty.desc'|trans({}, 'dc_citroen') }}</p>
  71.                 </div>
  72.             </div>
  73.             <div class="row">
  74.                 <div class="col-md-12">
  75.                     <h3>{{ 'full_warranty.list_tilte'|trans({}, 'dc_citroen') }}</h3>
  76.                 </div>
  77.                 <div class="col-md-12 mb-4">
  78.                     <ul class="row list-gal full_warranty-list">
  79.                         <li class="col-md-6">{{ 'full_warranty.item_one'|trans({}, 'dc_citroen') }}</li>
  80.                         <li class="col-md-6">{{ 'full_warranty.item_two'|trans({}, 'dc_citroen') }}</li>
  81.                     </ul>
  82.                 </div>
  83.             </div>
  84.             <div class="row mb-4 justify-content-center">
  85.                 <div class="col-md-3 text-center">
  86.                     <button data-toggle="modal" data-target="#order-services" class="btn btn-primary w-100">{{ 'full_warranty.order'|trans({}, 'dc_citroen') }}</button>
  87.                 </div>
  88.             </div>
  89.             <div class="row">
  90.                 <div class="col-md-12 text-center">
  91.                     <p class="section-desc mb-0">{{ 'full_warranty.order'|trans({}, 'dc_citroen') }}: <a href="tel:+380445025390">+38 (044) 502-53-90</a></p>
  92.                 </div>
  93.             </div>
  94.         </div>
  95.     </section>
  97.     <div class="modal-fw-window modal fade" id="order-services" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  98.         <div class="modal-dialog" role="document">
  99.             <div class="modal-content">
  100.                 <div class="modal-header">
  101.                     <span class="modal-title" id="myModalLabel">{{ 'full_warranty.order'|trans({}, 'dc_peugeot') }}</span>
  102.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  103.                         <span aria-hidden="true">
  104.                             <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  105.                                 <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"/>
  106.                                 <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"/>
  107.                             </svg>
  108.                         </span>
  109.                     </button>
  110.                 </div>
  111.                 <div class="modal-body">
  112.                     <div class="form-wrapper forms">
  113.                         <div class="container">
  114.                             <div class="row justify-content-center">
  115.                                 <div class="col-sm-12 col-md-7 col-lg-5 col-xl-4">
  116.                                     {{ form_start(servicesForm, {attr: {action: path('form_extended_warranty'), class: 'lead-form pop-up site__form row'}}) }}
  117.                                     <div class="col-md-12">
  118.                                         {{ form_row(servicesForm.name) }}
  119.                                     </div>
  120.                                     <div class="col-md-12">
  121.                                         {{ form_row(servicesForm.email) }}
  122.                                     </div>
  123.                                     <div class="col-md-12">
  124.                                         {{ form_row(servicesForm.phone) }}
  125.                                     </div>
  126.                                     <div class="col-12">
  127.                                         <div class="form-group checkbox style-b js-form-privacy">
  128.                                             <label class="checkboxes__item-privacy">
  129.                                                 <input type="checkbox" name="{{ servicesForm.privacy.vars.full_name }}" value="{{ servicesForm.privacy.vars.value }}" id="{{ servicesForm.privacy.vars.id }}"/>
  130.                                                 <div id="check_privacy" class="checkbox__checkmark form-control"></div>
  131.                                                 <div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
  132.                                             </label>
  133.                                         </div>
  134.                                     </div>
  135.                                     <div style="display: none">
  136.                                         {{ form_rest(servicesForm) }}
  137.                                     </div>
  138.                                     <div class="col-md-12 d-flex justify-content-center text-center">
  139.                                         <button type="submit" class="btn btn-primary w-100" style="max-width: none;">{{ 'modules.btn'|trans({}, 'dc_citroen') }} заявку</button>
  140.                                     </div>
  141.                                     {{ form_end(servicesForm) }}
  142.                                 </div>
  143.                             </div>
  144.                         </div>
  145.                     </div>
  146.                 </div>
  147.             </div>
  148.         </div>
  149.     </div>
  151. {% endblock %}
  154. {% block pageJS %}
  156. {% endblock %}