src/PortalBundle/Resources/views/Catalog/index.html.twig line 1

Open in your IDE?
  1. {% set bs5 = true %}
  2. {% extends '@Portal/template.html.twig' %}
  3. {% set routePrefix = app.request.get('credit') ? 'portal_finance_credit_' : 'portal_new_' %}
  5. {% block content %}
  6.     {% if hasCredit %}
  7.         {% include '@Portal/Catalog/catalog-credit.html.twig' %}
  8.     {% else %}
  9.         {% include '@Portal/Catalog/catalog-main.html.twig' %}
  10.     {% endif %}
  12.     {#    Модальне вікно банера     #}
  13.     <div class="modal fade modal__step__custom" id="order-car" tabindex="-1" role="dialog" aria-labelledby="orderCarLabel" aria-hidden="true">
  14.         <div class="modal-dialog modal__step__custom__dialog modal-dialog-centered" role="document">
  15.             <div class="modal-content modal__step__custom__content modal__step__custom-btn">
  16.                 <div class="modal-header modal__step__custom__header">
  17.                     <p class="modal-title modal__step__custom__title" id="orderCarLabel">{{ 'card_car.modal.we_are_happy'|trans({}, 'portal_base') }}</p>
  18.                     <button type="button" class="close modal__step__custom__close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close">
  19.                         <span aria-hidden="true">&times;</span>
  20.                     </button>
  21.                 </div>
  22.                 {{ form_start(OrderCallForm, {attr: {class: 'forms-sm lead-form pop-up', 'data-parent': 'order-car', 'data-thank-popup': 'show', action: path( 'portal_callback_form' )} }) }}
  23.                 <div class="modal-body modal__step__custom__body">
  24.                     <p class="modal__step__custom__text">{{ 'card_car.modal.contact_phone'|trans({}, 'portal_base') }}</p>
  25.                     <div class="modal__step__custom__input mb-3">
  26.                         {{ form_row(OrderCallForm.name) }}
  27.                     </div>
  28.                     <div class="modal__step__custom__input mb-5">
  29.                         {{ form_row(OrderCallForm.phone) }}
  30.                     </div>
  31.                     <div class="col-md-12">
  32.                         <div class="form-group checkbox style-b js-form-privacy">
  33.                             <label class="checkboxes__item-privacy">
  34.                                 <input type="checkbox" name="{{ OrderCallForm.privacy.vars.full_name }}" value="{{ OrderCallForm.privacy.vars.value }}" id="{{ OrderCallForm.privacy.vars.id }}"/>
  35.                                 <div id="check_privacy" class="checkbox__checkmark form-control"></div>
  36.                                 <div class="checkbox__body">{{ 'multi_consultation.step_3.confirm'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'modal_online_service.learn_about_deal'|trans({}, 'portal_base') }}</a></div>
  37.                             </label>
  38.                         </div>
  39.                     </div>
  40.                 </div>
  41.                 <div class="d-none">
  42.                     {{ form_rest(OrderCallForm) }}
  43.                 </div>
  44.                 <div class="modal-footer modal__step__custom__footer mt-0">
  45.                     <button type="submit" class="modal__step__custom__btn">{{ 'card_car.modal.waiting_for_call'|trans({}, 'portal_base') }}</button>
  46.                 </div>
  47.                 {{ form_end(OrderCallForm) }}
  48.             </div>
  49.         </div>
  50.     </div>
  51.     {#    Модальне вікно банера     #}
  53. {% endblock %}
  55. {% block script %}
  56.     <script src="/dist/{{ MODE }}/portal/js/portalCarCatalog.js?{{ VERSION }}"></script>
  57.     <script type="text/javascript">
  58.         $(() => {
  59.             window.portal.portalCarCatalog.initCatalogFilters({
  60.                 initUrl: '{{ path('portal_new_catalog_init_filters') }}',
  61.                 buildTypeUrl: '{{ path('portal_new_catalog_build_url') }}',
  62.                 buildUrl: '{{ path('portal_new_catalog_search_build_url') }}',
  63.                 getDealersFromFilter: '{{ path('portal_new_catalog_get_dealers_by_filter') }}',
  64.                 getDealersFromSelectedFilter: '{{ path('portal_new_catalog_get_dealers_by_selected_filter') }}',
  65.                 carUrl: '{{ path(routePrefix ~ 'catalog', {state: state, type: type}) }}',
  66.                 params: {{ baseParams|json_encode|raw }},
  67.                 searchParams: {{ searchParams|json_encode|raw }},
  68.                 searchFilters: {{ filters|json_encode|raw }},
  69.                 count: '{{ count }}',
  70.                 seoLinks: {{ seoLinks|json_encode|raw }}
  71.             });
  73.             {% for item in catalogNav %}
  74.             {% if item.brand is defined %}
  75.             // brand
  76.             new Swiper(".selection__catalog__car-slider", {
  77.                 slidesPerView: 7,
  78.                 allowTouchMove: false,
  79.                 navigation: {
  80.                     nextEl: ".swiper-button-next",
  81.                     prevEl: ".swiper-button-prev",
  82.                 },
  83.                 breakpoints: {
  84.                     1400: {
  85.                         slidesPerView: 7,
  86.                         loop: true,
  87.                         allowTouchMove: true,
  89.                     },
  90.                     1200: {
  91.                         slidesPerView: 6,
  92.                         loop: true,
  93.                         allowTouchMove: true,
  95.                     },
  96.                     991: {
  97.                         slidesPerView: 5,
  98.                         loop: true,
  99.                         allowTouchMove: true,
  101.                     },
  102.                     768: {
  103.                         init: false,
  104.                     },
  105.                 },
  106.             });
  108.             {% elseif item.model is defined %}
  109.             // model
  110.             new Swiper(".selection__catalog__car-slider", {
  111.                 slidesPerView: 5,
  112.                 allowTouchMove: false,
  113.                 navigation: {
  114.                     nextEl: ".swiper-button-next",
  115.                     prevEl: ".swiper-button-prev",
  116.                 },
  117.                 breakpoints: {
  118.                     1400: {
  119.                         slidesPerView: 7,
  120.                         loop: true,
  121.                         allowTouchMove: true,
  123.                     },
  124.                     1200: {
  125.                         slidesPerView: 6,
  126.                         loop: true,
  127.                         allowTouchMove: true,
  129.                     },
  130.                     991: {
  131.                         slidesPerView: 5,
  132.                         loop: true,
  133.                         allowTouchMove: true,
  135.                     },
  136.                     768: {
  137.                         init: false,
  138.                     },
  139.                 },
  140.             });
  142.             {% else %}
  143.             // bodyType
  144.             new Swiper(".selection__catalog__car-slider", {
  145.                 slidesPerView: 8,
  146.                 allowTouchMove: false,
  147.                 navigation: {
  148.                     nextEl: ".swiper-button-next",
  149.                     prevEl: ".swiper-button-prev",
  150.                 },
  151.                 breakpoints: {
  152.                     1400: {
  153.                         slidesPerView: 7,
  154.                         loop: true,
  155.                         allowTouchMove: true,
  157.                     },
  158.                     1200: {
  159.                         slidesPerView: 6,
  160.                         loop: true,
  161.                         allowTouchMove: true,
  163.                     },
  164.                     991: {
  165.                         slidesPerView: 5,
  166.                         loop: true,
  167.                         allowTouchMove: true,
  169.                     },
  170.                     768: {
  171.                         init: false,
  172.                     },
  173.                 },
  174.             });
  175.             {% endif %}
  176.             {% endfor %}
  177.         });
  178.     </script>
  179.     {% block schema_catalog_product %}
  180.     {% endblock %}
  181. {% endblock %}