templates/account/membersInformations/modal/delivery_preference.html.twig line 1

  1. <!-- Horaires d'ouverture -->
  2. <div class="delivery-days-container">
  3.     <div class="days-grid">
  4.         <div class="modern-checkbox-group">
  5.             <input class="modern-checkbox checkDayHourly" type="checkbox" name="hourlyMonday" id="hourlyMonday">
  6.             <label class="modern-checkbox-label" for="hourlyMonday">Lundi</label>
  7.         </div>
  9.         <div class="modern-checkbox-group">
  10.             <input class="modern-checkbox checkDayHourly hourlyweek" type="checkbox" name="hourlyTuesday" id="hourlyTuesday">
  11.             <label class="modern-checkbox-label" for="hourlyTuesday">Mardi</label>
  12.         </div>
  14.         <div class="modern-checkbox-group">
  15.             <input class="modern-checkbox checkDayHourly hourlyweek" type="checkbox" name="hourlyWednesday" id="hourlyWednesday">
  16.             <label class="modern-checkbox-label" for="hourlyWednesday">Mercredi</label>
  17.         </div>
  19.         <div class="modern-checkbox-group">
  20.             <input class="modern-checkbox checkDayHourly hourlyweek" type="checkbox" name="hourlyThursday" id="hourlyThursday">
  21.             <label class="modern-checkbox-label" for="hourlyThursday">Jeudi</label>
  22.         </div>
  24.         <div class="modern-checkbox-group">
  25.             <input class="modern-checkbox checkDayHourly hourlyweek" type="checkbox" name="hourlyFriday" id="hourlyFriday">
  26.             <label class="modern-checkbox-label" for="hourlyFriday">Vendredi</label>
  27.         </div>
  29.         <div class="modern-checkbox-group">
  30.             <input class="modern-checkbox checkDayHourly hourlyweek" type="checkbox" name="hourlySaturday" id="hourlySaturday">
  31.             <label class="modern-checkbox-label" for="hourlySaturday">Samedi</label>
  32.         </div>
  34.         <div class="modern-checkbox-group">
  35.             <input class="modern-checkbox checkDayHourly hourlyweek" type="checkbox" name="hourlySunday" id="hourlySunday">
  36.             <label class="modern-checkbox-label" for="hourlySunday">Dimanche</label>
  37.         </div>
  38.     </div>
  39.     <!-- TIMER HORAIRES OUVERTURE -->
  40.     <div class="time-picker-section">
  41.         <p class="time-picker-label">
  42.             <i class="fa-regular fa-clock"></i>
  43.             Choisir les heures d'ouverture
  44.         </p>
  45.         <div class="time-picker-container">
  46.             <div class="modern-input-group time-input">
  47.                 <input type="time" name="hourlyMorningMonday" id="hourlyMorningMonday"
  48.                        class="modern-input" value="08:30"/>
  49.                 <label for="hourlyMorningMonday" class="modern-label">Ouverture</label>
  50.             </div>
  52.             <div class="modern-input-group time-input">
  53.                 <input type="time" name="hourlyMorningMondayEnd" id="hourlyMorningMondayEnd"
  54.                        class="modern-input" value="18:30">
  55.                 <label for="hourlyMorningMondayEnd" class="modern-label">Fermeture</label>
  56.             </div>
  57.         </div>
  58.     </div>
  59.     <!-- END TIMER HORAIRES OUVERTURE -->
  60. </div>
  61. <!-- END horaires d'ouverture -->
  62. <!-- Préférences de Livraison -->
  63. <div class="date-addressDelivery modalPrefDelivery mt-4">
  64.     <h5 class="title-dataAddressDelivery d-flex justify-content-center fw-bold mt-4 mb-4">Préférences jours et heures de livraison</h5>
  65. </div>
  66. <div class="days-addresDelivery">
  67.     <table class="table table-borderless">
  68.         <thead>
  69.             <tr>
  70.                 <th class="text-center"><p>Jours</p></th>
  71.                 <th class="text-center"><p>Matin <i class="fa-regular fa-clock"></i></p></th>
  72.                 <th class="text-center"><p>Après-midi <i class="fa-regular fa-clock"></i></p></th>
  73.             </tr>
  74.         </thead>
  75.         <tbody>
  76.             <tr>
  77.                 <td class="text-center pipeTimeDeliveryInput">
  78.                     <div class="form-check">
  79.                         <input class="form-check-input checkDay" type="checkbox" name="monday" id="monday">
  80.                         <label class="form-check-label fw-bold" for="monday">Lundi</label>
  81.                     </div>
  82.                 </td>
  83.                 <td class="text-center pipeTimeDeliveryInput">
  84.                     <div class="morningInputs align-items-center">
  85.                         <input type="time" name="morningMonday" id="morningMonday" class="form-control timeDeliveryInput" value="08:00"/>
  86.                         <span class="mx-2 text-center">à</span>
  87.                         <input type="time" name="morningMondayEnd" id="morningMondayEnd" class="form-control timeDeliveryInput" value="12:00"/>
  88.                     </div>
  89.                 </td>
  90.                 <td class="text-center pipeTimeDeliveryInput">
  91.                     <div class="afternoonInputs align-items-center">
  92.                         <input type="time" name="afternoonMonday" id="afternoonMonday" class="form-control timeDeliveryInput" value="13:00"/>
  93.                         <span class="mx-2 text-center">à</span>
  94.                         <input type="time" name="afternoonMondayEnd" id="afternoonMondayEnd" class="form-control timeDeliveryInput" value="18:00"/>
  95.                     </div>
  96.                 </td>
  97.             </tr>
  98.             <tr>
  99.                 <td class="text-center pipeTimeDeliveryInput">
  100.                     <div class="form-check">
  101.                         <input class="form-check-input checkDay" type="checkbox" name="tuesday" id="tuesday">
  102.                         <label class="form-check-label fw-bold" for="tuesday">Mardi</label>
  103.                     </div>
  104.                 </td>
  105.                 <td class="text-center pipeTimeDeliveryInput">
  106.                     <div class="morningInputs align-items-center">
  107.                         <input type="time" name="morningTuesday" id="morningTuesday" class="form-control timeDeliveryInput" value="08:00"/>
  108.                         <span class="mx-2 text-center">à</span>
  109.                         <input type="time" name="morningTuesdayEnd" id="morningTuesdayEnd" class="form-control timeDeliveryInput" value="12:00"/>
  110.                     </div>
  111.                 </td>
  112.                 <td class="text-center pipeTimeDeliveryInput">
  113.                     <div class="afternoonInputs align-items-center">
  114.                         <input type="time" name="afternoonTuesday" id="afternoonTuesday" class="form-control timeDeliveryInput" value="13:00"/>
  115.                         <span class="mx-2 text-center">à</span>
  116.                         <input type="time" name="afternoonTuesdayEnd" id="afternoonTuesdayEnd" class="form-control timeDeliveryInput" value="18:00"/>
  117.                     </div>
  118.                 </td>
  119.             </tr>
  120.             <tr>
  121.                 <td class="text-center pipeTimeDeliveryInput">
  122.                     <div class="form-check">
  123.                         <input class="form-check-input checkDay" type="checkbox" name="wednesday" id="wednesday">
  124.                         <label class="form-check-label fw-bold" for="wednesday">Mercredi</label>
  125.                     </div>
  126.                 </td>
  127.                 <td class="text-center pipeTimeDeliveryInput">
  128.                     <div class="morningInputs align-items-center">
  129.                         <input type="time" name="morningWednesday" id="morningWednesday" class="form-control timeDeliveryInput" value="08:00"/>
  130.                         <span class="mx-2 text-center">à</span>
  131.                         <input type="time" name="morningWednesdayEnd" id="morningWednesdayEnd" class="form-control timeDeliveryInput" value="12:00"/>
  132.                     </div>
  133.                 </td>
  134.                 <td class="text-center pipeTimeDeliveryInput">
  135.                     <div class="afternoonInputs align-items-center">
  136.                         <input type="time" name="afternoonWednesday" id="afternoonWednesday" class="form-control timeDeliveryInput" value="13:00"/>
  137.                         <span class="mx-2 text-center">à</span>
  138.                         <input type="time" name="afternoonWednesdayEnd" id="afternoonWednesdayEnd" class="form-control timeDeliveryInput" value="18:00"/>
  139.                     </div>
  140.                 </td>
  141.             </tr>
  142.             <tr>
  143.                 <td class="text-center pipeTimeDeliveryInput">
  144.                     <div class="form-check">
  145.                         <input class="form-check-input checkDay" type="checkbox" name="thursday" id="thursday">
  146.                         <label class="form-check-label fw-bold" for="thursday">Jeudi</label>
  147.                     </div>
  148.                 </td>
  149.                 <td class="text-center pipeTimeDeliveryInput">
  150.                     <div class="morningInputs align-items-center">
  151.                         <input type="time" name="morningThursday" id="morningThursday" class="form-control timeDeliveryInput" value="08:00"/>
  152.                         <span class="mx-2 text-center">à</span>
  153.                         <input type="time" name="morningThursdayEnd" id="morningThursdayEnd" class="form-control timeDeliveryInput" value="12:00"/>
  154.                     </div>
  155.                 </td>
  156.                 <td class="text-center pipeTimeDeliveryInput">
  157.                     <div class="afternoonInputs align-items-center">
  158.                         <input type="time" name="afternoonThursday" id="afternoonThursday" class="form-control timeDeliveryInput" value="13:00"/>
  159.                         <span class="mx-2 text-center">à</span>
  160.                         <input type="time" name="afternoonThursdayEnd" id="afternoonThursdayEnd" class="form-control timeDeliveryInput" value="18:00"/>
  161.                     </div>
  162.                 </td>
  163.             </tr>
  164.             <tr>
  165.                 <td class="text-center pipeTimeDeliveryInput">
  166.                     <div class="form-check">
  167.                         <input class="form-check-input checkDay" type="checkbox" name="friday" id="friday">
  168.                         <label class="form-check-label fw-bold" for="friday">Vendredi</label>
  169.                     </div>
  170.                 </td>
  171.                 <td class="text-center pipeTimeDeliveryInput">
  172.                     <div class="morningInputs align-items-center">
  173.                         <input type="time" name="morningFriday" id="morningFriday" class="form-control timeDeliveryInput" value="08:00"/>
  174.                         <span class="mx-2 text-center">à</span>
  175.                         <input type="time" name="morningFridayEnd" id="morningFridayEnd" class="form-control timeDeliveryInput" value="12:00"/>
  176.                     </div>
  177.                 </td>
  178.                 <td class="text-center pipeTimeDeliveryInput">
  179.                     <div class="afternoonInputs align-items-center">
  180.                         <input type="time" name="afternoonFriday" id="afternoonFriday" class="form-control timeDeliveryInput" value="13:00"/>
  181.                         <span class="mx-2 text-center">à</span>
  182.                         <input type="time" name="afternoonFridayEnd" id="afternoonFridayEnd" class="form-control timeDeliveryInput" value="18:00"/>
  183.                     </div>
  184.                 </td>
  185.             </tr>
  186.             <tr>
  187.                 <td class="text-center pipeTimeDeliveryInput">
  188.                     <div class="form-check">
  189.                         <input class="form-check-input checkDay" type="checkbox" name="saturday" id="saturday">
  190.                         <label class="form-check-label fw-bold" for="saturday">Samedi</label>
  191.                     </div>
  192.                 </td>
  193.                 <td class="text-center pipeTimeDeliveryInput">
  194.                     <div class="morningInputs align-items-center">
  195.                         <input type="time" name="morningSaturday" id="morningSaturday" class="form-control timeDeliveryInput" value="08:00"/>
  196.                         <span class="mx-2 text-center">à</span>
  197.                         <input type="time" name="morningSaturdayEnd" id="morningSaturdayEnd" class="form-control timeDeliveryInput" value="12:00"/>
  198.                     </div>
  199.                 </td>
  200.                 <td class="text-center pipeTimeDeliveryInput">
  201.                     <div class="afternoonInputs align-items-center">
  202.                         <input type="time" name="afternoonSaturday" id="afternoonSaturday" class="form-control timeDeliveryInput" value="13:00"/>
  203.                         <span class="mx-2 text-center">à</span>
  204.                         <input type="time" name="afternoonSaturdayEnd" id="afternoonSaturdayEnd" class="form-control timeDeliveryInput" value="18:00"/>
  205.                     </div>
  206.                 </td>
  207.             </tr>
  208.             <tr>
  209.                 <td class="text-center">
  210.                     <div class="form-check">
  211.                         <input class="form-check-input checkDay" type="checkbox" name="sunday" id="sunday">
  212.                         <label class="form-check-label fw-bold" for="saturday">Dimanche</label>
  213.                     </div>
  214.                 </td>
  215.                 <td class="text-center ">
  216.                     <div class="morningInputs align-items-center">
  217.                         <input type="time" name="morningSunday" id="morningSunday" class="form-control timeDeliveryInput" value="08:00"/>
  218.                         <span class="mx-2 text-center">à</span>
  219.                         <input type="time" name="morningSundayEnd" id="morningSundayEnd" class="form-control timeDeliveryInput" value="12:00"/>
  220.                     </div>
  221.                 </td>
  222.                 <td class="text-center">
  223.                     <div class="afternoonInputs align-items-center">
  224.                         <input type="time" name="afternoonSunday" id="afternoonSunday" class="form-control timeDeliveryInput" value="13:00"/>
  225.                         <span class="mx-2 text-center">à</span>
  226.                         <input type="time" name="afternoonSundayEnd" id="afternoonSundayEnd" class="form-control timeDeliveryInput" value="18:00"/>
  227.                     </div>
  228.                 </td>
  229.             </tr>
  230.         </tbody>
  231.     </table>
  232.     <div class="modal-footer mt-2">
  233.         <button type="submit" class="btn-update">
  234.             <i class="fas fa-save"></i>
  235.             Enregistrer
  236.         </button>
  237.         <button class="btn-delete" data-bs-target="#addressModal" data-bs-toggle="modal" data-bs-dismiss="modal" type="button">
  238.             <i class="fas fa-arrow-left"></i>
  239.             Retour
  240.         </button>
  241.     </div>
  242. </div>
  243. <!-- END Préférences de Livraison -->