templates/others/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}HaloGari | Contact{% endblock %}
  5. {% block body %}
  6. <div class="container py-5">
  7.   <h1 class="mb-4 text-center">📧 Nous contacter</h1>
  9.   <div class="row justify-content-center">
  10.     <div class="col-md-8">
  11.       <div class="card shadow-sm border-0">
  12.         <div class="card-body">
  13.           <form method="POST" action="{{ path('app_contact') }}">
  14.             <div class="mb-3">
  15.               <label for="nom" class="form-label">Nom :</label>
  16.               <input type="text" class="form-control" id="nom" name="nom"
  17.                      placeholder="Ici votre nom ..." required
  18.                      {% if app.user %}value="{{ app.user.nom ~ ' ' ~ app.user.prenom }}"{% endif %}>
  19.             </div>
  21.             <div class="mb-3">
  22.               <label for="email" class="form-label">Email :</label>
  23.               <input type="email" class="form-control" id="email" name="email"
  24.                      placeholder="Ici votre adresse e-mail" required
  25.                      {% if app.user %}value="{{ app.user.email }}"{% endif %}>
  26.             </div>
  28.             <div class="mb-3">
  29.               <label for="sujet" class="form-label">Sujet :</label>
  30.               <input type="text" class="form-control" id="sujet" name="sujet"
  31.                      placeholder="Ici le sujet de votre message" required>
  32.             </div>
  34.             <div class="mb-3">
  35.               <label for="message" class="form-label">Message :</label>
  36.               <textarea class="form-control" id="message" name="message" rows="5"
  37.                         placeholder="Écrivez votre message ici..." required></textarea>
  38.             </div>
  40.             <div class="text-end">
  41.               <button type="submit" class="btn btn-orange">Envoyer le message</button>
  42.             </div>
  43.           </form>
  44.         </div>
  45.       </div>
  47.       <p class="mt-4 text-center text-muted">
  48.         Vous pouvez aussi nous contacter directement Ã 
  49.         <a href="mailto:moussa@halogari.yt">moussa@halogari.yt</a>
  50.       </p>
  51.     </div>
  52.   </div>
  53. </div>
  54. {% endblock %}