templates/Slivki/delivery/order.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.css"
  6.           integrity="sha512-wJgJNTBBkLit7ymC6vvzM1EcSWeM9mmOu+1USHaRBbHkm6W9EgM0HY27+UtUaprntaYQJF75rc8gjxllKs5OIQ=="
  7.           crossorigin="anonymous" referrerpolicy="no-referrer"/>
  8.     <link href="/css/delivery.min.css?v={{ delivery_css_version }}" rel="stylesheet" type="text/css"/>
  9.     <link href="/css/order_page.min.css?v={{ order_page_css_version }}" rel="stylesheet" type="text/css"/>
  10.     <link href="/css/orderAsGift.min.css?v={{ order_as_gift_css }}" rel="stylesheet" type="text/css"/>
  11. {% endblock %}
  13. {% block left_sidebar %}{% endblock %}
  15. {% block messenger %}{% endblock %}
  17. {% block content %}
  18.     {% if offer.isWithoutCodes() %}
  19.         <input type="hidden" id="isWithoutCodes">
  20.     {% endif %}
  21.     {% if isFirstSosediPurchase is defined and isFirstSosediPurchase %}
  22.         <input type="hidden" id="isFirstSosediPurchase">
  23.     {% endif %}
  24.     {% if isCertificate is defined and isCertificate %}
  25.         <input id="isCertificate" type="hidden" value="">
  26.     {% endif %}
  27.     {% if director is defined %}
  28.         <input type="hidden" id="companyNameOffer" value="{{ director.getName()|e }}">
  29.     {% endif %}
  30.     {% if isAvailableOnFood is defined and isAvailableOnFood %}
  31.         <input type="hidden" id="isAvailableOnFood" value="true">
  32.     {% endif %}
  33.     <div class="delivery-page container sf-font">
  34.         <div id="deliveryContent" class="js-delivery-teasers">
  35.             <div class="breadcrumbs sf-text-font">
  36.                 <a href="{{ base_url }}">Главная</a>
  37.                 {% if categoryName != null %}
  38.                     <i class="fa fa-angle-right"></i>&nbsp;<a href="{{ categoryURL }}">{{ categoryName }}</a>
  39.                 {% endif %}
  40.                 <i class="fa fa-angle-right"></i>&nbsp;<a
  41.                         href="{{ getURL(constant('Slivki\\Repository\\SeoRepository::RESOURCE_URL_OFFER_DETAILS'), offer.getID()) }}">{{ offer.getCompanyName() }}</a>
  42.                 <i class="fa fa-angle-right"></i>&nbsp;<a href="javascript:;">Онлайн заказ</a>
  43.             </div>
  44.             <div class="clear"></div>
  45.             {% if isCertificate is defined and isCertificate %}
  46.                 <div id="deliverySupplierCard" class="rounded-14">
  47.                     <div class="gradient rounded-14"></div>
  48.                     <div class="card-img rounded-14">
  49.                         <img class="w-100 rounded-14" src="{{ getImageURL(offer.getTopBlockMedia(), 0, 0) }}"/>
  50.                     </div>
  51.                     <div class="delivery-supplier--logo"
  52.                          style="background-image: url('{{ getImageURL(logoMedia, 0, 0) }}')"
  53.                     >
  54.                     </div>
  55.                     <div class="delivery-supplier--rating">
  56.                         <i class="slivki-icon-star">{{ offer.getRating() }}</i>
  57.                         <span class="pl-2"><i
  58.                                     class="slivki-icon slivki-icon-users"></i>{{ purchaseCountMonth is defined ? purchaseCountMonth : offer.getUsedCodesCount() }}</span>
  59.                         <span class="pl-2"><i class="slivki-icon-eye"></i>{{ visitCount }}</span>
  60.                     </div>
  61.                     <div class="delivery-supplier--text sf-bold-font"></div>
  62.                     <div class="delivery-supplier--info">
  63.                         <i class="slivki-icon-info-circled-o"></i><span>Информация о компании</span>
  64.                         <div class="supplier-info-tooltip arrow-box">
  65.                             <div class="mb-2 sf-bold-font">{{ director.getName() }}</div>
  66.                             <div class="text-muted">{{ director.getLegalEntity() }} УНП {{ director.getTaxID() }}</div>
  67.                         </div>
  68.                     </div>
  69.                 </div>
  70.             {% else %}
  71.                 <div class="py-2 px-0 sf-font">
  72.                     <div class="brand-block">
  73.                         <div id="mapOrderPage" class="d-none" style="height: 210px;" data-toggle="modal"
  74.                              data-target="#mapsModal"></div>
  75.                     </div>
  76.                 </div>
  77.             {% endif %}
  79.             {% if isCertificate is not defined or not isCertificate %}
  80.                 <div id="fixedFiltersOffer" class="w-auto px-2 d-flex"
  81.                      style="position: relative;background: linear-gradient(180deg, #A839FF 0%, #6747e5 100%), #6747E5;border-radius: 8px;">
  82.                     <div class="col d-flex align-items-center text-white justify-content-end px-0">
  83.                         <p class="col mb-0 px-0 text-filter-tittle">⚡️ Используй супер-фильтр</p>
  84.                         <div class="position-relative ordder-page-filter-block">
  85.                             <div class="ordder-page-filter py-1 mx-2">
  86.                                 <f class="text-filter">Сравни 🔥</f>
  87.                             </div>
  88.                             <div class="filter-items-block filter-items px-2 py-2" style="display: none">
  89.                                 <div class="filter-items-wrapper">
  90.                                     {% include 'Slivki/online_order/_online_order_sort.html.twig' %}
  91.                                 </div>
  92.                             </div>
  93.                         </div>
  94.                     </div>
  95.                     <div class="switch-delivery-pickup-block px-0 {% if not offer.getBrandboxEnabled() %}d-none{% endif %}">
  96.                         <a class="switch-delivery-pickup-item button-tab-delivery delivery-type active">
  97.                             <p>Доставка</p>
  98.                             <small>удобно👌</small>
  99.                         </a>
  100.                         <a class="switch-delivery-pickup-item pickup-type button-tab-pickup">
  101.                             <p> Самовывоз</p>
  102.                             <small>еще дешевле🔥</small>
  103.                         </a>
  104.                     </div>
  105.                     {% if isCertificate is not defined %}
  106.                         {% if pickupEnabled %}
  107.                             <input id="deliveryTypeOffers" type="hidden" value="2">
  108.                         {% elseif deliveryEnabled %}
  109.                             <input id="deliveryTypeOffers" type="hidden" value="1">
  110.                         {% endif %}
  111.                     {% endif %}
  112.                 </div>
  113.             {% else %}
  114.                 <div class="d-flex mt-3" style="justify-content: flex-end">
  115.                     {% include 'Slivki/delivery/_delivery_sort_filter.html.twig' %}
  116.                 </div>
  117.             {% endif %}
  118.             <div id="listProducts" class="delivery-teaser-row delivery-teasers-block">
  119.                 {% if isCertificate is defined and isCertificate %}
  120.                     {% for dish in dishes %}
  121.                         {% set teaserView = 'Slivki/delivery/delivery_teaser.html.twig' %}
  122.                         {% if dish.isPizza is defined and dish.isPizza %}
  123.                             {% set teaserView = 'Slivki/delivery/delivery_teaser_pizza.html.twig' %}
  124.                         {% endif %}
  125.                         <div class="col-4">
  126.                             {% include teaserView with {'isTop': dish.id in topDishIDList, 'isAvailableOnFood': isAvailableOnFood is defined and isAvailableOnFood} %}
  127.                         </div>
  128.                     {% endfor %}
  129.                 {% endif %}
  130.             </div>
  131.             {% if options|length > 0 and showDelivery %}
  132.                 <div id="dataMenu_options" class="mb-2 pl-2 font-size-1250 sf-bold-font">Дополнительные товары:</div>
  133.                 <div class="delivery-teaser-row delivery-teasers-block">
  134.                     {% for option in options %}
  135.                         <div class="col-4">
  136.                             {% include 'Slivki/delivery/delivery_teaser.html.twig' with {'dish': option, 'isOption': true} only %}
  137.                         </div>
  138.                     {% endfor %}
  139.                 </div>
  140.             {% endif %}
  141.         </div>
  142.         <div id="deliverySidebar">
  143.             {% if isAvailableOnFood is not defined or not isAvailableOnFood %}
  144.             <form method="post" action="{{ formAction }}" id="dishSelectForm">
  145.                 {% else %}
  146.                 <div id="dishSelectForm">
  147.                     {% endif %}
  148.                     <input type="hidden" id="pickupDeliveryType" name="pickupDeliveryType" value=""/>
  149.                     <input type="hidden" id="deliveryBasketInput" name="basket" value=""/>
  150.                     <input id="offerID" type="hidden" name="offerID" value="{{ offer.getID() }}"/>
  151.                     <input type="hidden" id="dishSortBy" name="dishSortBy" value=""/>
  152.                     <input type="hidden" id="isDominos" name="isDominos"
  153.                            value="{{ (isDominos is defined and isDominos) ? '1' : '0' }}">
  154.                     {% if deliveryPrice is defined %}
  155.                         <input type="hidden" id="deliveryPrice" name="deliveryPrice" value="{{ deliveryPrice }}"/>
  156.                     {% endif %}
  157.                     <div id="deliverySidebarContent">
  158.                         {% if isAvailableOnFood is not defined or not isAvailableOnFood %}
  159.                             <div>
  160.                                 <p class="basket-tittle">Ваш заказ</p>
  161.                             </div>
  162.                             <div id="deliveryEmpty">
  163.                                 <div class="d-flex flex-column justify-content-center align-items-center text-center">
  164.                                     {% if isCertificate is not defined or not isCertificate or offer.getID() == 283384 %}
  165.                                         <div class="delivery-empty-logo">
  166.                                             {% if offer.hasCategory(constant('Slivki\\Repository\\SeoRepository::FLOWERS_CATEGORY_ID')) %}
  167.                                                 <img height="119" class="mx-auto" src="/images/basketFlowers.png" alt="">
  168.                                             {% else %}
  169.                                                 <img height="119" class="mx-auto" src="/images/sideBarEda.gif" alt="">
  170.                                             {% endif %}
  171.                                         </div>
  172.                                     {% else %}
  173.                                         <div class="delivery-empty-logo">
  174.                                             <img height="119" class="mx-auto" src="/images/sertificate.gif" alt="">
  175.                                         </div>
  176.                                     {% endif %}
  177.                                     {% if isCertificate is not defined or not isCertificate %}
  178.                                         <p class="font-size-1125 delivery-empty-text">Выберите
  179.                                             {% if offer.hasCategory(constant('Slivki\\Repository\\SeoRepository::FLOWERS_CATEGORY_ID')) %}
  180.                                                 товары
  181.                                             {% else %}
  182.                                                 блюда
  183.                                             {% endif %}
  184.                                             <br> и добавьте их к
  185.                                             заказу
  186.                                         </p>
  187.                                     {% else %}
  188.                                         <p class="font-size-1125 delivery-empty-text">Выберите услуги<br> и добавьте их
  189.                                             к заказу
  190.                                         </p>
  191.                                     {% endif %}
  192.                                 </div>
  193.                             </div>
  194.                             <div id="deliveryBasketWrapper" style="display: none;">
  195.                                 <a href="#" id="clearBasketBtn" data-toggle="modal"
  196.                                    data-target="#confirmBasketClearModal">
  197.                                     <img width="16" height="16" class="mx-1" src="/images/order_page/basket-icon.svg"/>
  198.                                     Очистить</a>
  199.                                 <div id="deliverySidebarScroll" {% if  isCertificate is not defined or not isCertificate %} class="height-74" {% endif %}>
  200.                                     <div id="deliveryBasketTop" class="js-basket-modal"></div>
  201.                                     <div class="d-none options-tittle sf-bold-font font-size-1000 mb-3 {{ not showDelivery ? 'd-none' }}">
  202.                                         <strong>Дополнительные товары:</strong>
  203.                                     </div>
  204.                                     <div id="deliveryBasketOptions"></div>
  205.                                     <div class="delivery-basket-total font-size-1000 d-none">
  206.                                         <div id="deliveryTotalDishes"></div>
  207.                                         <div id="deliveryTotalOptions"></div>
  208.                                         <span id="codeCost" data-price="0"></span>
  209.                                     </div>
  210.                                 </div>
  211.                                 <div id="deliverySidebarTotal" {% if isCertificate is not defined or not isCertificate %} class="{{ isBuyCodeDisable ?  ''  : 'bottom-basket-offers' }}" {% endif %}
  212.                                      style="display: none;">
  213.                                     <div class="delivery-teaser-row font-size-1250">
  214.                                         {% if isBuyOnlyCodeResponse is defined and isBuyOnlyCodeResponse %}
  215.                                             <div class="col-auto basket-tittle font-size-0900 mb-0">К оплате на кассе:
  216.                                             </div>
  217.                                         {% else %}
  218.                                             <div class="col-auto basket-tittle mb-0">Итого:</div>
  219.                                         {% endif %}
  221.                                         <div class="col text-right">
  222.                                             <del class="mr-1" style="text-decoration: none;"><span
  223.                                                         id="deliveryTotalPrice"></span></del>
  224.                                             <span class="sf-bold-font" id="deliveryTotalOfferPrice"></span>
  225.                                         </div>
  226.                                     </div>
  227.                                 </div>
  228.                             </div>
  229.                         {% else %}
  230.                             <div id="customFoodBasket">
  231.                                 <div id="customFoodBasketConditions">
  232.                                     <p class="tittle-basket-custom-food">Условия заказа</p>
  233.                                     <div class="offer-conditions"></div>
  234.                                 </div>
  235.                                 <div id="customFoodBasketPayMethods" class="col" style="display: none">
  236.                                     <span id="unitPrice" style="display: none;">2.10</span>
  237.                                     <div class="custom-promo-info">
  238.                                         <div class="custom-promo-block">
  239.                                             <p class="sf-bold-font text-uppercase text-center my-3">Для заказа по
  240.                                                 телефону<br>
  241.                                                 оплатите промокод <br>на скидку</p>
  243.                                         </div>
  244.                                         <div class="d-flex col justify-content-center my-2">
  245.                                             <div class="payment-sum-block mb-3">
  246.                                                 <div class="unit-wrapp">
  247.                                                     <div class="minusUnit" onclick="minus()">
  248.                                                         <img class="delivery-dec-quantity-img" width="14" height="14"
  249.                                                              src="/images/order_page/dec.svg">
  250.                                                     </div>
  251.                                                     <span id="units" class="js-units-header-popup-custom"> 1 </span>
  252.                                                     <div class="plusUnit" onclick="plus()">
  253.                                                         <img width="14" height="14" src="/images/order_page/inc.svg">
  254.                                                     </div>
  255.                                                 </div>
  256.                                             </div>
  257.                                         </div>
  258.                                         <div class="align-self-center">
  259.                                             <p class="font-size-0750 mb-4 sf-font text-center"><strong
  260.                                                         class="font-size-10625 font-800">
  261.                                                     к оплате <span class="confirm-box-total">{{ codeCost }}</span>р</strong>
  262.                                             </p>
  263.                                         </div>
  264.                                     </div>
  265.                                     <p class="my-2 sf-font font-size-1000 text-center">Выберите способ оплаты:</p>
  266.                                     <div id="paymentMethodsCustom"></div>
  267.                                 </div>
  269.                             </div>
  270.                         {% endif %}
  272.                         <div id="deliveryBtnWrapperWithoutGift" class="delivery-btn-wrapper">
  273.                             {% if isAvailableOnFood is not defined or not isAvailableOnFood %}
  274.                             {% if isBuyOnlyCodeResponse is defined and isBuyOnlyCodeResponse %}
  275.                             <button type="submit" class="delivery-btn bg-violet text-white d-block disabled my-1"
  276.                                     id="dishSelectFormSubmit">ПОЛУЧИТЬ ПРОМОКОД {{ offer.getDiscount() }}
  277.                                 {% else %}
  278.                                 {% if isCertificate is defined %}
  279.                                 <button type="submit" class="delivery-btn bg-violet text-white d-block disabled my-1"
  280.                                         id="dishSelectFormSubmit">ОФОРМИТЬ СЕРТИФИКАТ
  281.                                     {% else %}
  282.                                     <button type="submit"
  283.                                             class="delivery-btn bg-violet text-white d-block disabled my-1"
  284.                                             id="dishSelectFormSubmit">ЗАКАЗАТЬ ОНЛАЙН
  285.                                         {% endif %}
  286.                                         {% endif %}
  287.                                     </button>
  289.                                 {% if  isCertificate is not defined or not isCertificate %}
  290.                                     <div class="delivery-btn bg-violet text-white d-block btn-phone-pay {{ isBuyCodeDisable ? 'd-none' : '' }}">
  291.                                         ЗАКАЗАТЬ ПО ТЕЛЕФОНУ
  292.                                     </div>
  293.                                 {% endif %}
  294.                                 {% else %}
  295.                                     <div class="delivery-btn bg-violet text-white my-1 text-uppercase cursor-pointer w-auto"
  296.                                          id="customPageBuyOrder"> Получить скидку {{ offer.getDiscount() }}
  297.                                     </div>
  298.                                 {% endif %}
  299.                                 {% if isCertificate is defined and offer.isFoodOnlineOrderAllowedOnSite() %}
  300.                                 <a href="/gift-certificate/select/{{ offer.getID() }}" class="d-none delivery-btn my-1 text-uppercase cursor-pointer w-auto certificate-delivery-btn"> ВЫБРАТЬ СЕРТИФИКАТ
  301.                                 </a>
  302.                                 {% elseif offer.isGiftCertificateOnlineOrderAllowedOnSite() and offer.isFoodOnlineOrderAllowedOnSite() %}
  303.                                     <a href="/gift-certificate/select/{{ offer.getID() }}" class="delivery-btn my-1 text-uppercase cursor-pointer w-auto certificate-delivery-btn"> ВЫБРАТЬ СЕРТИФИКАТ
  304.                                     </a>
  305.                                 {% endif %}
  306.                         </div>
  307.                         <div id="deliveryBtnWrapperForGift"
  308.                              class="gift-food-delivery-btn-wrapper delivery-btn-wrapper d-none">
  309.                             {% if isAvailableOnFood is not defined or not isAvailableOnFood %}
  310.                                 <button type="submit" class="delivery-btn bg-violet text-white d-block disabled my-1"
  311.                                         id="dishSelectFormSubmit">ЗАКАЗАТЬ СЕБЕ
  312.                                 </button>
  313.                                 <div id="btnGiftOrder" data-toggle="modal" data-target="shareFoodForGift"
  314.                                      class="delivery-btn bg-violet text-white d-block w-auto btn-gift-order py-2">
  315.                                     ЗАКАЗАТЬ В ПОДАРОК<br><span>жене, подруге, родителям, детям </span></div>
  316.                             {% endif %}
  317.                         </div>
  318.                     </div>
  319.                     {% if isAvailableOnFood is not defined or not isAvailableOnFood %}
  320.             </form>
  321.             {% else %}
  322.         </div>
  323.         {% endif %}
  324.     </div>
  325.     </div>
  327.     <input type="hidden" id="minSumForFreeDelivery" value="{{ minSumForFreeDelivery }}">
  328.     <input type="hidden" id="minOrderSum" value="{{ minOrderSum }}">
  329.     {% if allowedCodesToBuy is defined and allowedCodesToBuy is not null %}
  330.         <input type="hidden" id="allowedCodesCountBySubscription" value="{{ allowedCodesToBuy }}">
  331.         <input type="hidden" id="allowedCodesToBuy" value="{{ allowedCodesToBuy }}">
  332.     {% endif %}
  333.     {% if allowedCodesToBuyBatchCodes is defined and allowedCodesToBuyBatchCodes is not null %}
  334.         <input type="hidden" id="allowedCodesToBuyBatchCodes" value="{{ allowedCodesToBuyBatchCodes }}">
  335.     {% endif %}
  336.     <div class="hidden">
  337.         <div id="deliveryBasketItemTemplate">
  338.             {% include 'Slivki/delivery/basket_item.html.twig' %}
  339.         </div>
  340.         <div id="deliveryBasketOptionTemplate">
  341.             {% include 'Slivki/delivery/basket_option_item.html.twig' %}
  342.         </div>
  343.         <div id="deliveryBasketTotalTemplate">
  344.             <div class="delivery-teaser-row mb-3">
  345.                 <div class="col">
  346.                     <span><span class="dish-name"></span> <small class="text-muted dish-discount"></small></span>
  347.                 </div>
  348.                 <div class="col text-right">
  349.                     <del class="text-danger mr-1"><small class="text-muted dish-item-price"></small></del>
  350.                     <span class="sf-bold-font dish-item-offer-price"></span>
  351.                 </div>
  352.             </div>
  353.         </div>
  354.     </div>
  355.     {% block footer %}
  356.         {% include 'Slivki/footer_for_partner.html.twig' %}
  357.     {% endblock %}
  358. {% endblock %}
  360. {% block popups %}
  361.     {{ parent() }}
  362.     {% include 'Slivki/delivery/modal/clear_basket_modal.html.twig' %}
  363.     {% include 'Slivki/delivery/modal/details.html.twig' with {'isOfferPage': false}  %}
  364.     {% include 'Slivki/popups/reviews_delivery_page.html.twig' %}
  365.     {% include 'Slivki/popups/delivery_page_modal.html.twig' %}
  366.     {% include 'Slivki/popups/buy_code_phone_offer.html.twig' %}
  367.     {% include 'Slivki/popups/buy_code_item-offer.html.twig' %}
  368.     {% include 'Slivki/popups/buy_code_phonenumber_offers.html.twig' %}
  369.     {% include 'Slivki/popups/buy_code_erip_offers.html.twig' %}
  370.     {% include 'Slivki/food_court/modal/maps.html.twig' %}
  371.     {% include 'Slivki/popups/buy_promo_custom.html.twig' %}
  372.     {% include 'Slivki/popups/share_food_gift_modal_male.html.twig' %}
  373.     {% include 'Slivki/popups/create_massage_popup.html.twig' %}
  374.     {% include 'Slivki/popups/share_gift_modal.html.twig' %}
  375.     {% if app.user and app.user.getActiveCreditCards() %}
  376.         {% include 'Slivki/popups/buy_code_credit_cards.html.twig' %}
  377.     {% endif %}
  378.     {% if offer.getBrandboxEnabled() and isCertificate is not defined %}
  379.         {% include 'Slivki/delivery/modal/brandbox/brandbox_popup.html.twig' %}
  380.     {% endif %}
  381. {% endblock %}
  383. {% block javascripts %}
  384.     {{ parent() }}
  385.     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
  386.     <script src="/js/jquery.toast.min.js" integrity="sha512-zlWWyZq71UMApAjih4WkaRpikgY9Bz1oXIW5G0fED4vk14JjGlQ1UmkGM392jEULP8jbNMiwLWdM8Z87Hu88Fw=="
  387.             crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  388.     <script type="module" src="/js/order_page/order_page.js?v={{ order_page_js_version }}"></script>
  389.     <script type="module" src="/js/order_page/api.js?v=1"></script>
  390.     <script type="module" src="/js/paymentOrderPage/paymentOrderPage.js?v={{ payment_order_page_js_version }}"></script>
  391.     <script type="module" src="/js/paymentOrderPage/api.js?v={{ payment_order_page_api_js_version }}"></script>
  392.     <script src="/js/delivery-common.min.js?v={{ delivery_common_js_version }}"></script>
  393.     <script src="/js/delivery.js?v={{ delivery_js_version }}"></script>
  394.     <script src="/js/jquery.datetimepicker.full.min.js"></script>
  395.     <script src="/js/moment.min.js"></script>
  396.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>
  397.     <script src="/js/offer.js?v={{ offer_js_version }}"></script>
  398.     <script type="module" src="/js/order_as_gift/main.js?v={{ order_as_gift_js_version }}"></script>
  399.     <script src="/js/food_has_variant/main.js?v={{ food_has_variant_js_version }}"></script>
  400.     {% if app.request.query.has('checkOrder') %}
  401.         <script>
  402.             $(function () {
  403.                 initCheckOfferOrderStatus({{ app.request.get('checkOrder') }});
  404.             });
  405.         </script>
  406.     {% endif %}
  407. {% endblock %}