src/PortalBundle/Resources/views/Service/test-drive.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.test_drive.title'|trans({}, 'portal_base') }}</title>
  5.     <meta name="description" content="{{ 'seo.test_drive.description'|trans({}, 'portal_base') }}"/>
  6. {% endblock %}
  8. {% block css %}
  9.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/modules/WIDGET_NEW.css') }}">
  10.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/service.css') }}">
  11.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/modules/multi-consultation-enter.css') }}">
  12.     <style>
  13.         .recording__service-calendar-day .select, .recording__service-calendar-day span:hover {
  14.             background: #2CA3E126;
  15.             color: #2CA3E1;
  16.         }
  17.         .recording__service-calendar-time div:hover, .recording__service-calendar-time .select {
  18.             color: #2CA3E1;
  19.             background: #2CA3E126;
  20.             border: 1px solid #2CA3E126;
  21.         }
  22.         #orderTd .swappy-radios input:checked ~ span {
  23.             color: #E40C25;
  24.         }
  25.         .testdrive__card-car-link, .testdrive__card-car-link:hover{
  26.             color: #E40C25;
  27.         }
  28.         .testdrive__steep.active .testdrive__steeps-num{
  29.             color: #E40C25;
  30.         }
  31.         .testdrive__form-select-car-btn{
  32.             color: #E40C25;
  33.         }
  34.         .testdrive__form-select-car-btn:hover{
  35.             color: #E40C25;
  36.         }
  37.         .testdrive__modules-btn {
  38.             border: 1px solid #E40C25;
  39.             background: #E40C25;
  40.         }
  41.         .testdrive__modules-btn:hover{
  42.             border: 1px solid #E40C25;
  43.             color: #E40C25;
  44.         }
  45.         .testdrive__modules-radio-box [type=checkbox]:checked + label:before, .testdrive__modules-radio-box [type=radio]:checked + label:after {
  46.             background-color: #E40C25;
  47.             border-color: #E40C25;
  48.         }
  49.         .testdrive__card-car-link svg path {
  50.             fill: #E40C25;
  51.         }
  52.         .td-need__card svg path {
  53.             fill: #E40C25;
  54.         }
  55.         .td-need__card {
  56.             background-color: transparent;
  57.             border: none;
  58.         }
  59.         .td-need__card .card-body {
  60.             padding: 1.25rem;
  61.             padding-left: 0;
  62.             padding-right: 0;
  63.         }
  64.         .td__title {
  65.             font-style: normal;
  66.             font-weight: bold;
  67.             font-size: 28px;
  68.             line-height: 48px;
  69.             margin-bottom: 20px;
  70.             color: #2F2F2F;
  71.         }
  72.         .td-card__name {
  73.             font-size: 20px;
  74.             line-height: 1.5625;
  75.             transition: .2s ease;
  76.             font-style: normal;
  77.             font-weight: bold;
  78.             color: #1E1E1E;
  79.             height: 37px;
  80.             overflow: hidden;
  81.             margin-bottom: 6px;
  82.             display: block;
  83.         }
  84.         .td-need__card .card-text {
  85.             font-weight: lighter;
  86.             color: #343434;
  87.         }
  88.         button.btn-order-car.w-100{
  89.             font-family: 'Circe-Extra-Bold', sans-serif;
  90.             font-weight: bold;
  91.             border: 1px solid #E40C25;
  92.             background: #E40C25;
  93.             color: #FFFFFF;
  94.             cursor: pointer;
  95.         }
  96.     </style>
  97. {% endblock %}
  99. {% block content %}
  100.     <section class="breadcrumbs__new">
  101.         <div class="container">
  102.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  103.                 <li class="marker__none" itemprop="itemListElement" itemscope
  104.                     itemtype="https://schema.org/ListItem">
  105.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  106.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  107.                     <meta itemprop="position" content="1"/>
  108.                 </li>
  110.                 <div class="arrow-bc"></div>
  111.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  112.                     itemtype="https://schema.org/ListItem">
  113.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.all.service'|trans({}, 'portal_base') }}</span>
  114.                     <meta itemprop="position" content="2"/>
  115.                 </li>
  117.                 <div class="arrow-bc"></div>
  118.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  119.                     itemtype="https://schema.org/ListItem">
  120.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.td'|trans({}, 'portal_base') }}</span>
  121.                     <meta itemprop="position" content="3"/>
  122.                 </li>
  123.             </ol>
  124.         </div>
  125.     </section>
  127.     <section class="service-head-block section-padding-page">
  128.         <div class="container">
  129.             <div class="row">
  130.                 <div class="col-md-5">
  131.                     <h1 class="service-head-h1">{{ 'service.td'|trans({}, 'portal_base') }}</h1>
  132.                 </div>
  133.                 <div class="col-md-6 offset-md-1 flexbox-wrapper">
  134.                     <div>
  135.                         <p class="section-subtitle-page mb-4">{{ 'service.td_subtitle'|trans({}, 'portal_base') }}</p>
  136.                     </div>
  137.                 </div>
  138.             </div>
  139.         </div>
  140.     </section>
  142.     <section class="front-consultation pb-2">
  143.         <div class="container">
  144. {#            <div class="front-consultation__title">{{ 'base.services.order_consultation'|trans({}, 'dc_toyota') }}</div>#}
  146.             {% include '@DcSite/Modules/multi-consultation/multi-consultation-enter.html.twig' with {
  147.                 link_test_drive: "portal_service_testdrive_form",
  148.                 link_online: "portal_service_consultation_form_online",
  149.                 link_offline: "portal_service_consultation_form"
  150.             } %}
  152.         </div>
  153.     </section>
  156.     {#<section class="section-padding-page bg-gray-page">#}
  157.         {#<div class="container">#}
  158.             {#<div class="row">#}
  159.                 {#<div class="col-12"><h2 class="h2-small">{{ 'service.all.td_what_need'|trans({}, 'portal_base') }}</h2>#}
  160.                 {#</div>#}
  161.                 {#<div class="col-md-6 advantages__card">#}
  162.                     {#<div class="advantages__img"><img#}
  163.                                 {#src="{{ asset('bundles/portal/img/adv-fast.f0eb64d5.svg?v1.2.38') }}"#}
  164.                                 {#style="visibility: visible;"></div>#}
  165.                     {#<div class="advantages__title">{{ 'service.all.td_submit'|trans({}, 'portal_base') }}</div>#}
  166.                     {#<div class="advantages__text">{{ 'service.all.td_what_need_desc'|trans({}, 'portal_base') }}</div>#}
  167.                 {#</div>#}
  168.                 {#<div class="col-md-6 advantages__card">#}
  169.                     {#<div class="advantages__img"><img#}
  170.                                 {#src="{{ asset('bundles/portal/img/adv-reliably.055733b7.svg?v1.2.38') }}"#}
  171.                                 {#style="visibility: visible;"></div>#}
  172.                     {#<div class="advantages__title">{{ 'service.all.td_docs'|trans({}, 'portal_base') }}</div>#}
  173.                     {#<div class="advantages__text">{{ 'service.all.td_docs_desc'|trans({}, 'portal_base') }}</div>#}
  174.                 {#</div>#}
  175.             {#</div>#}
  176.         {#</div>#}
  177.     {#</section>#}
  181.     {% if app.request.locale == 'ru' %}
  182.         {% include '@Portal/Service/translations/test-drive_ru.html.twig' %}
  183.     {% else %}
  184.         {% include '@Portal/Service/translations/test-drive_ua.html.twig' %}
  185.     {% endif %}
  189. {% endblock %}
  191. {% block pageJS %}
  192.     <script>
  193.         app.onCustomEvent('appInit', function () {
  194.             app.loadJs("{{ asset('bundles/dcsite/js/test-drive.js') }}", function () {
  195.                 initTd({
  196.                     initUrl: '{{ path('base_test_drive_init') }}',
  197.                     byDealerUrl: '{{ path('base_test_drive_dealers') }}',
  198.                     getTimesUrl: '{{ path('base_test_drive_time') }}',
  199.                     locale: '{{ app.request.locale }}',
  200.                     allowChangeBrand: true,
  201.                     checkDateUrl: '{{ path('base_test_drive_month') }}',
  202.                 });
  203.             });
  204.         });
  205.     </script>
  206. {% endblock %}