src/PortalBundle/Resources/views/Finance/insurance.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.insurance.title'|trans({}, 'portal_base') }}</title>
  5.     <meta name="description" content="{{ 'seo.insurance.description'|trans({}, 'portal_base') }}" />
  6. {% endblock %}
  8. {% block css %}
  9.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/finance.css') }}">
  10.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/insurance.css') }}">
  11.     <link rel='stylesheet' href='{{ asset('bundles/portal/css/finance/calc.css') }}'  />
  12.     <style>
  13.         .box__select [type=checkbox]:checked + label, .box__select [type=radio]:checked + label, .form__radio-box [type=checkbox]:checked + label, .form__radio-box [type=radio]:checked + label, .form__radio-box label:hover, .icomoon-slider-next:hover, .box__select .selected {
  14.             background-color: #E40C25;
  15.         }
  16.         .config-slider .slick-dots li.slick-active, .form__options [type=checkbox]:checked + label:before, .form__radio-inline [type=radio]:checked + label:before {
  17.             background-color: #E40C25;
  18.             border-color: #E40C25;
  19.         }
  20.         .box__select [type=checkbox]:checked + label, .box__select [type=radio]:checked + label, .form__radio-box [type=checkbox]:checked + label, .form__radio-box [type=radio]:checked + label, .form__radio-box label:hover, .icomoon-slider-next:hover, .box__select .selected {
  21.             background-color: rgba(228, 12, 37, 0.15);
  22.             color: #E40C25;
  23.         }
  24.         h1.calc-title {
  25.             display: none;
  26.         }
  27.         section.calc {
  28.             padding-top: 20px;
  29.         }
  30.     </style>
  33. {% endblock  %}
  35. {% block content %}
  36.     <section class="breadcrumbs__new">
  37.         <div class="container">
  38.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  39.                 <li class="marker__none" itemprop="itemListElement" itemscope
  40.                     itemtype="https://schema.org/ListItem">
  41.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  42.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  43.                     <meta itemprop="position" content="1"/>
  44.                 </li>
  46.                 <div class="arrow-bc"></div>
  47.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  48.                     itemtype="https://schema.org/ListItem">
  49.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.service'|trans({}, 'portal_base') }}</span>
  50.                     <meta itemprop="position" content="2"/>
  51.                 </li>
  53.                 <div class="arrow-bc"></div>
  54.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  55.                     itemtype="https://schema.org/ListItem">
  56.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'finance.insurance.title'|trans({}, 'portal_base') }}</span>
  57.                     <meta itemprop="position" content="3"/>
  58.                 </li>
  59.             </ol>
  60.         </div>
  61.     </section>
  63.     <section class="service-head-block section-padding-page">
  64.         <div class="container">
  65.             <div class="row">
  66.                 <div class="col-md-5">
  67.                     <h1 class="service-head-h1">{{ 'seo.insurance.h1'|trans({}, 'portal_base') }}</h1>
  68.                 </div>
  69.                 <div class="col-md-6 offset-md-1 flexbox-wrapper">
  70.                     <div>
  71.                         <p class="section-subtitle-page mb-0">{{ 'finance.insurance.subtitle'|trans({}, 'portal_base') }}</p>
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.         </div>
  76.     </section>
  78.     <section class="sticky-top bg-menu-fixed" id="tradeinCalc">
  79.         <div class="container">
  80.             <div class="row">
  81.                 <div class="col-md-12">
  82.                     <ul class="pages-menu-fixed" id="list-example">
  83.                         <li class="active">
  84.                             <a href="#generalInformation">Калькулятор КАСКО</a>
  85.                         </li>
  86.                         <li>
  87.                             <a href="#aboutService">{{ 'finance.insurance.about_service'|trans({}, 'portal_base') }}</a>
  88.                         </li>
  89.                         <li>
  90.                             <a href="#risk">{{ 'finance.insurance.risks'|trans({}, 'portal_base') }}</a>
  91.                         </li>
  92.                         <li>
  93.                             <a href="#advantages">{{ 'finance.insurance.advantages'|trans({}, 'portal_base') }}</a>
  94.                         </li>
  95.                         <li>
  96.                             <a href="#faq">{{ 'finance.insurance.faqs'|trans({}, 'portal_base') }}</a>
  97.                         </li>
  98.                     </ul>
  99.                 </div>
  100.             </div>
  101.         </div>
  102.     </section>
  106.     <div class="section-padding-page" id="generalInformation">
  107.         <div class="container">
  108.             <div class="row">
  109.                 <div class="col-md-12 section-title-page mb-4">
  110.                     <span>Калькулятор КАСКО {{ 'finance.insurance.new_car'|trans({}, 'portal_base') }}</span>
  111.                 </div>
  112.             </div>
  113.         </div>
  114.         {% include '@DcSiteBundle/Modules/insurance.html.twig' with {bigSize : true} %}
  115.         <div class="container mt-4">
  116.             <div class="row">
  117.                 <div class="col-md-12 section-title-page">
  118.                     <p class="section-subtitle-page">{{ 'finance.insurance.consulatation'|trans({}, 'portal_base') }}: <a href="tel:380445033353" class="color-red">+38 (044) 503–33–53</a></p>
  119.                 </div>
  120.             </div>
  121.         </div>
  122.     </div>
  124.     <section>
  125.         <div class="container">
  126.             <div class="row">
  127.                 <div class="col-md-12 section-title-page mb-0">
  128.                     <span>{{ 'finance.insurance.used_car'|trans({}, 'portal_base') }}</span>
  129.                 </div>
  130.             </div>
  131.         </div>
  132.         {% include '@Portal/Finance/casco.html.twig' %}
  133.     </section>
  136.     {% if app.request.locale == 'ru' %}
  137.         {% include '@Portal/Finance/translations/insurance_ru.html.twig' %}
  138.     {% else %}
  139.         {% include '@Portal/Finance/translations/insurance_ua.html.twig' %}
  140.     {% endif %}
  142. {% include '@DcSite/Modules/sps-popup.html.twig' %}
  144. {% endblock %}
  146. {% block pageJS %}
  147.     <script type="text/javascript" src="{{ asset('bundles/core/js/vue/vue.js') }}"></script>
  148.     <script type="text/javascript" src="{{ asset('bundles/insurance/js/casco.js') }}"></script>
  149.     <script>
  150.         app.onCustomEvent('appInit', function () {
  151.             app.loadJs("{{ asset('bundles/dcsite/js/casco.js') }}", function () {
  152.                 initCasco({
  153.                     initUrl : '{{ path('base_casco_init') }}',
  154.                     initByDealerUrl : '{{ path('base_casco_init_by_dealer') }}',
  155.                     optionsUrl : '{{ path('base_casco_options') }}',
  156.                     formUrl : '{{ path('base_casco_save_form') }}',
  157.                     privacyUrl: '{{ privacyUrl }}',
  158.                 });
  159.             });
  161.             app.loadJs("{{ asset('bundles/portal/js/casco.js') }}", function () {
  162.                 casco({
  163.                     token: '{{ token }}',
  164.                     initUrl: '{{ path('portal_calc_init') }}',
  165.                     modelsUrl: '{{ path('portal_calc_models') }}',
  166.                     estimateUrl: '{{ path('portal_calc_estimate') }}',
  167.                     optionsUrl : '{{ path('portal_casco_options') }}',
  168.                     formUrl : '{{ path('portal_casco_save_form') }}',
  169.                     privacyUrl: '{{ privacyUrl }}',
  170.                     baseCoefficientType : {{ baseType }},
  171.                     listCoefficientType : {{ listType }},
  172.                     optionCoefficientType : {{ optionType }}
  173.                 });
  174.             });
  175.         });
  177.         $(window).on('scroll',function(e) {
  178.             var doc = document.documentElement;
  179.             var top = (window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0);
  180.             var height = $('.calc').height();
  181.             if(top >= 1200 && top <= (700 + height)) {
  182.                 $('.casco-result').css('position','fixed');
  183.                 $('.casco-result').css('top','80px');
  184.             } else {
  185.                 $('.casco-result').css('position','relative');
  186.                 $('.casco-result').css('top','0');
  187.             }
  188.         });
  189.     </script>
  191. {% endblock  %}