templates/default/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'layout_fo.html.twig' %}
  3. {% block title %}Contacter notre agence pour vendre un bien immobilier - Promup{% endblock %}
  4. {% block description %}N'hésitez pas à nous contacter pour vous accompagner dans votre stratégie de communication visant à vendre votre bien immobilier sans agence ni commissions{% endblock %}
  6. {% block body_class %}page-contact{% endblock %}
  8. {% block javascripts %}
  9. {{ parent() }}
  10. <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  11. {% endblock %}
  13. {% block content %}
  14. <main class="container">
  15. <div class="row justify-content-center text-center">
  16. <div class="col-md-8">
  17. <h1 class="py-5">Nous sommes là pour <span class="text-primary">vous aider.</span></h1>
  19. {% include 'partial/_flashes.html.twig' %}
  21. {{ form_start(form) }}
  22. <div class="row">
  23. <div class="col-md">
  24. {{ form_row(form.reference) }}
  25. </div>
  26. <div class="col-md">
  27. {{ form_row(form.name) }}
  28. </div>
  29. <div class="col-md">
  30. {{ form_row(form.email) }}
  31. </div>
  32. <div class="col-md">
  33. {{ form_row(form.phone) }}
  34. </div>
  35. </div>
  36. <div class="row">
  37. <div class="col-md">
  38. {{ form_row(form.content) }}
  39. </div>
  40. </div>
  41. <div class="row justify-content-center">
  42. <div class="col-auto">
  43. <div class="g-recaptcha py-3" data-sitekey="{{ antispam_info.data }}"></div>
  44. <br />
  45. <button class="btn btn-primary p-3 text-uppercase" type="submit">Envoyer <span class="fas fa-long-arrow-alt-right text-white"></span></button>
  46. </div>
  47. </div>
  48. <input type="hidden" name="antispam_hash" value="{{ antispam_info.hash }}" />
  50. {{ form_end(form) }}
  52. <div class="row my-5">
  53. <div class="col py-3">
  54. <strong class="text-uppercase">France</strong><br />
  55. <p>
  56. {{ platform.head_office|replace({'- 83170': '<br />83170'})|raw }}<br />
  57. <a class="mx-3" href="mailto:{{ platform.email }}">{{ platform.email }}</a><br />
  58. <a class="mx-3" href="tel:{{ platform.phone }}">{{ platform.phone|phoneFormat }}</a><br />
  59. </p>
  60. </div>
  61. <div class="col py-3">
  62. <strong class="text-uppercase">France</strong><br />
  63. <p>
  64. {{ platform.uk_head_office|replace({'-': '<br />'})|raw }}<br />
  65. <a class="mx-3" href="mailto:{{ platform.uk_email }}">{{ platform.uk_email }}</a><br />
  66. <a class="mx-3" href="tel:{{ platform.uk_phone }}">{{ platform.uk_phone|phoneFormat }}</a><br />
  67. </p>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="banner-contact-map"></div>
  73. </main>
  75. <script>
  76. $(document).ready(function () {
  77. /* Contrôle Anti-Spam */
  78. $('.g-recaptcha').closest('form').on('submit', function (e) {
  79. if (grecaptcha.getResponse() === '') {
  80. e.preventDefault();
  81. alert('Vous devez cocher la case Anti-spam pour envoyer ce formulaire');
  83. return false;
  84. }
  85. });
  86. });
  87. </script>
  88. {% endblock %}