templates/modalAddress/modal_address.html.twig line 1

  1. <div class="modal fade" id="addressModal" aria-hidden="true" aria-labelledby="addressModal" tabindex="-1">
  2.     <div class="modal-dialog modal-xl modal-dialog-centered">
  3.         <div class="modal-content">
  4.             <div class="modal-header">
  5.                 <h5 class="modal-title" id="addressModal">Adresses de livraison</h5>
  6.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  7.             </div>
  8.             <div class="modal-body row mx-4">
  9.                 {% if informations != null and informations[0].deliveryAddress != null %}
  10.                     {% for index, address in informations[0].deliveryAddress %}
  11.                         <div class="first-address-delivery text-center col-md-4">
  12.                             <div class="card mt-5 mb-5">
  13.                                 <p class="card-header">
  14.                                     Adresse {{ index + 1 }}</p>
  15.                                 <div class="home-address">
  16.                                     <i class="fa-solid fa-house"></i>
  17.                                     <div class="informations-address">
  18.                                         <span class="id-address" hidden>{{ address.id }}</span>
  19.                                         <span class="companyname-address">{{ address.companyName }}</span>
  20.                                         <span class="firstname-address">{{ address.firstName }}</span>
  21.                                         <span class="name-address">{{ address.name }}</span><br/>
  22.                                         <span class="street-address">{{ address.address }}</span>,
  23.                                         <span class="cp-address">{{ address.postal }}</span>
  24.                                         <span class="town-address">{{ address.town }}</span><br/>
  25.                                         <span class="country-address">{{ address.country }}</span><br/>
  26.                                         <span class="tel-address">{{ address.phoneNumber }}</span>
  28.                                         <!-- HOURLY DAY -->
  29.                                         <span class="hourlyMonday d-none">{% if address.hourlyMonday != null %}{{ address.hourlyMonday }}{% endif %}</span>
  30.                                         <span class="hourlyMorningMonday d-none">{% if address.hourlyMorningMonday != null %}{{ address.hourlyMorningMonday|date("H:i", "UTC") }}{% endif %}</span>
  31.                                         <span class="hourlyMorningMondayEnd d-none">{% if address.hourlyMorningMondayEnd != null %}{{ address.hourlyMorningMondayEnd|date("H:i", "UTC") }}{% endif %}</span>
  33.                                         <span class="hourlyTuesday d-none">{% if address.hourlyTuesday != null %}{{ address.hourlyTuesday ? 'true' : 'false' }}{% endif %}</span>
  34.                                         <span class="hourlyMorningTuesday d-none">{% if address.hourlyMorningTuesday != null %}{{ address.hourlyMorningTuesday|date("H:i", "UTC") }}{% endif %}</span>
  35.                                         <span class="hourlyMorningTuesdayEnd d-none">{% if address.hourlyMorningTuesdayEnd != null %}{{ address.hourlyMorningTuesdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  37.                                         <span class="hourlyWednesday d-none">{% if address.hourlyWednesday != null %}{{ address.hourlyWednesday ? 'true' : 'false' }}{% endif %}</span>
  38.                                         <span class="hourlyMorningWednesday d-none">{% if address.hourlyMorningWednesday != null %}{{ address.hourlyMorningWednesday|date("H:i", "UTC") }}{% endif %}</span>
  39.                                         <span class="hourlyMorningWednesdayEnd d-none">{% if address.hourlyMorningWednesdayEnd != null %}{{ address.hourlyMorningWednesdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  41.                                         <span class="hourlyThursday d-none">{% if address.hourlyThursday != null %}{{ address.hourlyThursday ? 'true' : 'false' }}{% endif %}</span>
  42.                                         <span class="hourlyMorningThursday d-none">{% if address.hourlyMorningThursday != null %}{{ address.hourlyMorningThursday|date("H:i", "UTC") }}{% endif %}</span>
  43.                                         <span class="hourlyMorningThursdayEnd d-none">{% if address.hourlyMorningThursdayEnd != null %}{{ address.hourlyMorningThursdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  45.                                         <span class="hourlyFriday d-none">{% if address.hourlyFriday != null %}{{ address.hourlyFriday ? 'true' : 'false' }}{% endif %}</span>
  46.                                         <span class="hourlyMorningFriday d-none">{% if address.hourlyMorningFriday != null %}{{ address.hourlyMorningFriday|date("H:i", "UTC") }}{% endif %}</span>
  47.                                         <span class="hourlyMorningFridayEnd d-none">{% if address.hourlyMorningFridayEnd != null %}{{ address.hourlyMorningFridayEnd|date("H:i", "UTC") }}{% endif %}</span>
  49.                                         <span class="hourlySaturday d-none">{% if address.hourlySaturday != null %}{{ address.hourlySaturday ? 'true' : 'false' }}{% endif %}</span>
  50.                                         <span class="hourlyMorningSaturday d-none">{% if address.hourlyMorningSaturday != null %}{{ address.hourlyMorningSaturday|date("H:i", "UTC") }}{% endif %}</span>
  51.                                         <span class="hourlyMorningSaturdayEnd d-none">{% if address.hourlyMorningSaturdayEnd != null %}{{ address.hourlyMorningSaturdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  53.                                         <span class="hourlySunday d-none">{% if address.hourlySunday != null %}{{ address.hourlySunday ? 'true' : 'false' }}{% endif %}</span>
  54.                                         <span class="hourlyMorningSunday d-none">{% if address.hourlyMorningSunday != null %}{{ address.hourlyMorningSunday|date("H:i", "UTC") }}{% endif %}</span>
  55.                                         <span class="hourlyMorningSundayEnd d-none">{% if address.hourlyMorningSundayEnd != null %}{{ address.hourlyMorningSundayEnd|date("H:i", "UTC") }}{% endif %}</span>
  56.                                         <!-- END HOURLY DAY -->
  59.                                         {# PREFERENCES #}
  60.                                         <span class="monday d-none">{% if address.monday != null %}{{ address.monday ? 'true' : 'false' }}{% endif %}</span>
  61.                                         <span class="morningMonday d-none">{% if address.morningMonday != null %}{{ address.morningMonday|date("H:i", "UTC") }}{% endif %}</span>
  62.                                         <span class="morningMondayEnd d-none">{% if address.morningMondayEnd != null %}{{ address.morningMondayEnd|date("H:i", "UTC") }}{% endif %}</span>
  63.                                         <span class="afternoonMonday d-none">{% if address.afternoonMonday != null %}{{ address.afternoonMonday|date("H:i", "UTC") }}{% endif %}</span>
  64.                                         <span class="afternoonMondayEnd d-none">{% if address.afternoonMondayEnd != null %}{{ address.afternoonMondayEnd|date("H:i", "UTC") }}{% endif %}</span>
  66.                                         <span class="tuesday d-none">{% if address.tuesday != null %}{{ address.tuesday ? 'true' : 'false' }}{% endif %}</span>
  67.                                         <span class="morningTuesday d-none">{% if address.morningTuesday != null %}{{ address.morningTuesday|date("H:i", "UTC") }}{% endif %}</span>
  68.                                         <span class="morningTuesdayEnd d-none">{% if address.morningTuesdayEnd != null %}{{ address.morningTuesdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  69.                                         <span class="afternoonTuesday d-none">{% if address.afternoonTuesday != null %}{{ address.afternoonTuesday|date("H:i", "UTC") }}{% endif %}</span>
  70.                                         <span class="afternoonTuesdayEnd d-none">{% if address.afternoonTuesdayEnd != null %}{{ address.afternoonTuesdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  72.                                         <span class="wednesday d-none">{% if address.morningWednesday != null %}{{ address.wednesday ? 'true' : 'false' }}{% endif %}</span>
  73.                                         <span class="morningWednesday d-none">{% if address.morningWednesday != null %}{{ address.morningWednesday|date("H:i", "UTC") }}{% endif %}</span>
  74.                                         <span class="morningWednesdayEnd d-none">{% if address.morningWednesdayEnd != null %}{{ address.morningWednesdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  75.                                         <span class="afternoonWednesday d-none">{% if address.afternoonWednesday != null %}{{ address.afternoonWednesday|date("H:i", "UTC") }}{% endif %}</span>
  76.                                         <span class="afternoonWednesdayEnd d-none">{% if address.afternoonWednesdayEnd != null %}{{ address.afternoonWednesdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  78.                                         <span class="thursday d-none">{% if address.thursday != null %}{{ address.thursday ? 'true' : 'false' }}{% endif %}</span>
  79.                                         <span class="morningThursday d-none">{% if address.morningThursday != null %}{{ address.morningThursday|date("H:i", "UTC") }}{% endif %}</span>
  80.                                         <span class="morningThursdayEnd d-none">{% if address.morningThursdayEnd != null %}{{ address.morningThursdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  81.                                         <span class="afternoonThursday d-none">{% if address.afternoonThursday != null %}{{ address.afternoonThursday|date("H:i", "UTC") }}{% endif %}</span>
  82.                                         <span class="afternoonThursdayEnd d-none">{% if address.afternoonThursdayEnd != null %}{{ address.afternoonThursdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  84.                                         <span class="friday d-none">{% if address.friday != null %}{{ address.friday ? 'true' : 'false' }}{% endif %}</span>
  85.                                         <span class="morningFriday d-none">{% if address.morningFriday  != null %}{{ address.morningFriday|date("H:i", "UTC") }}{% endif %}</span>
  86.                                         <span class="morningFridayEnd d-none">{% if address.morningFridayEnd != null %}{{ address.morningFridayEnd|date("H:i", "UTC") }}{% endif %}</span>
  87.                                         <span class="afternoonFriday d-none">{% if address.afternoonFriday != null %}{{ address.afternoonFriday|date("H:i", "UTC") }}{% endif %}</span>
  88.                                         <span class="afternoonFridayEnd d-none">{% if address.afternoonFridayEnd != null %}{{ address.afternoonFridayEnd|date("H:i", "UTC") }}{% endif %}</span>
  90.                                         <span class="saturday d-none">{% if address.saturday != null %}{{ address.saturday ? 'true' : 'false' }}{% endif %}</span>
  91.                                         <span class="morningSaturday d-none">{% if address.morningSaturday != null %}{{ address.morningSaturday|date("H:i", "UTC") }}{% endif %}</span>
  92.                                         <span class="morningSaturdayEnd d-none">{% if address.morningSaturdayEnd != null %}{{ address.morningSaturdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  93.                                         <span class="afternoonSaturday d-none">{% if address.afternoonSaturday != null %}{{ address.afternoonSaturday|date("H:i", "UTC") }}{% endif %}</span>
  94.                                         <span class="afternoonSaturdayEnd d-none">{% if address.afternoonSaturdayEnd != null %}{{ address.afternoonSaturdayEnd|date("H:i", "UTC") }}{% endif %}</span>
  96.                                         <span class="sunday d-none">{% if address.sunday != null %}{{ address.sunday ? 'true' : 'false' }}{% endif %}</span>
  97.                                         <span class="morningSunday d-none">{% if address.morningSunday != null %}{{ address.morningSunday|date("H:i", "UTC") }}{% endif %}</span>
  98.                                         <span class="morningSundayEnd d-none">{% if address.morningSundayEnd != null %}{{ address.morningSundayEnd|date("H:i", "UTC") }}{% endif %}</span>
  99.                                         <span class="afternoonSunday d-none">{% if address.afternoonSunday != null %}{{ address.afternoonSunday|date("H:i", "UTC") }}{% endif %}</span>
  100.                                         <span class="afternoonSundayEnd d-none">{% if address.afternoonSundayEnd != null %}{{ address.afternoonSundayEnd|date("H:i", "UTC") }}{% endif %}</span>
  102.                                     </div>
  103.                                 </div>
  104.                             </div>
  105.                         </div>
  106.                     {% endfor %}
  107.                 {% endif %}
  108.             </div>
  110.             <div class="modal-footer d-flex justify-content-between">
  111. {#                <a href="{{ path('profile') }}">#}
  112.                     <button type="button" class="modal-btn-update btn btn-dark hover-transition btnAddAddress" data-bs-target="#addAddressModal_id" data-bs-toggle="modal"
  113.                             data-bs-dismiss="modal">Ajouter une adresse</button>
  114. {#                </a>#}
  115.             </div>
  116.         </div>
  117.     </div>
  118. </div>
  121. <div class="modal fade" id="addAddressModal_id" aria-hidden="true" aria-labelledby="addAddressModalLabel" tabindex="-1">
  122.     <div class="modal-dialog modal-lg modal-dialog-centered">
  123.         <div class="modal-content">
  124.             <div class="modal-header">
  125.                 <h5 class="modal-title fw-bold" id="addAddressModal">Nouvelle adresse</h5>
  126.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  127.             </div>
  128.             <div class="modal-body mx-3">
  129.                 <div class="section-newAddressDelivery">
  130.                     <form class="row" method="post" action="{{ path('profileCreateDeliveryAddress') }}">
  131.                         <div class="mb-3 col-md-6">
  132.                             <label for="companyName" class="form-label">Nom d'entreprise</label>
  133.                             <input type="text" class="form-control" id="companyName" name="companyName" placeholder="Nom d'entreprise" required>
  134.                         </div>
  135.                         <div class="mb-3 col-md-6">
  136.                             <label for="name" class="form-label">Nom de famille</label>
  137.                             <input type="text" class="form-control" id="name" name="name" placeholder="Nom de famille...">
  138.                         </div>
  139.                         <div class="col-md-6">
  140.                             <label for="firstName" class="form-label">Prénom</label>
  141.                             <input type="text" class="form-control" id="firstName" name="firstName" placeholder="Prénom...">
  142.                         </div>
  143.                         <div class="col-md-6 mb-3">
  144.                             <label for="address" class="form-label">Adresse (rue, numéro)</label>
  145.                             <input type="text" class="form-control" id="address" name="address" placeholder="Adresse..." required>
  146.                         </div>
  147.                         <div class="col-md-6">
  148.                             <label for="postal" class="form-label">Code postal</label>
  149.                             <input type="text" class="form-control" id="postal" name="postal" placeholder="Code postal..." required>
  150.                         </div>
  151.                         <div class="col-md-6 mb-3">
  152.                             <label for="town" class="form-label">Localité</label>
  153.                             <input type="text" class="form-control" id="town" name="town" placeholder="Localité..." required>
  154.                         </div>
  155.                         <div class="col-md-6 mb-3">
  156.                             <label for="country" class="form-label">Pays</label>
  157.                             <select class="form-select" id="country" name="country" required>
  158.                                 <option value="">Sélectionner un pays...</option>
  159.                                 <option value="Belgique">Belgique</option>
  160.                                 <option value="France">France</option>
  161.                                 <option value="Luxembourg">Luxembourg</option>
  162.                             </select>
  163.                         </div>
  164.                         <div class="col-md-6">
  165.                             <label for="phoneNumbers" class="form-label">Numéro de téléphone</label>
  166.                             <input type="text" class="form-control" name="phoneNumbers" id="phoneNumbers"
  167.                                    placeholder="Numéro de téléphone..." required>
  168.                         </div>
  170.                         <div class="date-addressDelivery mt-3 d-flex justify-content-center modalPrefDelivery">
  171.                             <h5 class="title-dataAddressDelivery mb-4 mt-4 fw-bold">Préférences de livraison
  172.                                 <span class="businessHours fw-light"> (Horaires d'ouverture)</span>
  173.                             </h5>
  174.                         </div>
  176.                         <!-- BLOCK DES PREFERENCES DE LIVRAISON -->
  177.                         {% block delivery_preference %}
  178.                             {% include "account/membersInformations/modal/delivery_preference.html.twig" %}
  179.                         {% endblock %}
  180.                         <!-- END BLOCK DES PREFERENCES DE LIVRAISON -->
  182.                     </form>
  183.                 </div>
  184.             </div>
  185.         </div>
  186.     </div>
  187. </div>
  189. <div class="modal fade" id="updateAddressModal" aria-hidden="true" aria-labelledby="updateAddressModal" tabindex="-1">
  190.     <div class="modal-dialog modal-lg modal-dialog-centered">
  191.         <div class="modal-content">
  192.             <div class="modal-header">
  193.                 <h5 class="modal-title" id="updateAddressModal2">Modifier l'adresse</h5>
  194.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  195.             </div>
  196.             <div class="modal-body mx-3">
  197.                 <div class="section-newAddressDelivery">
  198.                     <form class="row" method="post" action="{{ path('profileUpdateDeliveryAddress') }}">
  199.                         <div class="mb-3 col-md-6">
  200.                             <label for="companyName" class="form-label">Nom d'entreprise</label>
  201.                             <input type="text" class="form-control" id="companyName" name="companyName" placeholder="Nom d'entreprise" required>
  202.                         </div>
  203.                         <div hidden>
  204.                             <label for="id_delivery" class="form-label">Nom de famille...</label>
  205.                             <input type="number" class="form-control" id="id_delivery" name="id_delivery" placeholder="Nom de famille...">
  206.                         </div>
  207.                         <div class="mb-3 col-md-6">
  208.                             <label for="name" class="form-label">Nom de famille...</label>
  209.                             <input type="text" class="form-control" id="name" name="name" placeholder="Nom de famille...">
  210.                         </div>
  211.                         <div class="col-md-6">
  212.                             <label for="firstName" class="form-label">Prénom</label>
  213.                             <input type="text" class="form-control" id="firstName" name="firstName" placeholder="Prénom...">
  214.                         </div>
  215.                         <div class="col-md-6 mb-3">
  216.                             <label for="address" class="form-label">Adresse (rue, numéro)</label>
  217.                             <input type="text" class="form-control" id="address" name="address" placeholder="Adresse..." required>
  218.                         </div>
  219.                         <div class="col-md-6">
  220.                             <label for="postal" class="form-label">Code postal</label>
  221.                             <input type="text" class="form-control" id="postal" name="postal" placeholder="Code postal..." required>
  222.                         </div>
  223.                         <div class="col-md-6 mb-3">
  224.                             <label for="town" class="form-label">Localité</label>
  225.                             <input type="text" class="form-control" id="town" name="town" placeholder="Localité..." required>
  226.                         </div>
  227.                         <div class="col-md-6 mb-3">
  228.                             <label for="country" class="form-label">Pays</label>
  229.                             <select class="form-select" id="country" name="country" required>
  230.                                 <option value="">Sélectionner un pays...</option>
  231.                                 <option value="Belgique">Belgique</option>
  232.                                 <option value="France">France</option>
  233.                                 <option value="Luxembourg">Luxembourg</option>
  234.                             </select>
  235.                         </div>
  237.                         <div class="col-md-6">
  238.                             <label for="phoneNumbers" class="form-label">Numéro de téléphone</label>
  239.                             <input type="text" class="form-control" name="phoneNumbers" id="phoneNumbers" placeholder="Numéro de téléphone..." required>
  240.                         </div>
  243.                         <!-- BLOCK DES PREFERENCES DE LIVRAISON -->
  244.                         {% block delivery_preferenc_update %}
  245.                             {% include "account/membersInformations/modal/delivery_preference.html.twig" %}
  246.                         {% endblock %}
  247.                         <!-- END BLOCK DES PREFERENCES DE LIVRAISON -->
  250.                     </form>
  251.                 </div>
  252.             </div>
  253.         </div>
  254.     </div>
  255. </div>