templates/app/pages/contact.html.twig line 1

Open in your IDE?
  1. {% form_theme form  'app/_inc/fields.html.twig' %}
  2. {% import 'app/_inc/macros.html.twig' as m %}
  3. {% extends 'base.html.twig' %}
  4. {% block css %}
  5.     {{ encore_entry_link_tags('app-page-css') }}
  6.     {{ encore_entry_link_tags('app-contact-css') }}
  7. {% endblock %}
  8. {% block content %}
  9.     <section id="page">
  10.         <div class="group-dices">
  11.             <div class="green-dices">{{ m.svg('dices-green') }}</div>
  12.             <div class="white-dices">{{ m.svg('dices-white') }}</div>
  13.         </div>
  14.         <div class="ct form-contact page-content">
  15.             <div class="title">
  16.                 <h2 class="h3">{{ "contact.souhait"|trans|raw }}</h2>
  17.                 {{ m.Breadcrumb('nav.contact', {link:{
  18.                     0:['nav.contact']
  19.                 }}) }}
  20.                 {{ "contact.infos"|trans|raw }}
  21.                 {% for msg in app.flashes('contact.success') %}
  22.                     <div class="alert alert-success">
  23.                         {{ msg|trans }} <i class="fas fa-times"></i>
  24.                     </div>
  25.                 {% endfor %}
  26.                 {% for msg in app.flashes('contact.error') %}
  27.                     <div class="alert alert-danger">
  28.                         {{ msg|trans }} <i class="fas fa-times"></i>
  29.                     </div>
  30.                 {% endfor %}
  31.             </div>
  32.             <div class="present">
  33.                 <div class="avatar">
  34.                     {{ m.svg('icon/icons-ollam/amsel-favicon', 'all.site') }}
  35.                 </div>
  36.                 <div class="perso">
  37.                     {{ form_start(form, {attr:{class:'form'}}) }}
  38.                     {{ form_row(form.name, {c2:true, 'icon':'home/feature_4','title':'form.name'}) }}
  39.                     {{ form_row(form.email, {'icon':'home/software_1','title':'form.mail'}) }}
  40.                 </div>
  41.             </div>
  42.             <div data-a-up class="stats">
  43.                 {{ form_row(form.message, {'icon':'home/software_5','title':'form.message'}) }}
  44.             </div>
  45.             <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
  46.             <div data-a-up class="bt">
  47.                 <button aria-label="{{ 'all.send'|trans }}" title="{{ 'all.send'|trans }}" class="btn">
  48.                     {{ m.icon('icons-ollam/contact') }}
  49.                     <span>{{ 'all.send'|trans }}</span>
  50.                 </button>
  51.             </div>
  52.             {{ form_end(form) }}
  53.         </div>
  54.     </section>
  55.     <script src="https://www.google.com/recaptcha/api.js?render={{ captcha_site_key }}"></script>
  56.     <script>
  57.         grecaptcha.ready(function () {
  58.             grecaptcha.execute('{{ captcha_site_key }}', {action: 'validate_captcha'})
  59.                 .then(function (token) {
  60.                     document.getElementById('g-recaptcha-response').value = token;
  61.                 });
  62.         });
  63.     </script>
  64. {% endblock %}