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

Open in your IDE?
  1. {% extends 'Slivki/mobile/base.html.twig' %}
  3. {% block floatingMobileBanner %}{% endblock %}
  4. {% block messenger%}{% endblock %}
  6.  {% block styles %}
  7.      {{ parent() }}
  8.      <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" />
  9.      <link href="/mobile/css/order_page.min.css?v={{ mobile_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 content %}
  14.     {% if offer.isWithoutCodes() %}
  15.         <input type="hidden" id="isWithoutCodes">
  16.     {% endif %}
  17.     {% if isAvailableOnFood is defined and isAvailableOnFood %}
  18.         <input type="hidden" id="isAvailableOnFood" value="true">
  19.     {% endif %}
  20.     {% if isFirstSosediPurchase is defined and isFirstSosediPurchase %}
  21.         <input type="hidden" id="isFirstSosediPurchase">
  22.     {% endif %}
  23.     {% if allowedCodesToBuy is defined and allowedCodesToBuy is not null %}
  24.         <input type="hidden" id="allowedCodesToBuy" value="{{ allowedCodesToBuy }}">
  25.         <input type="hidden" id="allowedCodesCountBySubscription" value="{{ allowedCodesToBuy }}">
  26.     {% endif %}
  27.     {% if isCertificate is defined and isCertificate %}
  28.         <input id="isCertificate" type="hidden" value="">
  29.     {% endif %}
  30.     {% if allowedCodesToBuyBatchCodes is defined and allowedCodesToBuyBatchCodes is not null %}
  31.         <input type="hidden" id="allowedCodesToBuyBatchCodes" value="{{ allowedCodesToBuyBatchCodes }}">
  32.     {% endif %}
  33.     {% if director is defined %}
  34.         <input type="hidden" id="companyNameOffer" value="{{ director.getName()|e }}">
  35.     {% endif %}
  36.     <nav aria-label="breadcrumb">
  37.         <ol class="breadcrumb m-0 py-1 px-2 bg-white sf-text-font">
  38.             <li class="breadcrumb-item"><a href="{{ base_url }}">Главная</a></li>
  39.             {% if categoryName != null %}
  40.                 <li class="breadcrumb-item"><a href="{{ categoryURL }}">{{ categoryName }}</a></li>
  41.             {% endif %}
  42.             <li class="breadcrumb-item"><a href="{{ getURL(constant('Slivki\\Repository\\SeoRepository::RESOURCE_URL_OFFER_DETAILS'), offer.getID()) }}">{{ offer.getCompanyName() }}</a></li>
  43.             <li class="breadcrumb-item active" aria-current="page">Онлайн заказ</li>
  44.         </ol>
  45.     </nav>
  46.     {% if isCertificate is defined and isCertificate %}
  47.         <div id="deliverySupplierCard" class="card rounded-14 mb-3">
  48.             <div class="gradient rounded-14"></div>
  49.             <div class="card-img rounded-14">
  50.                 <img class="w-100 rounded-14" src="{{ getImageURL(offer.getTopBlockMobileMedia(), 0, 0) }}">
  51.             </div>
  52.             <div class="delivery-supplier--logo" style="background-image: url('{{ getImageURL(logoMedia, 0, 0) }}')"></div>
  53.             <div class="delivery-supplier--rating">
  54.                 <i class="slivki-icon-star"></i>{{ offer.getRating() }}
  55.                 <span class="pl-2">
  56.                     <img style="vertical-align: -3px; margin-right: .2em;" class="delivery-sales-icon d-inline-block" src="/images/delivery-sales-icon.svg" alt="delivery-sales-icon">
  57.                     {{ purchaseCountMonth is defined ? purchaseCountMonth : offer.getUsedCodesCount() }}
  58.                 </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 w-100">
  63.                 <span><i class="slivki-icon-info-circled-o"></i>Информация о компании</span>
  64.                 <div class="supplier-info-tooltip d-none">
  65.                     <div class="clearfix">
  66.                         <button class="close float-right"><i class="slivki-icon-close-thin"></i></button>
  67.                     </div>
  68.                     <div class="mb-2 sf-bold-font text-dark">{{ director.getName() }}</div>
  69.                     <div class="text-muted">
  70.                         {{ director.getLegalEntity() }} УНП {{ director.getTaxID() }}
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.         </div>
  75.     {% else %}
  76.         <div  class="p-2 sf-font delivery-page">
  77.             <div class="brand-block">
  78.                 <div id="mapOrderPage" class="d-none" style="height: 178px;" data-toggle="modal" data-target="#mapsModal"></div>
  79.             </div>
  80.         </div>
  81.     {% endif %}
  82.     <div class="can-be-fixed-wrapper vendor-filters-wrapper">
  83.         <div id="fixedBlockFilters">
  84.             {% if isCertificate is not defined or not isCertificate %}
  85.             <div id="jsFixedType" class="d-flex flex-column align-items-center">
  86.                 <div class="switch-delivery-pickup-block px-0 {% if not offer.getBrandboxEnabled() %}d-none{% endif %}">
  87.                     <a class="switch-delivery-pickup-item button-tab-delivery delivery-type active">
  88.                         <p>Доставка</p>
  89.                         <small>удобно👌</small>
  90.                     </a>
  91.                     <a class="switch-delivery-pickup-item pickup-type button-tab-pickup">
  92.                         <p> Самовывоз</p>
  93.                         <small>еще дешевле🔥</small>
  94.                     </a>
  95.                 </div>
  96.                 {% if offer.isGiftCertificateOnlineOrderAllowedOnSite() and offer.isFoodOnlineOrderAllowedOnSite() %}
  97.                 <a href="/gift-certificate/select/{{ offer.getID() }}" class="button-order certificate-order-btn"> Выбрать сертификат<small>себе или в подарок 🎁</small>
  98.                 </a>
  99.                 {% endif %}
  100.                 {% endif %}
  101.             </div>
  102.             {% if isCertificate is not defined or not isCertificate %}
  103.                 {% if pickupEnabled %}
  104.                     <input id="deliveryTypeOffers" type="hidden" value="2">
  105.                 {% elseif deliveryEnabled %}
  106.                     <input id="deliveryTypeOffers" type="hidden" value="1">
  107.                 {% endif %}
  108.             {% endif %}
  109.             {% if isCertificate is not defined or not isCertificate %}
  110.                 <div class="p-2 sf-font">
  111.                     <div id="jsFixedFilters" class="w-100 py-0 px-2" style="background: linear-gradient(180deg, #A839FF 0%, #6747e5 100%), #6747E5; border-radius: 6px">
  112.                         <div class="col d-flex align-items-center text-white justify-content-end px-0">
  113.                             <p class="col mb-0 px-0 text-filter-tittle" style="font-size: 0.8rem;">⚡️ Используй супер-фильтр</p>
  114.                             <div class="ordder-page-filter py-1 mx-2">
  115.                                 <f class="text-filter">Сравни 🔥</f>
  116.                             </div>
  117.                         </div>
  118.                         <div class="filter-items-block px-2 py-2" style="display: none">
  119.                             <div class="filter-items-wrapper">
  120.                                 {% include 'Slivki/online_order/_online_order_sort.html.twig' %}
  121.                             </div>
  122.                         </div>
  123.                     </div>
  124.                 </div>
  125.             {% endif %}
  126.         </div>
  127.     </div>
  129.     <div class="p-2 sf-font">
  130.         <form method="post" action="{{ formAction }}" id="dishSelectForm" class="delivery-teasers-block js-delivery-teasers">
  131.             <input type="hidden" id="deliveryBasketInput" name="basket" value=""/>
  132.             <input type="hidden" id="pickupDeliveryType" name="pickupDeliveryType" value=""/>
  133.             <input type="hidden" id="offerID" name="offerID" value="{{ offer.getID() }}"/>
  134.             <input type="hidden" id="dishSortBy" name="dishSortBy" value=""/>
  135.             {% if deliveryPrice is defined %}
  136.                 <input type="hidden" id="deliveryPrice" name="deliveryPrice" value="{{ deliveryPrice }}"/>
  137.             {% endif %}
  139.             <div id="listProducts">
  140.                 {% if isCertificate is defined and isCertificate %}
  141.                     {% for dish in dishes %}
  142.                         {% set teaserView = 'Slivki/mobile/delivery/delivery_teaser.html.twig' %}
  143.                         {% if dish.isPizza is defined and dish.isPizza %}
  144.                             {% set teaserView = 'Slivki/mobile/delivery/delivery_teaser_pizza.html.twig' %}
  145.                         {% endif %}
  146.                         {% if loop.index0 is divisible by(2) %}
  147.                             <div class="row">
  148.                         {% endif %}
  149.                         <div class="col-sm-6">
  150.                             {% include teaserView with {'dish': dish, 'isTop': dish.id in topDishIDList, 'isAvailableOnFood': isAvailableOnFood is defined and isAvailableOnFood} only %}
  151.                         </div>
  152.                         {% if loop.index is divisible by(2) or loop.last %}
  153.                             </div>
  154.                         {% endif %}
  155.                     {% endfor %}
  156.                 {% endif %}
  157.             </div>
  158.             {% if options|length > 0 %}
  159.                 {% if offer.getID() == constant('Slivki\\Util\\Iiko\\SushiChefArts::OFFER_ID') %}
  160.                     <h6 id="dataMenu_options" class="font-size-1000 font-700 mb-4">Дополнительно</h6>
  161.                 {% else %}
  162.                     <h6 id="dataMenu_options" class="font-size-1000 font-700 mb-4">Гарниры и напитки:</h6>
  163.                 {% endif %}
  164.                 <div class="row mb-5 pb-3">
  165.                     {% for option in options %}
  166.                         <div class="col-sm-6">
  167.                             <div class="delivery-teaser delivery-teaser-item-products additional-delivery-teaser card border-0 px-3">
  168.                                 <div class="row no-gutters">
  169.                                     <div class="col-auto mr-3">
  170.                                         <div class="additional-delivery-teaser--img" style="background-image: url('{{ option.imageURL }}')"></div>
  171.                                     </div>
  172.                                     <div class="col">
  173.                                         <div class="font-size-1000 dish-name">{{ option.name }}</div>
  174.                                         <div class="d-flex justify-content-between align-items-end">
  175.                                             <div class="d-flex flex-column">
  176.                                                 <div class="font-size-1000 opacity-06 dish-weight">
  177.                                                     {% if option.sizeFull %}
  178.                                                         {{ option.sizeFull }}
  179.                                                     {% endif %}
  180.                                                 </div>
  181.                                             </div>
  182.                                         </div>
  183.                                     </div>
  184.                                 </div>
  185.                                 <div id="options_basket" class="row">
  186.                                     <div class="col-auto">
  187.                                         <div class="font-size-1250 font-700 h5 mb-0 py-2 px-3 text-center delivery-price">
  188.                                             {{ option.price|number_format(2, ',') }}&nbsp;р
  189.                                         </div>
  190.                                     </div>
  191.                                     <div class="col">
  192.                                         {% include 'Slivki/delivery/quantity_select.html.twig' with {'isMobile': true, 'dish': option, 'isOption': true} %}
  193.                                     </div>
  194.                                 </div>
  195.                             </div>
  196.                         </div>
  197.                     {% endfor %}
  198.                 </div>
  199.             {% endif %}
  200.         </form>
  201.         <div class="delivery-bottom-placholder" style="height: 150px"></div>
  202.         <div class="basket-container">
  203.             {% if isAvailableOnFood is not defined or not isAvailableOnFood  %}
  204.                 <div class="d-flex">
  205.                     <div class="basket-item-block" >
  206.                         <img width="20" height="20" src="/images/order_page/basket.svg">
  207.                         <small class="counter-basket">0</small>
  208.                         <p>в корзине</p>
  209.                     </div>
  210.                     <div class="price-block-basket">
  211.                         <p id="deliveryTotal" class="old-price-basket">0,00 р</p>
  212.                         <p id="deliveryTotalOfferPrice" class="new-price-basket">0,00 р</p>
  213.                     </div>
  214.                 </div>
  215.             {% endif %}
  216.             <div id="deliveryBtnWrapperWithoutGift" class="basket-buttons-block">
  217.                 {% if isAvailableOnFood is not defined or not isAvailableOnFood  %}
  218.                     <div class="button-order button-online-order disabled">
  219.                         {% if isBuyOnlyCodeResponse is defined and isBuyOnlyCodeResponse %}
  220.                             получить промокод {{ offer.getDiscount() }}
  221.                         {% elseif isCertificate is defined %}
  222.                             оформить сертификат
  223.                         {% else %}
  224.                             заказать онлайн
  225.                         {% endif %}
  226.                     </div>
  228.                     {% if isCertificate is not defined or not isCertificate %}
  229.                         <div class="btn-phone-pay button-order button-call-order text-uppercase {{ isBuyCodeDisable ? 'd-none' : ''  }}">
  230.                             заказать по телефону
  231.                         </div>
  232.                     {% endif %}
  233.                 {% else %}
  234.                     <div class="btn-phone-pay button-order">
  235.                         Получить скидку {{ offer.getDiscount() }}
  236.                     </div>
  237.                 {% endif %}
  238.             </div>
  239.             <div id="deliveryBtnWrapperForGift" class="basket-buttons-block d-none">
  240.                 {% if isAvailableOnFood is not defined or not isAvailableOnFood  %}
  241.                     <div class="button-order button-online-order disabled">
  242.                         заказать себе
  243.                     </div>
  244.                 {% endif %}
  245.                 <div id="btnGiftOrder" data-toggle="modal" data-target="shareFoodForGift" class="button-order btn-gift-order flex-column">ЗАКАЗАТЬ В ПОДАРОК<br><span>жене, подруге, родителям, детям </span></div>
  246.             </div>
  247.         </div>
  248.     </div>
  249.     <input type="hidden" id="minSumForFreeDelivery" value="{{ minSumForFreeDelivery }}">
  250.     <input type="hidden" id="minOrderSum" value="{{ minOrderSum }}">
  251.     <input type="hidden" id="codeCost" value="0"/>
  252.     <input type="hidden" id="isDominos" name="isDominos" value="{{ (isDominos is defined and isDominos) ? '1' : '0'  }}">
  253. {% endblock %}
  255. {% block footer %}{% endblock %}
  257. {% block popup %}
  258.     {{ parent() }}
  259.     {% if offer.getID() != 283793 %}
  260.         {% include 'Slivki/mobile/delivery/modal/details.html.twig' with {'isOfferPage': false}  %}
  261.     {% endif %}
  262.     {% include 'Slivki/mobile/delivery/modal/clear_basket_modal.html.twig' %}
  263.     {% include 'Slivki/mobile/popup/loading_popup.html.twig' %}
  264.     {% include 'Slivki/mobile/delivery/modal/basket.html.twig' %}
  265.     {% include 'Slivki/popups/buy_code_phone_offer.html.twig' %}
  266.     {% include 'Slivki/popups/buy_code_item-offer.html.twig' %}
  267.     {% include 'Slivki/popups/buy_code_phonenumber_offers.html.twig' %}
  268.     {% include 'Slivki/popups/buy_code_erip_offers.html.twig' %}
  269.     {% include 'Slivki/popups/reviews_delivery_page.html.twig' %}
  270.     {% include 'Slivki/mobile/order_page/delivery_page_modal.html.twig' %}
  271.     {% include 'Slivki/food_court/modal/maps_mobile.html.twig' %}
  272.     {% include 'Slivki/popups/share_food_gift_modal_male.html.twig' %}
  273.     {% include 'Slivki/popups/create_massage_popup.html.twig' %}
  274.     {% include 'Slivki/popups/share_gift_modal.html.twig' %}
  275.     {% if offer.getBrandboxEnabled() and isCertificate is not defined %}
  276.         {% include 'Slivki/mobile/delivery/modal/brandbox/brandbox_popup.html.twig' %}
  277.     {% endif %}
  278.     {% if app.user and app.user.getActiveCreditCards()  %}
  279.         {% include 'Slivki/popups/buy_code_credit_cards.html.twig' %}
  280.         {% include 'Slivki/mobile/popup/buy_promo_custom.html.twig' %}
  281.         {% include 'Slivki/popups/buy_code_phone_order_page.html.twig' %}
  282.     {% endif %}
  283.     {% if isCertificate is defined and isCertificate %}
  284.         {% include 'Slivki/popups/step_buy_certificate.twig' %}
  285.     {% endif %}
  286. {% endblock %}
  288. {% block javascripts %}
  289.     {{ parent() }}
  290.     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
  291.     <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>
  292.     <script type="module" src="/mobile/js/order_page.min.js?v={{ mobile_order_page_js_version }}"></script>
  293.     <script type="module" src="/js/paymentOrderPage/paymentOrderPage.js?v={{ payment_order_page_js_version }}"></script>
  294.     <script type="module" src="/js/paymentOrderPage/api.js?v={{ payment_order_page_api_js_version }}"></script>
  295.     <script type="module" src="/js/order_page/api.js?v=5"></script>
  296.     <script src="/js/delivery-common.min.js?v={{ delivery_common_js_version }}"></script>
  297.     <script src="/js/offer.js?v={{ offer_js_version }}"></script>
  298.     <script src="/mobile/js/delivery.js?v={{ mobile_delivery_js_version }}"></script>
  299.     <script src="/js/jquery.sameheight.js"></script>
  300.     <script type="module" src="/js/order_as_gift/main.js?v={{ order_as_gift_js_version }}"></script>
  301.     <script src="/js/food_has_variant/main.js?v={{ food_has_variant_js_version }}"></script>
  302.     {% if app.request.query.has('checkOrder') %}
  303.         <script>
  304.             $(function(){
  305.                 initCheckOfferOrderStatus({{ app.request.get('checkOrder') }});
  306.             });
  307.         </script>
  308.     {% endif %}
  309. {% endblock %}