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

Open in your IDE?
  1. {% extends '@DcSite/Subaru/base.html.twig' %}
  3. {% block title %}
  4.     <title>{{ 'base.seo.title_parts'|trans({}, 'dc_subaru') }}</title>
  5. {% endblock title %}
  7. {% block seo %}
  8.     <meta name="description" content="{{ 'base.seo.description_parts'|trans({}, 'dc_subaru') }}" />
  9.     <meta name="keywords" content="{{ 'base.seo.keywords_parts'|trans({}, 'dc_subaru') }}" />
  10. {% endblock seo %}
  12. {% block ogtagDynamic %}
  13.     <meta property="og:title" content="{{ 'base.seo.description_parts'|trans({}, 'dc_subaru') }}"/>
  14.     <meta property="og:description" content="{{ 'base.seo.keywords_parts'|trans({}, 'dc_subaru') }}"/>
  15. {% endblock ogtagDynamic %}
  17. {% block css %}
  18.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/subaru/landing-page.css') }}">
  19. {% endblock %}
  21. {% block content %}
  22.     <main>
  23.         <section class="breadcrumbs__new">
  24.             <div class="container">
  25.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  26.                     <li class="marker__none" itemprop="itemListElement" itemscope
  27.                         itemtype="https://schema.org/ListItem">
  28.                         <a itemprop="item" href="{{ path('subaru_homepage') }}">
  29.                             <span class="breadcrumbs__link" itemprop="name">SUBARU</span></a>
  30.                         <meta itemprop="position" content="1"/>
  31.                     </li>
  33.                     <div class="arrow-bcs"> ❯ </div>
  34.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  35.                         itemtype="https://schema.org/ListItem">
  36.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.service.index'|trans({}, 'dc_subaru') }}</span>
  37.                         <meta itemprop="position" content="2"/>
  38.                     </li>
  40.                     <div class="arrow-bcs"> ❯ </div>
  41.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  42.                         itemtype="https://schema.org/ListItem">
  43.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.service.spares'|trans({}, 'dc_subaru') }}</span>
  44.                         <meta itemprop="position" content="3"/>
  45.                     </li>
  46.                 </ol>
  47.             </div>
  48.         </section>
  50.         <section class="landing-page landing-padding-image-block">
  51.             <div class="container landing-page-bg parts-bg">
  52.                 <div class="row">
  53.                     <div class="col-md-2">
  55.                     </div>
  56.                     <div class="col-md-8">
  57.                         <h1>{{ 'menu.service.spares'|trans({}, 'dc_subaru') }} Subaru</h1>
  58.                         <span class="landing-page-line"></span>
  59.                     </div>
  60.                     <div class="col-md-2">
  62.                     </div>
  63.                 </div>
  64.             </div>
  65.         </section>
  67.         <section class="landing-padding">
  68.             <div class="container">
  69.                 <div class="row">
  70.                     {% include '@DcSite/Subaru/About/includes/aside_contacts.html.twig' %}
  72.                     {% if app.request.locale == 'ru' %}
  73.                         {% include '@DcSite/Subaru/Service/translations/spare-parts_ru.html.twig' %}
  74.                     {% else %}
  75.                         {% include '@DcSite/Subaru/Service/translations/spare-parts_ua.html.twig' %}
  76.                     {% endif %}
  77.                     {% include '@DcSite/Subaru/Service/includes/aside_nav.html.twig' with {
  78.                         active: 'spares',
  79.                     } %}
  80.                 </div>
  81.             </div>
  82.         </section>
  84.         <section class="landing-padding bg-grey">
  85.             <div class="container">
  86.                 <div class="row">
  87.                     <div class="col-md-2">
  89.                     </div>
  90.                     <div class="col-md-8">
  91.                         <span class="section-title">{{ 'pages.spares.advantage'|trans({}, 'dc_subaru') }}</span>
  92.                         <div class="row">
  93.                             <div class="col-md-6">
  94.                                 <div class="principles-block">
  95.                                     <div class="principles-numbr-wrap">
  96.                                         <span class="principles-numbr">1</span>
  97.                                     </div>
  98.                                     <p class="landing-paragraph mb-0">{{ 'pages.spares.adv_1'|trans({}, 'dc_subaru') }}</p>
  99.                                 </div>
  100.                             </div>
  101.                             <div class="col-md-6">
  102.                                 <div class="principles-block">
  103.                                     <div class="principles-numbr-wrap">
  104.                                         <span class="principles-numbr">2</span>
  105.                                     </div>
  106.                                     <p class="landing-paragraph mb-0">{{ 'pages.spares.adv_2'|trans({}, 'dc_subaru') }}</p>
  107.                                 </div>
  108.                             </div>
  109.                             <div class="col-md-6">
  110.                                 <div class="principles-block">
  111.                                     <div class="principles-numbr-wrap">
  112.                                         <span class="principles-numbr">3</span>
  113.                                     </div>
  114.                                     <p class="landing-paragraph mb-0">{{ 'pages.spares.adv_3'|trans({}, 'dc_subaru') }}</p>
  115.                                 </div>
  116.                             </div>
  117.                             <div class="col-md-6">
  118.                                 <div class="principles-block">
  119.                                     <div class="principles-numbr-wrap">
  120.                                         <span class="principles-numbr">4</span>
  121.                                     </div>
  122.                                     <p class="landing-paragraph mb-0">{{ 'pages.spares.adv_4'|trans({}, 'dc_subaru') }}</p>
  123.                                 </div>
  124.                             </div>
  125.                         </div>
  126.                     </div>
  127.                     <div class="col-md-2">
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         </section>
  134.         <section class="landing-padding ">
  135.             <div class="container">
  136.                 <div class="row">
  137.                     <div class="col-md-2">
  139.                     </div>
  140.                     <div class="col-md-8">
  141.                         <b class="landing-subtitle">{{ 'pages.spares.guaranty_title'|trans({}, 'dc_subaru') }}</b>
  142.                         <p class="landing-paragraph">
  143.                             {{ 'pages.spares.guaranty_text'|trans({}, 'dc_subaru') }}</p>
  144.                     </div>
  145.                     <div class="col-md-2">
  147.                     </div>
  148.                 </div>
  149.             </div>
  150.         </section>
  152.         <section class="landing-padding bg-grey">
  153.             <div class="container">
  154.                 <div class="row justify-content-center">
  155.                     <div class="col-md-8">
  156.                         <div class="row">
  157.                             <div class="col-12 text-center">
  158.                                 <b class="landing-subtitle">{{ 'pages.spares.order_title'|trans({}, 'dc_subaru') }}</b>
  159.                             </div>
  160.                             <div class="col-12 text-center">
  161.                                 <p class="landing-paragraph">{{ 'pages.spares.order_sub_title'|trans({}, 'dc_subaru') }}</p>
  162.                             </div>
  163.                             <div class="col-md-4 offset-md-4">
  164.                                 <button type="button" data-toggle="modal" data-target="#order-question" class="btn btn-feedback">{{ 'pages.base.btn_order'|trans({}, 'dc_base') }}</button>
  165.                             </div>
  166.                         </div>
  167.                     </div>
  168.                 </div>
  169.             </div>
  170.         </section>
  172.         <section class="landing-padding">
  173.             <div class="container">
  174.                 <div class="row justify-content-center">
  176.                     {% if app.request.locale == 'ru' %}
  177.                         {% include '@DcSite/Subaru/Service/translations/spare_seo_ru.html.twig' %}
  178.                     {% else %}
  179.                         {% include '@DcSite/Subaru/Service/translations/spare_seo_ua.html.twig' %}
  180.                     {% endif %}
  181.                 </div>
  182.             </div>
  183.         </section>
  186.     </main>
  187.     <div class="modal-fw-window modal fade" id="order-question" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  188.         <div class="modal-dialog modal-dialog-centered" role="document">
  189.             <div class="modal-content">
  190.                 <div class="modal-header">
  191.                     <span class="modal-title" id="myModalLabel">{{ 'pages.base.question'|trans({},'dc_base') }}</span>
  192.                     <button type="button" class="close" data-bs-dismiss="modal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  193. <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"/>
  194. <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"/>
  195. </svg></span></button>
  196.                 </div>
  197.                 <div class="modal-body">
  198.                     <div class="form-wrapper forms">
  199.                         <div class="container">
  200.                             {{ form_start(questionsp, {attr: {'data-parent': 'order-question', class: 'forms-sm row lead-form pop-up', action: path('form_fb')} }) }}
  201.                             {% if questionsp.department is null %}
  202.                                 {{ form_row(questionsp.department) }}
  203.                             {% endif %}
  204.                             <div class="forms__fieldset">
  205.                                 <div class="forms__legend">{{ 'form.contact_info'|trans({}, 'dc_base') }}</div>
  206.                                 {{ form_row(questionsp.name) }}
  207.                                 {{ form_row(questionsp.phone) }}
  208.                                 {{ form_row(questionsp.email) }}
  209.                             </div>
  210.                             {{ form_row(questionsp.question) }}
  211.                             <div class="form-group checkbox style-b js-form-privacy">
  212.                                 <label class="checkbox">
  213.                                     <input type="checkbox" name="{{ questionsp.privacy.vars.full_name }}" value="{{ questionsp.privacy.vars.value }}" id="{{ questionsp.privacy.vars.id }}"/>
  214.                                     <div id="check_privacy" class="checkbox__checkmark form-control"></div>
  215.                                     <div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
  216.                                 </label>
  217.                             </div>
  218.                             <div style="display: none">
  219.                                 {{ form_rest(questionsp) }}
  220.                             </div>
  221.                             <button type="submit" class="btn btn-primary btn-feedback">{{ 'form.send'|trans({}, 'dc_base') }}</button>
  222.                             {{ form_end(questionsp) }}
  223.                         </div>
  224.                     </div>
  225.                 </div>
  226.             </div>
  227.         </div>
  228.     </div>
  232. {% endblock content %}