templates/Slivki/online_booking/modal_online_booking.html.twig line 1

Open in your IDE?
  1. <div class="modal fade" id="tireAddToBasketPopup">
  2.     <div class="modal-dialog modal-dialog-centered">
  3.         <div class="modal-content p-4 py-4">
  4.             <div class="modal-header border-0 p-0">
  5.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
  6.             </div>
  7.             <div class="modal-body">
  8.                 <input id="addFormTireID" type="hidden" value="">
  9.                 <input id="addFormGeolocationID" type="hidden" value="">
  10.                 <input id="sheduleActive" type="hidden" value="">
  11.                 <div class="d-flex flex-column justify-content-start">
  12.                     <div id="formContent">
  13.                         <div class="d-flex justify-content-between mb-4">
  14.                             <div class="d-flex col px-0">
  15.                                 <div class="delivery-teaser--img delivery-details-img mr-3"></div>
  16.                                 <div class="d-flex flex-column col">
  17.                                     <strong class="sf-font font-size-1250 dish-name mb-2 js-item-name"></strong>
  18.                                     <div class="font-size-2250 sf-font text-violet text-uppercase js-item-radius"></div>
  19.                                     <div id="itemAddressBooking" class="font-size-120 sf-font"></div>
  20.                                     <div id="itemDateBooking" class="font-size-120 sf-font"></div>
  21.                                     <div id="itemTimeBooking" class="font-size-120 sf-font"></div>
  22.                                 </div>
  23.                             </div>
  24.                             <div class="text-right">
  25.                                 <del class="text-danger"><span
  26.                                             class="delivery-old-price mr-2 js-item-regular-price"></span></del>
  27.                                 <strong class="delivery-price sf-bold-font font-size-1250 js-item-offer-price"></strong>
  28.                             </div>
  29.                         </div>
  30.                         <div id="collapseWrapp" class="panel-group">
  31.                             <div class="panel panel-default">
  32.                                 <div id="dataTime" class="collapse">
  33.                                     <div class="sf-bold-font font-size-1125 mb-2">Дата и время</div>
  34.                                     <div class="px-2 sf-display-font border border-radius-0375 m-0 mb-2 position-relative cursor-pointer delivery-pickup-address-dropdown arrow-dropdown">
  35.                                         <div class="delivery-pickup-address-wrapp">
  36.                                             <input type="text" id="pickupAddress" name="pickupAddress"
  37.                                                    class="delivery-pickup-address form-control p-0 border-none cursor-pointer bg-white"
  38.                                                    readonly>
  39.                                             <small class="text-muted d-block">Выберите адрес</small>
  40.                                             <input type="hidden" id="setGeolocationId" name="setGeolocationId"
  41.                                                    value=""/>
  42.                                         </div>
  43.                                         <div id="deliveryPickupModal" class="delivery-pickup-modal bg-white">
  44.                                             <ul class="m-0 p-0"></ul>
  45.                                         </div>
  46.                                     </div>
  47.                                     <div class="d-flex justify-content-between mb-4">
  48.                                         <div class="w-100 mr-4 border border-radius-0375 cursor-pointer position-relative p-2">
  49.                                             <label class="d-block sf-bold-font font-size-1125"
  50.                                                    for="date">Дата</label>
  51.                                             <div id="date"
  52.                                                  class="collapse-btn form-control--input d-flex flex-column justify-content-around position-relative"></div>
  53.                                             <div class="panel-data panel panel-default">
  54.                                                 <div id="collapseData" class="panel-collapse collapse p-2">
  55.                                                     <input id="tiresDatepicker"
  56.                                                            data-current-hour="{{ '+1 hour'|date('H') }}"
  57.                                                            data-current-minute="{{ 'now'|date('i') > 30 ? '00' : '30' }}"
  58.                                                            max-date="{{ '+6 days'|date('d.m.Y') }}"
  59.                                                            min-date="{{ 'now'|date('d.m.Y') }}"
  60.                                                            type="hidden"
  61.                                                            value="">
  62.                                                 </div>
  63.                                             </div>
  64.                                         </div>
  65.                                         <div class="w-100 border border-radius-0375 cursor-pointer position-relative p-2 time-block">
  66.                                             <label class="d-block sf-bold-font font-size-1125"
  67.                                                    for="timeBooking">Время</label>
  68.                                             <div id="timeBooking"
  69.                                                  class="collapse-btn form-control--input d-flex flex-column justify-content-around position-relative"></div>
  70.                                             <div class="panel-time panel panel-default">
  71.                                                 <div id="collapseTime" class="panel-collapse collapse p-4"></div>
  72.                                             </div>
  73.                                         </div>
  74.                                     </div>
  75.                                     <button type="button" id="tireOrderButton"
  76.                                             class="w-100 font-size-1000 bg-violet text-white text-uppercase rounded-14 py-3 border-none">
  77.                                         далее
  78.                                     </button>
  79.                                 </div>
  80.                             </div>
  81.                             <div class="panel">
  82.                                 <div id="nameTel" class="collapse in">
  83.                                     <div class="sf-bold-font font-size-1125 mb-2">Контакты</div>
  84.                                     <div class="d-flex justify-content-between mb-4">
  85.                                         <div class="w-100 border border-radius-0375 cursor-pointer position-relative mr-4 p-2">
  86.                                             <label class="d-block sf-bold-font font-size-1125 mb-2"
  87.                                                    for="firstName">Имя</label>
  88.                                             <input name="name" type="text" class="form-control--input my-2 w-100"
  89.                                                    value="{{ app.user ? app.user.getFirstName() : '' }}"/>
  90.                                         </div>
  91.                                         <div class="w-100 border border-radius-0375 cursor-pointer position-relative p-2">
  92.                                             <label class="d-block sf-bold-font font-size-1125 mb-2"
  93.                                                    for="phone">Телефон</label>
  94.                                             <input name="phone" type="text" class="form-control--input my-2 w-100 phone-modal"
  95.                                                    value="{{ app.user ? app.user.getPhone() }}"/>
  96.                                         </div>
  97.                                     </div>
  98.                                     <button id="tireSaveButton"
  99.                                             class="w-100 font-size-1000 bg-violet text-white text-uppercase rounded-14 py-3 border-none">
  100.                                         ЗАПИСАТЬСЯ СО СКИДКОЙ
  101.                                     </button>
  102.                                 </div>
  103.                             </div>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         </div>
  109.     </div>
  110. </div>