templates/Public/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block title %}Contact{% if option('default_page_suffix') %} {{ option('default_page_suffix')|e('html') }}{% endif %}{% endblock %}
  4. {% block description %}Formulaire de contact du site ExaCompare.fr.{% endblock %}
  6. {% block javascripts %}
  7. {{ parent() }}
  8. <script src='https://www.google.com/recaptcha/api.js'></script>
  9. {% endblock %}
  11. {% block breadcrumb %}
  12. <div id="breadcrumb" class="bg_grey">
  13. <div class="container">
  14. <div class="row">
  15. <ul class="col-sm-12">
  16. <li><a href="{{ path('public_index') }}">Accueil</a></li>
  17. <li class="current">Contact</li>
  18. </ul>
  19. </div>
  20. </div>
  21. </div>
  22. <div style="height: 0px;overflow: hidden;">
  23. <ol itemscope itemtype="http://schema.org/BreadcrumbList">
  24. <li itemprop="itemListElement" itemscope
  25. itemtype="http://schema.org/ListItem">
  26. <a itemscope itemtype="http://schema.org/Thing"
  27. itemprop="item" href="{{ app.request.uri }}" itemid="contact">
  28. <span itemprop="name">Contact</span>
  29. </a>
  30. <meta itemprop="position" content="1" />
  31. </li>
  32. </ol>
  33. </div>
  34. {% endblock %}
  36. {% block content %}
  37. <div id="contact" class="page">
  38. <div class="container">
  39. <div class="row">
  40. <div class="title col-sm-12">
  41. <h1>Contact</h1>
  42. </div>
  43. </div>
  45. {% form_theme contact_form 'Form/exacompare.html.twig' %}
  46. {{ form_start(contact_form, {'attr': {'class': 'form'}}) }}
  48. <div class="row">
  49. <p class="form-message col-sm-12">
  50. À compléter, nous vous répondrons dans les plus brefs délais.
  51. </p>
  52. {{ form_row(contact_form.nom, {'row_class': 'col-sm-6'}) }}
  53. </div>
  54. <div class="row">
  55. {{ form_row(contact_form.email, {'row_class': 'col-sm-6'}) }}
  56. </div>
  57. <div class="row">
  58. {{ form_row(contact_form.telephone, {'row_class': 'col-sm-6'}) }}
  59. </div>
  60. <div class="row">
  61. {{ form_row(contact_form.message, {'row_class': 'col-sm-12'}) }}
  62. <div class="col-sm-12 g-recaptcha" data-sitekey="{{ google_recaptcha_key }}"></div>
  63. {% if captcha_error %}
  64. <div class="col-sm-12">
  65. <ul class="form-errors">
  66. <li>Le captcha n'est pas valide.</li>
  67. </ul>
  68. </div>
  69. {% endif %}
  70. </div>
  71. <div class="row">
  72. <p class="form-required-legend form-message col-sm-12">
  73. <span class="required form-required-mark">*</span> Champ obligatoire.
  74. </p>
  75. <div class="form-submit clearfix col-sm-12">
  76. {{ form_row(contact_form.submit) }}
  77. </div>
  78. </div>
  79. {{ form_end(contact_form) }}
  80. </div>
  81. </div>
  83. <script>
  84. $("form").submit(function(e){
  85. $("form button").prop('disabled', true);
  86. $("form button").text('Envoi en cours…');
  87. if (!this.checkValidity()) {
  88. $("form button").removeAttr('disabled');
  89. $("form button").text('Envoyer');
  90. }
  91. });
  92. </script>
  93. {% endblock %}