templates/front/pages/templates/t-contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ page.translate().metaTitle }} - {{ parent() }}{% endblock %}
  4. {% block meta_description %}{{ page.translate().description }} - {{ sitename }}{% endblock %}
  6. {% block bodyclass %} class="contact"{% endblock %}
  8. {% block body %}
  9.     <div class="container pt-5">
  10.         <h1>{{ page.translate().title }}</h1>
  11.         {{ page.translate().content|raw }}
  13.     </div>
  19.     <div class="container-fluid first">
  21.         <div class="row">
  22.             <div class="col py-4">
  23.                 <a href="{{ url('page', {'slug' : page.translate.slug}) }}">{{ "Contact"|trans({}, "contact") }}</a>
  24.             </div>
  25.         </div>
  27.         <div class="row">
  29.             <div class="contact-infos col-md-2">
  30.                 <img src="{{ asset('img/logo_contact.svg') }}" alt="[company]">
  31.                 <p>
  32.                     adresse<br>
  33.                     codepostal VILLE <br>
  34.                     FRANCE <br>
  35.                     Tel&nbsp;: +33 (0)2 00 00 00 00 <br>
  36.                     Fax&nbsp;: +33 (0)2 00 00 00 00
  37.                 </p>
  38.             </div>
  40.             <div class=" col-lg-8 col-md-12">
  42.                 {% for message in app.flashes('success') %}
  43.                     <p class="intro-1">{{ "Merci"|trans({}, "contact") }}</p>
  44.                     <p class="intro-2">{{ message }}</p>
  45.                     <div class="alert alert-success" style="display: none">
  46.                         {{ message }}
  47.                         {% set hasMessage = 1 %}
  48.                     </div>
  49.                 {% else %}
  50.                     <p class="intro-1">{{ "Vous êtes intéressé par un produit,"|trans({}, "contact") }}<br>
  51.                         {{ "vous souhaitez des conseils ?"|trans({}, "contact") }}</p>
  53.                     <p class="intro-2">{{ "Laissez-nous un message :"|trans({}, "contact") }}</p>
  55.                     {{ form_start(data.form) }}
  57.                     <div class="form-element form-input" data-f="nom">
  58.                         {{ form_widget(data.form.nom, {'attr': {'class': 'form-element-field', 'required': true, 'placeholder': ""}}) }}
  59.                         <div class="form-element-bar"></div>
  60.                         <label class="form-element-label">{{ "Nom"|trans({}, "contact") }}* :</label>
  61.                     </div>
  63.                     <div class="form-element form-input" data-f="prenom">
  64.                         {{ form_widget(data.form.prenom, {'attr': {'class': 'form-element-field', 'placeholder': ""}}) }}
  65.                         <div class="form-element-bar"></div>
  66.                         <label class="form-element-label">{{ "Prénom"|trans({}, "contact") }} :</label>
  67.                     </div>
  68.                     <div class="form-element form-input" data-f="adresse" data-c="{{ captcha }}">
  69.                         {{ form_widget(data.form.adresse, {'attr': {'class': 'form-element-field', 'placeholder': ""}}) }}
  70.                         <div class="form-element-bar"></div>
  71.                         <label class="form-element-label">{{ "Adresse"|trans({}, "contact") }} :</label>
  72.                     </div>
  74.                     <div class="form-element form-input" data-f="email">
  75.                         {{ form_widget(data.form.email, {'attr': {'class': 'form-element-field', 'required': true, 'placeholder': ""}}) }}
  76.                         <div class="form-element-bar"></div>
  77.                         <label class="form-element-label">{{ "E-mail"|trans({}, "contact") }}* :</label>
  78.                     </div>
  80.                     <div class="form-element form-input contact-text" data-f="message">
  81.                         <img class="deco" src="{{ asset('img/pen.svg') }}" alt="crayon bleu">
  82.                         <label class="form-element-label">{{ "Message"|trans({}, "contact") }}*</label>
  83.                         <div class="form-element-bar"></div>
  84.                         {{ form_widget(data.form.message, {'attr': {'class': 'form-element-field', 'required': true, 'placeholder': "", 'rows': 5}}) }}
  85.                     </div>
  86.                     <div class="form-element form-input" data-f="cptcha">
  87.                         {{ form_widget(data.form.cptcha, {'attr': {'class': 'form-element-field', 'required': true, 'placeholder': ""}}) }}
  88.                         <div class="form-element-bar"></div>
  89.                         <label class="form-element-label">{{ "Veuillez recopier le code suivant"|trans({}, "contact") }}* : <span></span> </label>
  90.                     </div>
  92.                     <div>
  93.                         <label class="lblcheck"><input type="checkbox" required id="enablesubmit"> {{ "contact.allow"|trans({}, "contact") }}</label>
  94.                     </div>
  96.                     <p>
  97.                         {{ "contact.legaldetails.p1"|trans({}, "contact") }}
  98.                     </p>
  100.                     <p>
  101.                         {{ "contact.legaldetails.p2"|trans({}, "contact") }} <a href="{{ url('page', {'slug': 'rgpd'}) }}">{{ 'contact.legaldetails.policy'|trans({}, 'contact') }}</a>
  102.                     </p>
  104.                     <p>
  105.                         {{ "contact.legaldetails.p3"|trans({}, "contact") }} company@email
  106.                     </p>
  107.                     <p>
  108.                         * {{ "contact.champsobligatoires"|trans({}, "contact") }}
  109.                     </p>
  111.                     <input type="submit" class="btn btn-secondary text-primary" id="send" value="{{ "Envoyer"|trans({}, "contact") }}">
  113.                     {{ form_end(data.form) }}
  114.                 {% endfor %}
  115.             </div>
  116.         </div>
  117.     </div>
  119. {% endblock %}