templates/trajet/chercher.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}HaloGari | Chercher un trajet
  4. {% endblock %}
  7. {% block body %}
  8.     <div class="container py-5">
  9.         <div class="row justify-content-center">
  10.             <div class="col-md-8 col-lg-6">
  11.                 <h1 class="mb-4 text-center">Chercher un trajet</h1>
  12.                 <form
  13.                     method="GET" id="form-recherche" action="{{ path('app_chercher') }}" class="p-4 border rounded shadow-sm bg-light">
  15.                     {# Départ #}
  16.                     <div class="mb-3">
  17.                         <div class="input-group">
  18.                             <span class="input-group-text text-vert">
  19.                                 <i class="bi bi-geo-fill"></i>
  20.                             </span>
  21.                             <div class="form-floating">
  22.                                 <input id="select_departure" class="form-control villages" name="select_departure" placeholder="Village de départ" required>
  23.                                 <label for="select_departure">Village de départ</label>
  24.                             </div>
  25.                         </div>
  26.                     </div>
  28.                     {# Arrivée #}
  29.                     <div class="mb-3">
  30.                         <div class="input-group">
  31.                             <span class="input-group-text text-vert">
  32.                                 <i class="bi bi-flag-fill"></i>
  33.                             </span>
  34.                             <div class="form-floating">
  35.                                 <input id="select_arrival" name="select_arrival" class="form-control villages" placeholder="Village d'arrivée" required>
  36.                                 <label for="select_arrival">Village d'arrivée</label>
  37.                             </div>
  38.                         </div>
  39.                     </div>
  41.                     {# Date #}
  42.                     <div class="mb-3">
  43.                         <div class="input-group">
  44.                             <span class="input-group-text text-vert">
  45.                                 <i class="bi bi-calendar2-event-fill"></i>
  46.                             </span>
  47.                             <div class="form-floating">
  48.                                 <input type="text" id="date" class="form-control dateDepart" name="date_trajet" placeholder="Date du trajet" required>
  49.                                 <label for="date">Date du trajet</label>
  50.                             </div>
  51.                         </div>
  52.                     </div>
  54.                     {# Places #}
  55.                     <div class="mb-3">
  56.                         <div class="input-group">
  57.                             <span class="input-group-text text-vert">
  58.                                 <i class="bi bi-people-fill"></i>
  59.                             </span>
  60.                             <div class="form-floating">
  61.                                 <select class="form-select" id="places" name="places_min" required>
  62.                                     {% for i in 1..8 %}
  63.                                         <option value="{{ i }}">{{ i }}</option>
  64.                                     {% endfor %}
  65.                                 </select>
  66.                                 <label for="places">Nombre de passagers</label>
  67.                             </div>
  68.                         </div>
  69.                     </div>
  71.                     {# Bouton #}
  72.                     <div class="text-center">
  73.                         <button type="submit" class="btn btn-orange">Rechercher</button>
  74.                     </div>
  75.                 </form>
  76.             </div>
  77.         </div>
  78.     </div>
  79. {% endblock %}