templates/contact/ask/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ website_name }} contactez le service support !{% endblock %}
  5. {% block stylesheets %}
  6.     <link rel="stylesheet" href="{{ asset('/css/pages/contact.css') }}" />
  7. {% endblock %}
  11. {% block body %}
  12.     <div class="min-slider">
  13.         <div class="usefull-width">
  14.             <div class="item-slider-centered">
  15.                 <H1 class="item-header-h2">
  16.                     Contacter le service support
  17.                 </H1>
  18.                 <H2>
  19.                     Remplissez les champs ci-dessous, nos équipes vous répondent !
  20.                 </H2>
  21.             </div>
  22.         </div>
  23.     </div>
  25.     <div class="usefull-width">
  26.         <div class="flex-item">
  27.             <div class="item-form">
  28.                 <ol class="breadcrumb">
  29.                     <li class="breadcrumb-item"><a href="{{ path('contact') }}">Contact</a></li>
  30.                     <li class="breadcrumb-item active" aria-current="page">Service support</li>
  31.                 </ol>
  32.                 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  33.                     <div class="alert-success erase">
  34.                         <b>Félicitations</b>, nous avons bien pris en compte votre demande.
  35.                         <br/>
  36.                         Nos équipes vous contacteront dans les plus brefs délais.
  37.                     </div>
  38.                     <div class="alert-danger erase">
  39.                         Une erreur est survenue, veuillez essayer ultérieurement.
  40.                     </div>
  41.                 </div>
  42.                 {% if form is not empty %}
  43.                     {{ form_start(form, {'attr': {'id':'myForm'} }) }}
  44.                         <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  45.                             {{ form_row(form.name) }}
  46.                         </div>
  47.                         <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  48.                             {{ form_row(form.last_name) }}
  49.                         </div>
  50.                         <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  51.                             {{ form_row(form.compagny_name) }}
  52.                         </div>
  53.                         <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  54.                             {{ form_row(form.phone) }}
  55.                         </div>
  56.                         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  57.                             {{ form_row(form.email) }}
  58.                         </div>
  59.                         <div class="with-padding-left-right-15">
  60.                             {{ form_row(form.message) }}
  62.                             <div class="flex-item">
  63.                                 <div class="loader erase">
  64.                                     <img src="{{ asset('/images/loader/loader.gif') }}" width="40" height="40" border="0"/>
  65.                                 </div>
  66.                                 <button class="loader-button button_blue with-min-width-150 with-margin-top-20">
  67.                                     Envoyer
  68.                                 </button>
  69.                             </div>
  70.                         </div>
  71.                     {{ form_end(form) }}
  72.                 {% endif %}
  73.             </div>
  74.         </div>
  75.     </div>
  76. </div>
  77. {% endblock %}
  79. {% block javascriptFooter %}
  80. <script>
  81.     $(document).ready(function(){
  82.         $('#myForm').submit(function(e){
  83.             e.preventDefault();
  84.             $('.loader').show();
  85.             $('.loader-button').hide();
  86.             $.ajax({
  87.                 url: '/send/information-contact',
  88.                 type: "POST",
  89.                 data: $(this).serialize(),
  90.                 success: function(data, textStatus, jqXHR) {
  91.                     if(data === true){
  92.                         $('.alert-success').show();
  93.                         $('.loader').hide();
  94.                     }else{
  95.                         $('.alert-success, .loader').hide();
  96.                         $('.alert-error, .loader-button').show();
  97.                     }
  98.                 },
  99.                 complete: function() {
  100.                 },
  101.                 error: function(jqXHR, textStatus, errorThrown) {
  103.                 }
  104.             });
  105.         });
  106.     });
  107. </script>
  108. {% endblock %}