templates/Slivki/tire/tires_by_offer.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  3.     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
  4.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.css"
  5.           integrity="sha512-wJgJNTBBkLit7ymC6vvzM1EcSWeM9mmOu+1USHaRBbHkm6W9EgM0HY27+UtUaprntaYQJF75rc8gjxllKs5OIQ=="
  6.           crossorigin="anonymous" referrerpolicy="no-referrer"/>
  7.     {{ parent() }}
  8.     <link href="https://unpkg.com/jquery-datetimepicker@2/jquery.datetimepicker.css" rel="stylesheet">
  9.     <link rel="stylesheet" href="/css/grid.min.css"/>
  10.     <link href="/css/delivery.css?v={{ delivery_css_version }}" rel="stylesheet" type="text/css"/>
  11.     <link href="/css/online_booking.css?v=2" rel="stylesheet">
  12. {% endblock %}
  13. {% block left_sidebar %}{% endblock %}
  14. {% block messenger %}{% endblock %}
  15. {% block content %}
  16.     {% set subscription = app.user ? getSubscription(app.user) : null %}
  17.     {% if subscription and subscription.getNumberOfCodes() > 0 %}
  18.         <input type="hidden" id="allowedCodesCountBySubscription" value="{{ subscription.getNumberOfCodes() }}">
  19.         <input type="hidden" id="allowedCodesToBuy" value="{{ subscription.getNumberOfCodes() }}">
  20.     {% endif %}
  21.     {% if app.user and app.user.getBatchCodesCount() > 0 %}
  22.         <input type="hidden" id="allowedCodesToBuyBatchCodes" value="{{ app.user.getBatchCodesCount() }}">
  23.     {% endif %}
  24.     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  25.     <input type="hidden" id="onlineBookingBuyCodeOrderID" value="">
  26.     <div class="delivery-page container sf-font">
  27.         <div id="deliveryContent">
  28.             <div class="breadcrumbs sf-text-font">
  29.                 <a href="{{ base_url }}">Главная</a>
  30.                 <i class="fa fa-angle-right"></i>&nbsp;<a href="{{ offerUrl }}">{{ companyName }}</a>
  31.                 <i class="fa fa-angle-right"></i>&nbsp;<a href="#">Онлайн-запись</a>
  32.             </div>
  33.             <div class="clear"></div>
  34.             <div id="deliverySupplierCard" class="rounded-14">
  35.                 <div class="gradient rounded-14"></div>
  36.                 <div class="card-img rounded-14">
  37.                     <img class="w-100 rounded-14" src="{{ topImageUrl }}"/>
  38.                 </div>
  39.                 <div class="delivery-supplier--rating"><i class="slivki-icon-star"></i>{{ rating }}</div>
  40.                 <div class="delivery-supplier--info">
  41.                     <i class="slivki-icon-info-circled-o"></i>
  42.                     <div class="supplier-info-tooltip arrow-box">
  43.                         <div class="mb-2 sf-bold-font">{{ companyName }}</div>
  44.                         <div class="text-muted">{{ director.getName() }}, УНП {{ director.getTaxId() }}</div>
  45.                     </div>
  46.                 </div>
  47.             </div>
  48.             <div class="row">
  49.                 <div class="col my-2 pl-3 font-size-1250 sf-bold-font">Услуги:</div>
  50.             </div>
  51.             <div class="row delivery-teaser-row delivery-teasers-block">
  52.                 {% for tire in tires %}
  53.                     {% include 'Slivki/tire/tire_teaser.html.twig' %}
  54.                 {% endfor %}
  55.             </div>
  56.         </div>
  57.         <div id="deliverySidebar">
  58.             <div id="deliverySidebarContent">
  59.                 <div class="sf-bold-font font-size-1125 mb-2 text-uppercase"><strong>Онлайн запись</strong></div>
  60.                 <div id="basketItemBooking" class="d-none delivery-basket-tire-item position-relative d-flex mb-3 mx-1 p-2">
  61.                     <button type="button" class="js-tire-delete-from-basket close float-none position-absolute m-0" data-id="">
  62.                         <span aria-hidden="true"><i class="slivki-icon-close-thin"></i></span>
  63.                     </button>
  64.                     <div class="d-flex flex-column">
  65.                         <span id="nameBasketBooking" class="font-size-1125 sf-bold-font mx-1">Наращивание ногтей</span>
  66.                         <span id="addressBasketBooking" class="font-size-1125 mx-1 my-1"><strong>Адрес: </strong>Минск, ул.Чюрлениса, д. 6</span>
  67.                         <span id="dateBasketBooking" class="font-size-1125 mx-1 my-1"><strong>Дата:</strong> 20.12.22</span>
  68.                         <span id="timeBasketBooking" class="font-size-1125 mx-1 my-1"><strong>Время:</strong> 14:50</span>
  69.                         <div class="d-flex flex-column mx-1 my-1">
  70.                             <div class="d-flex">
  71.                                 <del class="text-danger delivery-price mr-3">
  72.                                     <span id="oldPriceBookingBasket" class="delivery-old-price font-weight-normal font-size-1125">10 р</span>
  73.                                 </del>
  74.                                 <span id="newPriceBookingBasket" class="delivery-price mr-0 sf-bold-font font-size-1125">20 р.</span>
  75.                             </div>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.                 <div id="deliveryEmpty">
  80.                     <div class="text-center">
  81.                         <p class="font-size-1125">Добавьте<br> услугу!</p>
  82.                     </div>
  83.                     <button style="position: absolute;bottom: 15px;width: 79% !important;" class="button-send-online-booking delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto disabled">ЗАПИСАТЬСЯ СО СКИДОЙ
  84.                     </button>
  85.                 </div>
  86.                 <div id="basketContainer"></div>
  87.                 <div id="buyCodeBlock" class="w-100 px-2 pt-2 pb-2 d-none bottom-0">
  88.                     {% if subscription and subscription.getNumberOfCodes() > 0  %}
  89.                         <div class="font-size-1125 text-center sf-bold-font mx-1 mb-2">Почти готово 😉 </div>
  90.                         <div class="font-size-1125 text-center mx-1 mb-2 mt-2">Для записи  на выбранное время оплатите промокод на скидку</div>
  91.                         <div class="font-size-1125 text-center sf-bold-font mx-1 mb-1 mt-2">К оплате 0 р.  <del>12,10 р.</del></div>
  92.                         <div class="font-size-1125 text-center mx-1 mt-1">по подписке</div>
  93.                         <button id="offerBuyCodeOrderPage"
  94.                                 class="button-send-online-booking delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto"
  95.                                 data-id="">ЗАПИСАТЬСЯ СО СКИДОЙ
  96.                         </button>
  97.                     {% elseif app.user and app.user.getBatchCodesCount() > 0 and subscription.getNumberOfCodes() == 0  %}
  98.                         <div class="font-size-1125 text-center sf-bold-font mx-1 mb-2">Почти готово 😉 </div>
  99.                         <div class="font-size-1125 text-center mx-1 mb-2 mt-2">Для записи  на выбранное время оплатите промокод на скидку</div>
  100.                         <div class="font-size-1125 text-center sf-bold-font mx-1 mb-1 mt-2">К оплате 0 р.  <del>2,10 р.</del></div>
  101.                         <div class="font-size-1125 text-center mx-1 mt-1">по пакету</div>
  102.                         <button id="offerBuyCodeOrderPage"
  103.                                 class="button-send-online-booking delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto"
  104.                                 data-id="">ЗАПИСАТЬСЯ СО СКИДОЙ
  105.                         </button>
  106.                         {% else %}
  107.                             <div class="font-size-1125 text-center sf-bold-font mx-1 mb-2">Почти готово 😉 </div>
  108.                             <div class="font-size-1125 text-center mx-1 mb-2 mt-2">Для записи  на выбранное время оплатите промокод на скидку</div>
  109.                             <div class="font-size-1125 text-center sf-bold-font mx-1 mb-1 mt-2">К оплате 2,10 р.</div>
  110.                             <div class="font-size-1125 text-center mx-1 mt-2">Выберите способ оплаты:</div>
  111.                             {% if app.user and app.user.getFullBalance() >=  2.10 %}
  112.                                 <button id="byCodeBalance"
  113.                                         class="button-send-online-booking-buttons-pay delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto"
  114.                                         data-id="">С БАЛАНСА
  115.                                 </button>
  116.                             {% endif %}
  117.                             <button id="byCodeCreditCards"
  118.                                     class="button-send-online-booking-buttons-pay delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto"
  119.                                     data-id="">БАНКОВСКАЯ КАРТА
  120.                             </button>
  121.                             <button id="byCodeErip"
  122.                                     class="button-send-online-booking-buttons-pay delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto"
  123.                                     data-id="">ЕРИП
  124.                             </button>
  125.                             <button id="byCodePhone"
  126.                                     class="button-send-online-booking-buttons-pay delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto"
  127.                                     data-id="">ПО ЗВОНКУ С А1, МТС, LIFE:)
  128.                             </button>
  129.                     {% endif %}
  130.                 </div>
  131.             </div>
  132.         </div>
  133.     </div>
  134.     {% block footer %}
  135.         {% include 'Slivki/footer_for_partner.html.twig' %}
  136.     {% endblock %}
  137. {% endblock %}
  138. {% block popups %}
  139.     {{ parent() }}
  140.     {% include '/Slivki/online_booking/modal_online_booking.html.twig' %}
  141.     {% include 'Slivki/popups/buy_code_phone_offer.html.twig' %}
  142.     {% include 'Slivki/popups/buy_code_item-offer.html.twig' %}
  143.     {% include 'Slivki/popups/buy_code_phonenumber_offers.html.twig' %}
  144.     {% include 'Slivki/popups/buy_code_erip_offers.html.twig' %}
  145.     {% include 'Slivki/online_booking/booking_alert_popup.html.twig' %}
  146. {% endblock %}
  147. {% block javascripts %}
  148.     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
  149.     <script src="/js/delivery.js?v={{ delivery_js_version }}"></script>
  150.     {{ parent() }}
  151.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.js"
  152.             integrity="sha512-zlWWyZq71UMApAjih4WkaRpikgY9Bz1oXIW5G0fED4vk14JjGlQ1UmkGM392jEULP8jbNMiwLWdM8Z87Hu88Fw=="
  153.             crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  154.     <script src="https://unpkg.com/jquery-datetimepicker@2/build/jquery.datetimepicker.full.min.js"></script>
  155.     <script src="/js/tires-common.js?v={{ tires_common_js_version }}"></script>
  156.     <script src="/js/collapse.js"></script>
  157.     <script src="/js/tires.js?v={{ online_booking_js_version }}"></script>
  158.     <script type="module" src="/js/paymentOrderPage/paymentOrderPage.js?v={{ payment_order_page_js_version }}"></script>
  159.     <script type="module" src="/js/paymentOrderPage/api.js?v={{ payment_order_page_api_js_version }}"></script>
  160. {% endblock %}