templates/pages/_includes/form/_form_contact_fields.html.twig line 1

Open in your IDE?
  1. {# Champs du formulaire contact (page form.html.twig + modale rappel). #}
  2. {# Variables : form (FormView), show_submit_button (bool, défaut true), callback_slot_after_consent (bool, défaut false — true en modale pour placer le créneau sous le long libellé RGPD). #}
  3. <div class="form-group">
  4. {{ form_label(form.civility) }}
  5. <div class="radio-group">
  6. <div class="radio-input">
  7. {% for option in form.civility %}
  8. <div class="form-check">
  9. <label class="form-check-label">
  10. {{ form_widget(option, {'attr': {'class': 'form-check-input'}}) }}
  11. <span>{{ option.vars.label }}</span>
  12. </label>
  13. </div>
  14. {% endfor %}
  15. </div>
  16. </div>
  17. {{ form_errors(form.civility) }}
  18. </div>
  20. <div class="row">
  21. <div class="form-group col-md-6 col-sm-12">
  22. {{ form_label(form.lastName) }}
  23. {{ form_widget(form.lastName, {'attr': {'class': 'form-control'}}) }}
  24. {{ form_errors(form.lastName) }}
  25. </div>
  27. <div class="form-group col-md-6 col-sm-12">
  28. {{ form_label(form.firstName) }}
  29. {{ form_widget(form.firstName, {'attr': {'class': 'form-control'}}) }}
  30. {{ form_errors(form.firstName) }}
  31. </div>
  32. </div>
  34. <div class="row">
  35. <div class="form-group col-md-6 col-sm-12">
  36. {{ form_label(form.email) }}
  37. {{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
  38. {{ form_errors(form.email) }}
  39. </div>
  41. <div class="form-group col-md-6 col-sm-12">
  42. {{ form_label(form.phone) }}
  43. {{ form_widget(form.phone, {'attr': {'class': 'form-control'}}) }}
  44. {{ form_errors(form.phone) }}
  45. </div>
  46. </div>
  48. <div class="form-group">
  49. {{ form_label(form.subject) }}
  50. {{ form_widget(form.subject, {'attr': {'class': 'form-control form-select'}}) }}
  51. {{ form_errors(form.subject) }}
  52. </div>
  54. <div class="form-group">
  55. {{ form_label(form.message) }}
  56. {{ form_widget(form.message, {'attr': {'class': 'form-control form-textarea', 'rows': 5}}) }}
  57. {{ form_errors(form.message) }}
  58. </div>
  60. <div class="form-group">
  61. {{ form_label(form.wantsCallback) }}
  62. <div class="radio-group">
  63. <div class="radio-input">
  64. {% for option in form.wantsCallback %}
  65. <div class="form-check">
  66. <label class="form-check-label">
  67. {{ form_widget(option, {'attr': {'class': 'form-check-input', 'data-toggle-callback': 'true'}}) }}
  68. <span>{{ option.vars.label }}</span>
  69. </label>
  70. </div>
  71. {% endfor %}
  72. </div>
  73. </div>
  74. {{ form_errors(form.wantsCallback) }}
  75. </div>
  77. {% if not callback_slot_after_consent|default(false) %}
  78. <div class="form-group callback-fields-wrapper" style="display: none;">
  79. <label>{{ 'form.contact.callback_slot'|trans }}</label>
  80. <div class="form-group">
  81. {{ form_label(form.callbackDateTime) }}
  82. {{ form_widget(form.callbackDateTime) }}
  83. {{ form_errors(form.callbackDateTime) }}
  84. </div>
  85. </div>
  86. {% endif %}
  88. <div class="form-group checkbox-group">
  89. {{ form_widget(form.consent, {'attr': {'class': 'form-checkbox'}}) }}
  90. {{ form_label(form.consent) }}
  91. {{ form_errors(form.consent) }}
  92. </div>
  94. {% if callback_slot_after_consent|default(false) %}
  95. <div class="form-group callback-fields-wrapper" style="display: none;">
  96. <label>{{ 'form.contact.callback_slot'|trans }}</label>
  97. <div class="form-group">
  98. {{ form_label(form.callbackDateTime) }}
  99. {{ form_widget(form.callbackDateTime) }}
  100. {{ form_errors(form.callbackDateTime) }}
  101. </div>
  102. </div>
  103. {% endif %}
  105. {% if show_submit_button is not defined or show_submit_button %}
  106. <div class="form-actions">
  107. <button type="submit" class="btn style1 reverse_color">{{ 'website.ui.contact.send'|trans }}</button>
  108. </div>
  109. {% endif %}