src/PortalBundle/Resources/views/Sale/car-exchange.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.car_exchange.car_exchange_title'|trans({}, 'portal_base') }}</title>
  5.     <meta name="description" content="{{ 'seo.car_exchange.car_exchange_desc'|trans({}, 'portal_base') }}" />
  6. {% endblock %}
  8. {% block css %}
  9.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/service.css') }}">
  10.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/trade-in.css') }}">
  11.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/n-trade-in.css') }}">
  12. {% endblock  %}
  14. {% block content %}
  15.     <section class="breadcrumbs__new">
  16.         <div class="container">
  17.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  18.                 <li class="marker__none" itemprop="itemListElement" itemscope
  19.                     itemtype="https://schema.org/ListItem">
  20.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  21.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  22.                     <meta itemprop="position" content="1"/>
  23.                 </li>
  25.                 <div class="arrow-bc"></div>
  26.                 <li class="marker__none" itemprop="itemListElement" itemscope
  27.                     itemtype="https://schema.org/ListItem">
  28.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.sale.chenge_car_title'|trans({}, 'portal_base') }}</span>
  29.                     <meta itemprop="position" content="2"/>
  30.                 </li>
  31.             </ol>
  32.         </div>
  33.     </section>
  35.     <section class="service-head-block section-padding-page">
  36.         <div class="container">
  37.             <div class="row">
  38.                 <div class="col-md-5">
  39.                     <h1 class="service-head-h1">{{ 'service.sale.chenge_car_title'|trans({}, 'portal_base') }}</h1>
  40.                 </div>
  41.                 <div class="col-md-6 offset-md-1 flexbox-wrapper">
  42.                     <div>
  43.                         <p class="section-subtitle-page mb-4">{{ 'service.sale.chenge_car_subtitle'|trans({}, 'portal_base') }}</p>
  44.                         <a href="#tradeIn" class="btn-red-bg">{{ 'leads.estimate'|trans({}, 'portal_base') }} {{ 'leads.my_car'|trans({}, 'portal_base') }}</a>
  45.                     </div>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.     </section>
  51.     <section class="sticky-top bg-menu-fixed" id="tradeinCalc">
  52.         <div class="container">
  53.             <div class="row">
  54.                 <div class="col-md-12">
  55.                     <ul class="pages-menu-fixed" id="list-example">
  56.                         <li class="active">
  57.                             <a href="#generalInformation">{{ 'service.all.base_info'|trans({}, 'portal_base') }}</a>
  58.                         </li>
  59.                         <li>
  60.                             <a href="#tradeIn">Калькулятор Trade–In</a>
  61.                         </li>
  62.                     </ul>
  63.                 </div>
  64.             </div>
  65.         </div>
  66.     </section>
  68.     <section class="section-padding-page" id="generalInformation">
  69.         <div class="container">
  70.             <div class="row">
  71.                 <div class="col-md-12 section-title-page">
  72.                     <span>{{ 'service.all.base_info'|trans({}, 'portal_base') }}</span>
  73.                 </div>
  74.             </div>
  75.             <div class="row">
  76.                 <div class="col-md-8">
  77.                     <p class="section-subtitle-page mb-4"> {{ 'service.sale.chenge_car_desc'|trans({}, 'portal_base') }} </p>
  78.                     <h2 class="h2-small" style="line-height: normal;">{{ 'finance.insurance.advantages'|trans({}, 'portal_base') }}:</h2>
  79.                     <ul class="pages-list">
  80.                         <li>
  81.                             <span>{{ 'service.sale.adv_1'|trans({}, 'portal_base') }} </span>
  82.                         </li>
  83.                         <li>
  84.                             <span>{{ 'service.sale.adv_2'|trans({}, 'portal_base') }} </span>
  85.                         </li>
  86.                         <li>
  87.                             <span>{{ 'service.sale.adv_3'|trans({}, 'portal_base') }}</span>
  88.                         </li>
  89.                         <li>
  90.                             <span>{{ 'service.sale.adv_4'|trans({}, 'portal_base') }}</span>
  91.                         </li>
  92.                     </ul>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </section>
  99.     <section class="section-padding-page  bg-gray-page" id="tradeIn">
  100.         <div class="container">
  101.             <div class="row">
  102.                 <div class="col-md-12 section-title-page">
  103.                     <span>Калькулятор Trade–In</span>
  104.                 </div>
  105.             </div>
  106.             {% include '@DcSite/Modules/n-trade-in.html.twig' %}
  107.         </div>
  108.     </section>
  111.     {#<section class="section-padding-page  bg-gray-page" id="tradeIn">#}
  112.         {#<div class="container">#}
  113.             {#<div class="row">#}
  114.                 {#<div class="col-md-12 section-title-page">#}
  115.                     {#<span>Калькулятор Trade–In</span>#}
  116.                 {#</div>#}
  117.             {#</div>#}
  118.             {#<div class="row pages-form-row">#}
  119.                 {#<div class="col-md-12">#}
  120.                     {#<div class="car-exchenge-block">#}
  121.                         {#<div class="row">#}
  122.                             {#<span class="col-sm-12 calculation-valuation-label">Информация о вашем автомобиле</span>#}
  123.                             {#<div class="col-md-4">#}
  124.                                 {#<div class="form-group">#}
  125.                                     {#<input class="form-control" type="text" placeholder="Год выпуска">#}
  126.                                 {#</div>#}
  127.                             {#</div>#}
  128.                             {#<div class="col-md-4">#}
  129.                                 {#<div class="form-group">#}
  130.                                     {#<input class="form-control" type="text" placeholder="Марка автомобиля">#}
  131.                                 {#</div>#}
  132.                             {#</div>#}
  133.                             {#<div class="col-md-4">#}
  134.                                 {#<div class="form-group">#}
  135.                                     {#<input class="form-control" type="text" placeholder="Модель">#}
  136.                                 {#</div>#}
  137.                             {#</div>#}
  138.                             {#<div class="col-md-4">#}
  139.                                 {#<div class="form-group">#}
  140.                                     {#<input class="form-control" type="text" placeholder="Пробег, км">#}
  141.                                 {#</div>#}
  142.                             {#</div>#}
  143.                             {#<div class="col-md-4">#}
  144.                                 {#<div class="form-group">#}
  145.                                     {#<input class="form-control" type="text" placeholder="Серия">#}
  146.                                 {#</div>#}
  147.                             {#</div>#}
  148.                             {#<div class="col-md-4">#}
  149.                                 {#<div class="form-group">#}
  150.                                     {#<input class="form-control" type="text" placeholder="Модификация">#}
  151.                                 {#</div>#}
  152.                             {#</div>#}
  153.                             {#<span class="col-sm-12 calculation-valuation-label">Контактная информация</span>#}
  154.                             {#<div class="col-md-4">#}
  155.                                 {#<div class="form-group">#}
  156.                                     {#<input class="form-control" type="text" placeholder="Ваше имя">#}
  157.                                 {#</div>#}
  158.                             {#</div>#}
  159.                             {#<div class="col-md-4">#}
  160.                                 {#<div class="form-group">#}
  161.                                     {#<input class="form-control" type="text" placeholder="Номер телефона">#}
  162.                                 {#</div>#}
  163.                             {#</div>#}
  164.                             {#<div class="col-md-4">#}
  165.                                 {#<div class="form-group">#}
  166.                                     {#<input class="form-control" type="text" placeholder="Адрес E–mail">#}
  167.                                 {#</div>#}
  168.                             {#</div>#}
  169.                             {#<div class="col-md-4 mb-3">#}
  170.                                 {#<button class="btn-red-bg w-100" type="submit">получить оценку</button>#}
  171.                             {#</div>#}
  172.                         {#</div>#}
  173.                         {#<div class="row">#}
  174.                             {#<div class="col-md-4">#}
  175.                                 {#<span class="forms__note mt-0 note-icon">На вашу почту мы отправим письмо с предварительной оценкой и зафиксируем за вами предложенную цену</span>#}
  176.                             {#</div>#}
  177.                         {#</div>#}
  178.                     {#</div>#}
  179.                 {#</div>#}
  180.             {#</div>#}
  181.         {#</div>#}
  182.     {#</section>#}
  184. {% endblock %}
  186. {% block pageJS %}
  187.     <script>
  188.         // Найти все ссылки начинающиеся на #
  189.         const anchors = document.querySelectorAll('a[href^="#"]')
  191.         // Цикл по всем ссылкам
  192.         for(let anchor of anchors) {
  193.             anchor.addEventListener("click", function(e) {
  194.                 e.preventDefault() // Предотвратить стандартное поведение ссылок
  195.                 // Атрибут href у ссылки, если его нет то перейти к body (наверх не плавно)
  196.                 const goto = anchor.hasAttribute('href') ? anchor.getAttribute('href') : 'body'
  197.                 // Плавная прокрутка до элемента с id = href у ссылки
  198.                 document.querySelector(goto).scrollIntoView({
  199.                     behavior: "smooth",
  200.                     block: "start"
  201.                 })
  202.             })
  203.         }
  204.     </script>
  205.     <script>
  206.         app.onCustomEvent('appInit', function () {
  207.             app.loadJs("{{ asset('bundles/dcsite/js/trade-in.js') }}", function () {
  208.                 initTIWidget({
  209.                     initUrl: '{{ path('dc_ti_init') }}',
  210.                     agreementUrl: '{{ path('portal_privacy_policy') }}',
  211.                 });
  212.             });
  213.         });
  214.     </script>
  215. {% endblock  %}