templates/contact/form.html.twig line 1

Open in your IDE?
  1. {# templates/contact/form.html.twig #}
  2. {% extends 'public.html.twig' %}
  3. {% block title %}Contactez-nous
  4. {% endblock %}
  5. {% block body %}
  6.     {{ encore_entry_link_tags('home') }}
  8.     {% if mobile_detect.isMobile() %}
  9.         <div class="col-xs-12 pt-70 ubuntu bg-clouded pb-3">
  10.             <div class="container text-start mb-5">
  11.                 <div class="text-center">
  12.                     <img src="/img/logomark.svg" class="mb-3" style=""/>
  13.                 </div>
  15.                 <h1 class="fs-4 ubuntu-bold mt-2 mb-4">Toutes vos questions sur Bambboo</h1>
  16.                 <p class="fs-16" style="line-height: 28px;">
  17.                     <span class="ubuntu-bold d-block">Vous avez une question sur le fonctionnement de Bambboo ?</span>
  18.                     Retrouvez ici les réponses aux questions les plus fréquentes.</p>
  19.             </div>
  20.             <div class="container overflow-y-auto ubuntu-regular" style="height: 300px;">
  21.                 {% include 'common/faq.html.twig' with { 'current_route': app.request.attributes.get('_route') } %}
  22.             </div>
  24.             <div class="fs-4 my-4 mx-4">
  25.                 Vous avez besoin d’aide ?<br/>
  26.                 <span class="ubuntu-bold">Contactez-nous.</span>
  27.             </div>
  29.             <div class="bg-white rounded-3 mx-2 p-3">
  30.                 {% for label, messages in app.flashes %}
  31.                     {% for message in messages %}
  32.                         <div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
  33.                             {{ message }}
  34.                             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  35.                         </div>
  36.                     {% endfor %}
  37.                 {% endfor %}
  38.                 {{ form_start(contactForm) }}
  39.                 {# Ces champs ne s'afficheront que s'ils sont dans l'objet form pour les invités #}
  40.                 {% if contactForm.firstname is defined %}
  41.                     {{ form_row(contactForm.firstname) }}
  42.                 {% endif %}
  43.                 {% if contactForm.lastname is defined %}
  44.                     {{ form_row(contactForm.lastname) }}
  45.                 {% endif %}
  46.                 {% if contactForm.email is defined %}
  47.                     {{ form_row(contactForm.email) }}
  48.                 {% endif %}
  49.                 {{ form_row(contactForm.message) }}
  50.                 {# Toujours présent #}
  51.                 <button type="submit" class="btn btn-clover w-100 my-3">Je valide</button>
  52.                 {{ form_end(contactForm) }}
  53.             </div>
  54.         </div>
  55.     {% else %}
  56.         <div class="container-fluid h-100 ubuntu-regular">
  57.             <div class="row full-height">
  58.                 <div class="col-12 col-md-6 bg-white d-flex flex-column align-items-center justify-content-center">
  59.                     <div class="container text-start mb-3 px-5">
  60.                         <h1 class="fs-1 ubuntu-bold mb-4">Toutes vos questions sur Bambboo</h1>
  61.                         <p class="fs-4" style="line-height: 28px;">
  62.                             <span class="ubuntu-bold d-block">Vous avez une question sur le fonctionnement de Bambboo ?</span>
  63.                             Retrouvez ici les réponses aux questions les plus fréquentes.</p>
  64.                     </div>
  65.                     <div class="container overflow-y-auto px-5 ubuntu-regular" style="height: 600px;">
  66.                         {% include 'common/faq.html.twig' with { 'current_route': app.request.attributes.get('_route') } %}
  67.                     </div>
  68.                 </div>
  70.                 <div class="col-12 col-md-6 d-flex align-items-center justify-content-center bg-register">
  71.                     <div class="col-md-8 bg-white rounded-3 p-5">
  72.                         <p class="fs-4 mb-5">
  73.                             Vous avez besoin d’aide ?<br/>
  74.                             <span class="ubuntu-bold">Contactez-nous.</span>
  75.                         </p>
  76.                         {% for label, messages in app.flashes %}
  77.                             {% for message in messages %}
  78.                                 <div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
  79.                                     {{ message }}
  80.                                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  81.                                 </div>
  82.                             {% endfor %}
  83.                         {% endfor %}
  84.                         {{ form_start(contactForm) }}
  85.                         {% if contactForm.firstname is defined %}
  86.                             {{ form_row(contactForm.firstname) }}
  87.                         {% endif %}
  88.                         {% if contactForm.lastname is defined %}
  89.                             {{ form_row(contactForm.lastname) }}
  90.                         {% endif %}
  91.                         {% if contactForm.email is defined %}
  92.                             {{ form_row(contactForm.email) }}
  93.                         {% endif %}
  94.                         {{ form_row(contactForm.message) }}
  95.                         <button type="submit" class="btn btn-clover w-100 mt-3">Je valide</button>
  96.                         {{ form_end(contactForm) }}
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     {% endif %}
  102. {% endblock %}