src/PortalBundle/Resources/views/Service/tires-hotel.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.tires_hotel.title'|trans({}, 'portal_base') }}</title>
  5.     <meta name="description" content="{{ 'seo.tires_hotel.description'|trans({}, 'portal_base') }}"/>
  6. {% endblock %}
  8. {% block css %}
  9.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/portal/css/portalTiresHotel.css?{{ VERSION }}">
  10. {% endblock %}
  12. {% block content %}
  14.     <section class="breadcrumbs__new">
  15.         <div class="container">
  16.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  17.                 <li class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  18.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  19.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span>
  20.                     </a>
  21.                     <meta itemprop="position" content="1"/>
  22.                 </li>
  24.                 <div class="arrow-bc"></div>
  25.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  26.                     itemtype="https://schema.org/ListItem">
  27.                     <span style="color: #ABABAB" class="breadcrumbs__link"
  28.                           itemprop="name">{{ 'service.all.service'|trans({}, 'portal_base') }}</span>
  29.                     <meta itemprop="position" content="2"/>
  30.                 </li>
  32.                 <div class="arrow-bc"></div>
  33.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  34.                     itemtype="https://schema.org/ListItem">
  35.                     <span style="color: #ABABAB" class="breadcrumbs__link"
  36.                           itemprop="name">{{ 'service.all.tires'|trans({}, 'portal_base') }}</span>
  37.                     <meta itemprop="position" content="3"/>
  38.                 </li>
  39.             </ol>
  40.         </div>
  41.     </section>
  43.     <section id="tiresHotel" class="section_prices_storage">
  44.         {% if app.request.locale == 'ru' %}
  45.             {% include '@Portal/Service/translations/tires-hotel-head_ru.html.twig' %}
  46.         {% else %}
  47.             {% include '@Portal/Service/translations/tires-hotel-head_ua.html.twig' %}
  48.         {% endif %}
  49.         <div class="container">
  50.             <div class="prices_storage_wheels">
  51.                 <div class="storage_wheels_block">
  52.                     <p class="storage_wheels_block_title">{{ 'tires_hotel.price_storage_tires'|trans({}, 'portal_base') }}</p>
  53.                     <div class="storage_wheels_content">
  54.                         {% for mainCategory in mainCategories %}
  55.                             <label class="storage_wheels_content_row">
  56.                                 <input class="storage_wheels_input" id="main_category_{{ mainCategory.id }}"
  57.                                        @click="selectCategory('main_category_{{ mainCategory.id }}', '{{ mainCategory.title_ua }}', '{{ mainCategory.min_price|round }}')"
  58.                                        type="checkbox"/>
  59.                                 <span class="checkmark"></span>
  60.                                 <div class="storage_wheels_box">
  61.                                     <p class="storage_wheels_content_check_name">{{ mainCategory.title_ua }}{% if loop.first %}, 4 шт{% endif %}</p>
  62.                                     <p class="storage_wheels_content_price">
  63.                                         <span>{{ 'tires_hotel.from'|trans({}, 'portal_base') }}</span>
  64.                                         {% if loop.first %}
  65.                                             1800 грн/6 {{ 'tires_hotel.month'|trans({}, 'portal_base') }}
  66.                                         {% else %}
  67.                                             {{ mainCategory.min_price|price }} грн
  68.                                         {% endif %}
  69.                                     </p>
  70.                                 </div>
  71.                             </label>
  72.                         {% endfor %}
  73.                     </div>
  74.                 </div>
  76. {#                <div class="storage_wheels_block">#}
  77. {#                    <p class="storage_wheels_block_title">{{ 'tires_hotel.price_another_services'|trans({}, 'portal_base') }}</p>#}
  78. {#                    <div class="storage_wheels_content">#}
  79. {#                        {% for additionCategory in additionCategories %}#}
  80. {#                            <label class="storage_wheels_content_row">#}
  81. {#                                <input class="storage_wheels_input" id="add_category_{{ additionCategory.id }}"#}
  82. {#                                       @click="selectCategory('add_category_{{ additionCategory.id }}', '{{ additionCategory.title_ua }}', '{{ additionCategory.min_price|round }}')"#}
  83. {#                                       type="checkbox"/>#}
  84. {#                                <span class="checkmark"></span>#}
  85. {#                                <div class="storage_wheels_box">#}
  86. {#                                    <p class="storage_wheels_content_check_name">{{ additionCategory.title_ua[0:1]|upper ~ additionCategory.title_ua[1:]}}</p>#}
  87. {#                                    <p class="storage_wheels_content_price">#}
  88. {#                                        <span>{{ 'tires_hotel.from'|trans({}, 'portal_base') }}</span>#}
  89. {#                                        {{ additionCategory.min_price|price }} грн</p>#}
  90. {#                                </div>#}
  91. {#                            </label>#}
  92. {#                        {% endfor %}#}
  93. {#                    </div>#}
  94. {#                </div>#}
  95.             </div>
  96.             <div class="storage_wheels_bottom_wrapper">
  97.                 <p class="wheels_bottom_title">{{ 'tires_hotel.total_cost'|trans({}, 'portal_base') }}</p>
  98.                 <p class="wheels_bottom_price">{{ 'tires_hotel.from'|trans({}, 'portal_base') }}
  99.                     <span v-text="amountWithCurrency"></span>
  100.                 </p>
  101.             </div>
  102.             <p class="wheels_bottom_text">{{ 'tires_hotel.star_1'|trans({}, 'portal_base') }} {{ 'now'|date('d.m.Y') }}.</p>
  103.             <p class="wheels_bottom_text">{{ 'tires_hotel.star_2'|trans({}, 'portal_base') }}</p>
  104.             <p class="wheels_bottom_text">{{ 'tires_hotel.star_3'|trans({}, 'portal_base') }}</p>
  105.             <div class="storage_wheels_bottom_btn_group">
  106.                 <button id="tires-register-online" @click="showTiresHotelPopupForm" class="tires_btn">
  107.                     {{ 'tires_hotel.request_online'|trans({}, 'portal_base') }}
  108.                 </button>
  109.                 <button class="tires_btn tires_btn-white" @click="showCallMePopupForm">{{ 'tires_hotel.consultation'|trans({}, 'portal_base') }}</button>
  110.             </div>
  111.         </div>
  112.     </section>
  115.     {% if app.request.locale == 'ru' %}
  116.         {% include '@Portal/Service/translations/tires-hotel-seo_ru.html.twig' %}
  117.     {% else %}
  118.         {% include '@Portal/Service/translations/tires-hotel-seo_ua.html.twig' %}
  119.     {% endif %}
  121.     {% include '@Portal/Modules/call-me-popup.html.twig' with  {'route':path('form_call_me', {'formType': 47}), 'id' : 'call_me_with_dealers', 'showDealer' : true} %}
  122.     {% include '@Portal/Modules/tires-hotel-popup.html.twig' %}
  124. {% endblock %}
  126. {% block pageJS %}
  127.     <script src="/dist/{{ MODE }}/portal/js/portalTiresHotel.js?{{ VERSION }}"></script>
  128.     <script>
  129.         $(() => {
  130.             portal.portalTiresHotel.initTiresHotel({
  131.                 locale: '{{ app.request.locale }}',
  132.                 call_form_id : 'call_me_with_dealers'
  133.             })
  134.         });
  135.     </script>
  136. {% endblock %}