templates/default/session-step2.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello ManagerController!{% endblock %}
  5. {% block body %}
  6. <div class="container">
  7. <h1 class="mb-3">Participants </h1>
  8. <form method="post" action="{#{ path('step.3', { id: booking.id }) }#}" class="row g-3" id="participants-form">
  9.   <div class="col-12">
  11.  
  12.       <div class="border rounded p-3 mb-3" data-card>
  13.           <div class="mt-3 guardian">
  14.           <div class="alert alert-info py-2 mb-2">
  15.             <strong>Tuteur / responsable légal</strong>
  16.           </div>
  17.           <div class="row g-3">
  18.             <div class="col-sm-6 col-md-3">
  19.               <label class="form-label">Prénom du tuteur</label>
  20.               <input class="form-control g-required" name="gardianName" required>
  21.             </div>
  22.             <div class="col-sm-6 col-md-3">
  23.               <label class="form-label">Nom du tuteur</label>
  24.               <input class="form-control g-required" name="gardianNickname" required>
  25.             </div>
  26.             <div class="col-sm-6 col-md-3">
  27.               <label class="form-label">Email du tuteur</label>
  28.               <input type="email" class="form-control g-required" name="gardianEmail" autocomplete="email">
  29.             </div>
  30.             <div class="col-sm-6 col-md-3">
  31.               <label class="form-label">Téléphone du tuteur</label>
  32.             <input class="form-control g-required" name="gardianPhone" autocomplete="tel" required>
  33.             </div>
  34.           </div>
  35.         </div>
  37.         <div class="row g-3">
  38.               <h2 class="h6 mb-3">Participant </h2>
  39.           <div class="col-sm-6 col-md-3">
  40.             <label class="form-label">Prénom</label>
  41.             <input class="form-control" name="participantName" required>
  42.           </div>
  44.           <div class="col-sm-6 col-md-3">
  45.             <label class="form-label">Nom</label>
  46.             <input class="form-control" name="participantNickname" required>
  47.           </div>
  49.           <div class="col-sm-6 col-md-3">
  50.             <label class="form-label">Date de naissance</label>
  51.             <input type="date" class="form-control dob" name="participantDob" required>
  52.           </div>
  54.           <div class="col-sm-6 col-md-3">
  55.             <label class="form-label">Téléphone</label>
  56.             <input class="form-control" name="participantPhone" autocomplete="tel" required>
  57.           </div>
  59.           <div class="col-md-6">
  60.             <label class="form-label">Lieu de naissance</label>
  61.             <input type="text" class="form-control" name="participantEmail" required>
  62.           </div>
  63.         </div>
  65.       </div>
  66.   </div>
  68.   <div class="col-12">
  69.     <button class="btn btn-primary">Continuer</button>
  70.   </div>
  71. </form>
  73. {# JS : affiche le bloc tuteur si < 18 ans ; rend les champs du bloc "required" uniquement dans ce cas #}
  76. {% endblock %}