templates/Contact/Contact/contact.html.twig line 1

Open in your IDE?
  1. {% extends "layout.html.twig" %}
  2. {% block title %}Nous contacter{% endblock %}
  3. {% block body %}
  4.     <!-- page content -->
  5.     <div class="right_col" role="main">
  6.         <div class="">
  7.             <div class="page-title" style="">
  8.                 <div class="title_left">
  9.                     <h3 class="dark">Nous contacter</h3>
  10.                 </div>
  11.             </div>
  12.             <div class="clearfix" style=""></div>
  13.             <div class="col-lg-3" style="padding-left : 0px;">
  14.                 <ul class="to_do dark" style="font-size:1.2em;">
  15.                     <li>
  16.                         <p><a class="dark" href="{{ path ("dtc_apropos") }}" title="A propos">A propos</a></p>
  17.                     </li>
  18.                     <li>
  19.                         <p><a class="dark" href="{{ path ("dtc_faq") }}" title="FAQ">FAQ</a></p>
  20.                     </li>
  21.                     <li>
  22.                         <p><a class="dark" href="{{ path ("dtc_rgpd") }}" title="RGPD">RGPD</a></p>
  23.                     </li>
  24.                     <li>
  25.                         <p> <a class="dark" href="{{ path ("dtc_conditions") }}" title="Conditions générales de vente">Conditions générales de vente</a></p>
  26.                     </li>
  27.                     <li>
  28.                         <p><a class="dark" href="{{ path ("dtc_mentions") }}" title="Mentions légales">Mentions légales</a></p>
  29.                     </li>
  30.                     <li>
  31.                         <p><a class="dark" href="{{ path ("dtc_equipe") }}" title="Notre équipe">Notre équipe</a></p>
  32.                     </li>
  33.                     <li>
  34.                         <p><i class="fa fa-caret-square-o-right"></i>  <a class="dark" href="{{ path ("dtc_contact") }}" title="Nous contacter"><b>Nous contacter</b></a></p>
  35.                     </li>
  36.                 </ul>
  38.                 <hr/>
  39.                 <!-- Rectangle qui prend le reste -->
  40.                 <div class="d-none d-lg-block _rectangle">
  41.                     <div class="inner-rectangle _d-flex">
  42.                         <div class="half-rect">
  43.                             <span class="blanc" style="font-size:0.4em;">besoin d'aide ?</span><br/>
  44.                             <a style="color:#fbb911 !important;cursor:pointer;font-size:0.5em;" href="tel:+33475851048">04 75 85 10 48</a>
  45.                         </div>
  46.                         <div style="height:100px;" class="fond-besoin-aide half-rect">
  48.                         </div>
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.             <div class="col-lg-9">
  53.                 <div class="row">
  54.                 <div class="dark col-md-12 col-sm-12" style="font-size:1.2em;font-weight:bold;">
  55.                     <div class="x_panel no-transform-text">
  56.                     <p>
  57.                        <b> Pensez à consulter notre Foire aux questions avant de nous contacter.</b>
  58.                     </p>
  59.                     <p>
  60.                         Vous n'avez pas trouvé votre réponse ? <br/>
  61.                         Remplissez le formulaire ci-dessous. <br/>
  62.                         Notre Service Client vous répondra sous 24h (jours ouvrables).<br/><br/>
  63.                         Merci pour votre patience.
  64.                     </p>
  65.                     </div>
  66.                 </div>
  67.                 </div>
  68.                 <div class="row">
  69.                     <div class="col-md-12 col-sm-12">
  70.                         <div class="x_panel">
  71.                             <div class="x_title">
  72.                                 <h2>Contactez-nous <small>Formulaire</small></h2>
  73.                                 <div class="clearfix"></div>
  74.                             </div>
  76.                             <div class="x_content">
  77.                                 {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
  78.                                 <div>
  79.                                     {% include 'layout-errors.html.twig' with {'errors': errors} %}
  80.                                 </div>
  82.                                 <div class="row">
  83.                                     <!-- Référence -->
  84.                                     <div class="col-md-12 col-sm-12 form-group">
  85.                                         <label for="reference">Référence client <span class="required">*</span></label>
  86.                                         {% set reference_client = ""  %}
  87.                                         {% if app.user.id is defined %}
  88.                                             {% set reference_client = app.user.client.reference  %}
  89.                                         {% endif %}
  90.                                         {{ form_widget(form.reference, {'attr': {'value':reference_client, 'readonly':'readonly','placeholder':'Référence client','class': 'form-control ' ~ (form_errors(form.reference) ? ' is-invalid' : '') }}) }}
  91.                                         <span class="help-block" data-for="firstname"></span>
  92.                                         {% for error in form.reference.vars.errors %}
  93.                                             <div class="invalid-feedback">
  94.                                                 {{ error.message }}
  95.                                             </div>
  96.                                         {% endfor %}
  97.                                     </div>
  98.                                 </div>
  99.                                 <div class="row">
  100.                                     <!-- Prénom -->
  101.                                     <div class="col-md-6 col-sm-12 form-group">
  102.                                         <label for="firstname">Prénom <span class="required">*</span></label>
  105.                                         {% set prenom_user = ""  %}
  106.                                         {% if app.user.id is defined %}
  107.                                             {% set prenom_user = app.user.prenom  %}
  108.                                         {% endif %}
  110.                                         {{ form_widget(form.prenom, {'attr': { 'value':prenom_user,'placeholder':'Prénom','class': 'form-control ' ~ (form_errors(form.prenom) ? ' is-invalid' : '') }}) }}
  111.                                         <span class="help-block" data-for="firstname"></span>
  112.                                         {% for error in form.prenom.vars.errors %}
  113.                                             <div class="invalid-feedback">
  114.                                                 {{ error.message }}
  115.                                             </div>
  116.                                         {% endfor %}
  117.                                     </div>
  119.                                     <!-- Nom -->
  120.                                     <div class="col-md-6 col-sm-12 form-group">
  122.                                         {% set nom_user = ""  %}
  123.                                         {% if app.user.id is defined %}
  124.                                             {% set nom_user = app.user.nom  %}
  125.                                         {% endif %}
  127.                                         <label for="lastname">Nom <span class="required">*</span></label>
  128.                                         {{ form_widget(form.nom, {'attr': { 'value':nom_user,'placeholder':'Nom','class': 'form-control ' ~ (form_errors(form.nom) ? ' is-invalid' : '') }}) }}
  129.                                         <span class="help-block" data-for="firstname"></span>
  130.                                         {% for error in form.nom.vars.errors %}
  131.                                             <div class="invalid-feedback">
  132.                                                 {{ error.message }}
  133.                                             </div>
  134.                                         {% endfor %}
  135.                                     </div>
  137.                                 </div>
  138.                                 <div class="row">
  139.                                     <!-- Email -->
  140.                                     <div class="col-md-6 col-sm-12 form-group">
  142.                                         {% set email_user = ""  %}
  143.                                         {% if app.user.id is defined %}
  144.                                             {% set email_user = app.user.email  %}
  145.                                         {% endif %}
  147.                                         <label for="email">Adresse e-mail <span class="required">*</span></label>
  148.                                         {{ form_widget(form.email, {'attr': {'value':email_user,'placeholder':'Adresse e-mail','class': 'form-control ' ~ (form_errors(form.email) ? ' is-invalid' : '') }}) }}
  149.                                         <span class="help-block" data-for="email"></span>
  150.                                         {% for error in form.email.vars.errors %}
  151.                                             <div class="invalid-feedback">
  152.                                                 {{ error.message }}
  153.                                             </div>
  154.                                         {% endfor %}
  155.                                     </div>
  156.                                     <!-- Telephone -->
  157.                                     <div class="col-md-6 col-sm-12 form-group">
  159.                                         {% set telephone_user = ""  %}
  160.                                         {% if app.user.id is defined %}
  161.                                             {% set telephone_user = app.user.telephone  %}
  162.                                         {% endif %}
  164.                                         <label for="telephone">Téléphone <span class="required">*</span></label>
  165.                                         {{ form_widget(form.telephone, {'attr': {'value':telephone_user,'placeholder':'Téléphone','class': 'form-control ' ~ (form_errors(form.telephone) ? ' is-invalid' : '') }}) }}
  166.                                         <span class="help-block" data-for="telephone"></span>
  167.                                         {% for error in form.telephone.vars.errors %}
  168.                                             <div class="invalid-feedback">
  169.                                                 {{ error.message }}
  170.                                             </div>
  171.                                         {% endfor %}
  172.                                     </div>
  173.                                 </div>
  174.                                 <div class="row">
  175.                                     <div class="col-md-12 col-sm-12 form-group">
  176.                                         <label for="sujet">Sujet <span class="required">*</span></label>
  177.                                         {{ form_widget(form.sujet, {
  178.                                             'attr': {
  179.                                                 'placeholder':'Sujet','class': 'form-control' ~ (form_errors(form.sujet) ? ' is-invalid' : '')
  180.                                             }
  181.                                         }) }}
  182.                                         {% for error in form.sujet.vars.errors %}
  183.                                             <div class="invalid-feedback">
  184.                                                 {{ error.message }}
  185.                                             </div>
  186.                                         {% endfor %}
  187.                                     </div>
  188.                                 </div>
  189.                                 <div class="row">
  190.                                     <div class="col-md-12 col-sm-12 form-group">
  191.                                         <label for="sujet">Message <span class="required">*</span></label>
  192.                                         {{ form_widget(form.message, {
  193.                                             'attr': {
  194.                                                 'placeholder':'Votre message','class': 'form-control' ~ (form_errors(form.message) ? ' is-invalid' : '')
  195.                                             }
  196.                                         }) }}
  197.                                         {% for error in form.message.vars.errors %}
  198.                                             <div class="invalid-feedback">
  199.                                                 {{ error.message }}
  200.                                             </div>
  201.                                         {% endfor %}
  202.                                     </div>
  203.                                 </div>
  204.                                 <!-- Consentement -->
  205.                                 <div class="col-md-12 col-sm-12 form-group">
  206.                                     <div class="form-check">
  207.                                         {{ form_widget(form.accept_cgu, {
  208.                                             'attr': {
  209.                                                 'class': 'form-check-input' ~ (form_errors(form.accept_cgu) ? ' is-invalid' : '')
  210.                                             }
  211.                                         }) }}
  212.                                         {{ form_label(form.accept_cgu, null, {'label_attr': {'class': 'form-check-label'}}) }}
  213.                                         {% for error in form.accept_cgu.vars.errors %}
  214.                                             <div class="invalid-feedback">{{ error.message }}</div>
  215.                                         {% endfor %}
  216.                                     </div>
  217.                                 </div>
  219.                                 <!-- Bouton -->
  220.                                 <div class="col-md-12 col-sm-12 form-group">
  221.                                     <button type="submit" class="btn btn-success"><i class="fa fa-paper-plane"></i> &nbsp;Envoyer</button>
  222.                                 </div>
  223.                                 {{ form_end(form) }}
  224.                             </div>
  225.                         </div>
  226.                     </div>
  227.                 </div>
  228.             </div>
  229.             <div class="both"></div>
  230.         </div>
  231.     </div>
  232.     <!-- /page content -->
  233. {% endblock %}