{% 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="https://unpkg.com/jquery-datetimepicker@2/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="https://unpkg.com/jquery-datetimepicker@2/build/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 %}