{% extends 'base.html.twig' %}{% block stylesheets %} <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.css" integrity="sha512-wJgJNTBBkLit7ymC6vvzM1EcSWeM9mmOu+1USHaRBbHkm6W9EgM0HY27+UtUaprntaYQJF75rc8gjxllKs5OIQ==" crossorigin="anonymous" referrerpolicy="no-referrer"/> {{ parent() }} <link href="/css/jquery.datetimepicker.css" rel="stylesheet"> <link rel="stylesheet" href="/css/grid.min.css"/> <link href="/css/delivery.min.css?v={{ delivery_css_version }}" rel="stylesheet" type="text/css"/> <link href="/css/online_booking.css?v=2" rel="stylesheet">{% endblock %}{% block left_sidebar %}{% endblock %}{% block messenger %}{% endblock %}{% block content %} {% set subscription = app.user ? getSubscription(app.user) : null %} {% if subscription and subscription.getNumberOfCodes() > 0 %} <input type="hidden" id="allowedCodesCountBySubscription" value="{{ subscription.getNumberOfCodes() }}"> <input type="hidden" id="allowedCodesToBuy" value="{{ subscription.getNumberOfCodes() }}"> {% endif %} {% if app.user and app.user.getBatchCodesCount() > 0 %} <input type="hidden" id="allowedCodesToBuyBatchCodes" value="{{ app.user.getBatchCodesCount() }}"> {% endif %} <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"> <input type="hidden" id="onlineBookingBuyCodeOrderID" value=""> <div class="delivery-page container sf-font"> <div id="deliveryContent"> <div class="breadcrumbs sf-text-font"> <a href="{{ base_url }}">Главная</a> <i class="fa fa-angle-right"></i> <a href="{{ offerUrl }}">{{ companyName }}</a> <i class="fa fa-angle-right"></i> <a href="#">Онлайн-запись</a> </div> <div class="clear"></div> <div id="deliverySupplierCard" class="rounded-14"> <div class="gradient rounded-14"></div> <div class="card-img rounded-14"> <img class="w-100 rounded-14" src="{{ topImageUrl }}"/> </div> <div class="delivery-supplier--rating"><i class="slivki-icon-star"></i>{{ rating }}</div> <div class="delivery-supplier--info"> <i class="slivki-icon-info-circled-o"></i> <div class="supplier-info-tooltip arrow-box"> <div class="mb-2 sf-bold-font">{{ companyName }}</div> <div class="text-muted">{{ director.getName() }}, УНП {{ director.getTaxId() }}</div> </div> </div> </div> <div class="row"> <div class="col my-2 pl-3 font-size-1250 sf-bold-font">Услуги:</div> </div> <div class="row delivery-teaser-row delivery-teasers-block"> {% for tire in tires %} {% include 'Slivki/tire/tire_teaser.html.twig' %} {% endfor %} </div> </div> <div id="deliverySidebar"> <div id="deliverySidebarContent"> <div class="sf-bold-font font-size-1125 mb-2 text-uppercase"><strong>Онлайн запись</strong></div> <div id="basketItemBooking" class="d-none delivery-basket-tire-item position-relative d-flex mb-3 mx-1 p-2"> <button type="button" class="js-tire-delete-from-basket close float-none position-absolute m-0" data-id=""> <span aria-hidden="true"><i class="slivki-icon-close-thin"></i></span> </button> <div class="d-flex flex-column"> <span id="nameBasketBooking" class="font-size-1125 sf-bold-font mx-1">Наращивание ногтей</span> <span id="addressBasketBooking" class="font-size-1125 mx-1 my-1"><strong>Адрес: </strong>Минск, ул.Чюрлениса, д. 6</span> <span id="dateBasketBooking" class="font-size-1125 mx-1 my-1"><strong>Дата:</strong> 20.12.22</span> <span id="timeBasketBooking" class="font-size-1125 mx-1 my-1"><strong>Время:</strong> 14:50</span> <div class="d-flex flex-column mx-1 my-1"> <div class="d-flex"> <del class="text-danger delivery-price mr-3"> <span id="oldPriceBookingBasket" class="delivery-old-price font-weight-normal font-size-1125">10 р</span> </del> <span id="newPriceBookingBasket" class="delivery-price mr-0 sf-bold-font font-size-1125">20 р.</span> </div> </div> </div> </div> <div id="deliveryEmpty"> <div class="text-center"> <p class="font-size-1125">Добавьте<br> услугу!</p> </div> <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">ЗАПИСАТЬСЯ СО СКИДОЙ </button> </div> <div id="basketContainer"></div> <div id="buyCodeBlock" class="w-100 px-2 pt-2 pb-2 d-none bottom-0"> {% if subscription and subscription.getNumberOfCodes() > 0 %} <div class="font-size-1125 text-center sf-bold-font mx-1 mb-2">Почти готово 😉 </div> <div class="font-size-1125 text-center mx-1 mb-2 mt-2">Для записи на выбранное время оплатите промокод на скидку</div> <div class="font-size-1125 text-center sf-bold-font mx-1 mb-1 mt-2">К оплате 0 р. <del>12,10 р.</del></div> <div class="font-size-1125 text-center mx-1 mt-1">по подписке</div> <button id="offerBuyCodeOrderPage" class="button-send-online-booking delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto" data-id="">ЗАПИСАТЬСЯ СО СКИДОЙ </button> {% elseif app.user and app.user.getBatchCodesCount() > 0 and subscription.getNumberOfCodes() == 0 %} <div class="font-size-1125 text-center sf-bold-font mx-1 mb-2">Почти готово 😉 </div> <div class="font-size-1125 text-center mx-1 mb-2 mt-2">Для записи на выбранное время оплатите промокод на скидку</div> <div class="font-size-1125 text-center sf-bold-font mx-1 mb-1 mt-2">К оплате 0 р. <del>2,10 р.</del></div> <div class="font-size-1125 text-center mx-1 mt-1">по пакету</div> <button id="offerBuyCodeOrderPage" class="button-send-online-booking delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto" data-id="">ЗАПИСАТЬСЯ СО СКИДОЙ </button> {% else %} <div class="font-size-1125 text-center sf-bold-font mx-1 mb-2">Почти готово 😉 </div> <div class="font-size-1125 text-center mx-1 mb-2 mt-2">Для записи на выбранное время оплатите промокод на скидку</div> <div class="font-size-1125 text-center sf-bold-font mx-1 mb-1 mt-2">К оплате 2,10 р.</div> <div class="font-size-1125 text-center mx-1 mt-2">Выберите способ оплаты:</div> {% if app.user and app.user.getFullBalance() >= 2.10 %} <button id="byCodeBalance" class="button-send-online-booking-buttons-pay delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto" data-id="">С БАЛАНСА </button> {% endif %} <button id="byCodeCreditCards" class="button-send-online-booking-buttons-pay delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto" data-id="">БАНКОВСКАЯ КАРТА </button> <button id="byCodeErip" class="button-send-online-booking-buttons-pay delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto" data-id="">ЕРИП </button> <button id="byCodePhone" class="button-send-online-booking-buttons-pay delivery-btn rounded-14 bg-violet font-size-1125 color-white w-auto" data-id="">ПО ЗВОНКУ С А1, МТС, LIFE:) </button> {% endif %} </div> </div> </div> </div> {% block footer %} {% include 'Slivki/footer_for_partner.html.twig' %} {% endblock %}{% endblock %}{% block popups %} {{ parent() }} {% include '/Slivki/online_booking/modal_online_booking.html.twig' %} {% include 'Slivki/popups/buy_code_phone_offer.html.twig' %} {% include 'Slivki/popups/buy_code_item-offer.html.twig' %} {% include 'Slivki/popups/buy_code_phonenumber_offers.html.twig' %} {% include 'Slivki/popups/buy_code_erip_offers.html.twig' %} {% include 'Slivki/online_booking/booking_alert_popup.html.twig' %}{% endblock %}{% block javascripts %} <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script> <script src="/js/delivery.js?v={{ delivery_js_version }}"></script> {{ parent() }} <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.js" integrity="sha512-zlWWyZq71UMApAjih4WkaRpikgY9Bz1oXIW5G0fED4vk14JjGlQ1UmkGM392jEULP8jbNMiwLWdM8Z87Hu88Fw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="/js/jquery.datetimepicker.full.min.js"></script> <script src="/js/tires-common.js?v={{ tires_common_js_version }}"></script> <script src="/js/collapse.js"></script> <script src="/js/tires.js?v={{ online_booking_js_version }}"></script> <script type="module" src="/js/paymentOrderPage/paymentOrderPage.js?v={{ payment_order_page_js_version }}"></script> <script type="module" src="/js/paymentOrderPage/api.js?v={{ payment_order_page_api_js_version }}"></script>{% endblock %}