{% if objetsBeforeForm is defined %}
	{% for beforeFormObjet in objetsBeforeForm %}
		{{ beforeFormObjet.html|objetChar|raw }}
	{% endfor %}
{% endif %}

{% for beforeFormObjetg in objetsGBeforeForm %}
	{{ beforeFormObjetg.html|objetChar|raw }}
{% endfor %}

{% if forms is defined and (forms|length) > 0 %}

	<section class="form-section" id="formSection" rel="js-contact-form">
		<form id="regForm" method="POST" action="{{path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))}}">

			<div class="title-wrapper">
				<p class="h1">{{forms['data']['tb_form_c_nom_online']}}</p>
				<p>{{forms['data']['tb_form_c_description_debut']}}</p>
			</div>

			<div class="form-content">

				{% if formCount > 1 %}
					<div class="step-group">
						{% for i in 1..formCount %}
							<span class="step"></span>
						{% endfor %}
					</div>
				{% endif %}

				{% if formCount == 1 %}
					<div class="step-group d-none">
						{% for i in 1..formCount %}
							<span class="step"></span>
						{% endfor %}
					</div>
				{% endif %}

				<input type="hidden" value="" id="token" name="token"/>
				<input type="hidden" value="{{forms['data']['tb_form_c_nom']}}" id="title_form" name="title_form"/>
				<input
				type="hidden" value="{{forms['data']['tb_form_id']}}" id="form" name="form"/>

				{# <div class="g-recaptcha" data-sitekey="6Lc_IUofAAAAACqzep0PBeaegx_wPEOxpFRvwxbq"></div> #}

				<div class="form-result" id="hiddentoast">
					<div class="Message Message--green d-none">

						<div class="Message-icon">
							<i class="fa fa-check"></i>
						</div>
						<div class="Message-body">
							{% if forms['data']['tb_form_c_description_fin'] != "" %}
								<p>{{forms['data']['tb_form_c_description_fin']}}</p>
							{% else %}
								<p>Votre message a bien été enregistré</p>
							{% endif %}

							{% set showDownloadBtn = false %}

							{% for forms in forms['form'] %}
								{% for form in forms %}
									{% if form['label_recap'] != '' %}
										{% set showDownloadBtn = true %}
									{% endif %}
								{% endfor %}
							{% endfor %}

							{% if showDownloadBtn %}
								<div class="btn-wrapper">
									<a id="quotePDF" type="button" href="#" class="Message-button">Télécharger le rapport de devis</a>
									{% if forms["data"]["tb_form_encaissement_en_ligne"] == 1 %}
										<a id="toStripe" href="#" class="Message-button" type="button">
											{% if forms["data"]["tb_form_label_bouton_paiement"] is defined and forms["data"]["tb_form_label_bouton_paiement"] is not empty %}
												{{forms["data"]["tb_form_label_bouton_paiement"]}}
											{% else %}
												Payer
											{% endif %}
										</a>
									{% endif %}
									<script>
										sendPdf = 'true';
									</script>
								</div>
							{% else %}
								<script>
									sendPdf = 'false';
								</script>
							{% endif %}

						</div>
					</div>

					<div class="Message Message--red  d-none">
						<div class="Message-icon">
							<i class="fa fa-times"></i>
						</div>
						<div class="Message-body">
							<p>Quelque chose a mal tourné.</p>
							<a type="button" href="#" class="Message-button" onclick="window.location.reload();">Réessayer</a>
						</div>
					</div>

				</div>

				<div class="row">

					<div class="col-md-12 col-lg-6 col-xxl-6">

						{% for forms in forms['form'] %}
							{% set titleEtapenew = '' %}
							<div class="{{'step'~ loop.index}} tab">
								{% for form in forms %}

									{% set titleEtapelast = form['tb_form_etape_c_titre'] %}
									{% if titleEtapelast != titleEtapenew %}
										{% set titleEtapenew = titleEtapelast %}

										<div class="title-wrapper">
											<h6 class="title">
												{{titleEtapelast}}
											</h6>
											<p>{{form['tb_form_etape_c_description']}}</p>
										</div>


										<input type="hidden" value="{{titleEtapelast}}" id="formetapequestion" name="formetapequestion"/>
										<span class="spansecureetape" hidden>{{ form['secure'] }}</span>
										<span class="spansaveetape" hidden>{{ form['save'] }}</span>
									{% endif %}

									{% if form['tb_form_input_c_type'] == 'radio' %}

										<div class="single_step inpdiv">
											<label class="title_step">{{form['tb_form_champs_c_nom_online']}}
												{% if form['obligatoire'] %}
													<span class="text-danger">*</span>
												{% endif %}
											</label>
											<label class="d-none" id="recapidlabel">
												{% if form['label_recap'] != '' %}
													{{form['tb_form_recap_id']}}
												{% endif %}
											</label>
											<div class="step_decale">
												{% for res in resForm(form['tb_form_champs_liee_id']) %}
													<div class="form-check">
														<input class="form-check-input" type="radio" data-recap-id="{{form['tb_form_recap_id']}}" data-name="{{form['tb_form_champs_c_nom_online']}}" data-champ-id="{{form['tb_form_champs_c_nom']}}" data-option-image="{{res['lien_image']}}" data-option-image-server="{{res['image_http_serveur']}}" {% if res['valeur'] !=0 and res['valeur'] !='' %} data-option-value="{{res['valeur']}}{{ form['unit'] }}" {% else %} data-option-value="" {% endif %} name="radio-{{form['tb_form_champs_liee_id']}}-{{form['tb_form_champs_c_nom']}}" id="option-{{form['tb_form_champs_liee_id']}}-{{res['id_reponse']}}" value="{{res['reponse']}}" {{ form['tb_form_champs_c_attribut'] }} {% if form['obligatoire'] %} required {% endif %}>
														<label class="form-check-label" for="option-{{form['tb_form_champs_liee_id']}}-{{res['id_reponse']}}">
															{{res['reponse']}}
															&nbsp;
															{% if res['valeur'] != '' %}
																| &nbsp;
																{{res['valeur']}}
																{{ form['unit'] }}
															{% endif %}
														</label>
													</div>
												{% endfor %}
											</div>
										</div>

									{% elseif form['tb_form_input_c_type'] == 'checkbox' %}

										<div class="single_step inpdiv">
											<label class="title_step">{{form['tb_form_champs_c_nom_online']}}
												{% if form['obligatoire'] %}
													<span class="text-danger">*</span>
												{% endif %}
											</label>
											<label class="d-none" id="recapidlabel">
												{% if form['label_recap'] != '' %}
													{{form['tb_form_recap_id']}}
												{% endif %}
											</label>
											<div class="step_decale">
												{% for res in resForm(form['tb_form_champs_liee_id']) %}
													<div class="form-check">
														<input type="checkbox" data-recap-id="{{form['tb_form_recap_id']}}" class="form-check-input" data-name="{{form['tb_form_champs_c_nom_online']}}" data-champ-id="{{form['tb_form_champs_c_nom']}}" data-option-image="{{res['lien_image']}}" data-option-image-server="{{res['image_http_serveur']}}" {% if res['valeur'] !=0 and res['valeur'] !='' %} data-option-value="{{res['valeur']}}{{ form['unit'] }}" {% else %} data-option-value="" {% endif %} name="checkbox-{{form['tb_form_champs_liee_id']}}-{{form['tb_form_champs_c_nom']}}" id="option-{{form['tb_form_champs_liee_id']}}-{{res['id_reponse']}}" value="{{res['reponse']}}" {{ form['tb_form_champs_c_attribut'] }} {% if form['obligatoire'] %} required {% endif %}>
														<label class="form-check-label" for="option-{{form['tb_form_champs_liee_id']}}-{{res['id_reponse']}}">
															{{res['reponse']}}
															&nbsp;
															{% if res['valeur'] != '' %}
																| &nbsp;
																{{res['valeur']}}
																{{ form['unit'] }}
															{% endif %}
														</label>
													</div>
												{% endfor %}
											</div>
										</div>

									{% elseif form['tb_form_input_c_type'] == 'list' %}

										<div class="single_step inpdiv">
											<label class="title_step">{{form['tb_form_champs_c_nom_online']}}</label>
											<label class="d-none" id="recapidlabel">
												{% if form['label_recap'] != '' %}
													{{form['tb_form_recap_id']}}
													{% if form['obligatoire'] %}
														<span class="text-danger">*</span>
													{% endif %}
												{% endif %}
											</label>
											<div class="step_decale">
												{% for res in resForm(form['tb_form_champs_liee_id']) %}

													<div class="row mb-3 align-items-center">
														<div class="col-3">
															<input type="number" data-option="{{res['reponse']}}" data-recap-id="{{form['tb_form_recap_id']}}" data-name="{{form['tb_form_champs_c_nom_online']}}" data-champ-id="{{form['tb_form_champs_c_nom']}}" data-option-image="{{res['lien_image']}}" data-option-image-server="{{res['image_http_serveur']}}" data-option-value="{{res['valeur']}}" data-option-unite="{{ form['unit'] }}" name="option-{{form['tb_form_champs_liee_id']}}-{{form['tb_form_champs_c_nom']}}" id="option-{{form['tb_form_champs_liee_id']}}-{{res['id_reponse']}}" class="form-control" {{form['tb_form_input_c_type']}} {{ form['tb_form_champs_c_attribut'] }} {% if form['obligatoire'] %} required {% endif %}>
														</div>
														<div class="col">
															<label for="option-{{form['tb_form_champs_liee_id']}}-{{res['id_reponse']}}" class="form-label">
																* &nbsp;
																{{res['reponse']}}
																&nbsp;
																{% if res['valeur'] != '' %}
																	-
																	{{res['valeur']}}
																	{{ form['unit'] }}
																{% endif %}
															</label>
														</div>
													</div>
												{% endfor %}
											</div>
										</div>

									{% elseif form['tb_form_input_c_type'] == 'textarea' %}

										<div class="form-group single_step inpdiv">
											<label class="title_step" for="area-{{form['tb_form_champs_liee_id']}}">{{form['tb_form_champs_c_nom_online']}}</label>
											{% if form['obligatoire'] %}
												<span class="text-danger">*</span>
											{% endif %}
											<div class="step_decale">
												<textarea rows="6" class="form-control" data-name="{{form['tb_form_champs_c_nom_online']}}" data-champ-id="{{form['tb_form_champs_c_nom']}}" name="{{form['tb_form_champs_c_nom_online']}}" id="area-{{form['tb_form_champs_liee_id']}}" {{ form['tb_form_champs_c_attribut'] }} {% if form['obligatoire'] %} required {% endif %}></textarea>
											</div>
										</div>

									{% else %}

										{% if form['tb_form_champs_c_nom'] == 'contact_email_secure' %}

											<div class="inpdiv form-input-rounded" name="div-{{form['tb_form_champs_c_nom']}}">
												<label for="text-{{form['tb_form_champs_c_nom']}}" class="form-label mb-2 mt-2">{{form['tb_form_champs_c_nom_online']}}
													{% if form['obligatoire'] %}
														<span class="text-danger">*</span>
													{% endif %}
												</label>
												<div class="input-group mb-3">
													<input type="{{form['tb_form_input_c_type']}}" class="form-control" data-name="{{form['tb_form_champs_c_nom_online']}}" data-champ-id="{{form['tb_form_champs_c_nom']}}" name="text-{{form['tb_form_champs_c_nom']}}" required id="text-{{form['tb_form_champs_c_nom']}}" {{ form['tb_form_champs_c_attribut'] }} {% if form['obligatoire'] %} required {% endif %}>
													<button type="button" class="btn btn-primary" onclick="sendCode('{{form['tb_form_input_c_type']}}', 'text-{{form['tb_form_champs_c_nom']}}')">Envoyer code</dutton>
												</div>
											</div>

											<div class="inpdiv form-input-rounded" name="div-vallidate-code-email">
												<label for="text-validate-code-email" class="form-label mb-2 mt-2">Saisir le code</label>
												<div class="input-group mb-3">
													<input type="text" class="form-control" data-name="{{form['tb_form_champs_c_nom_online']}}" data-champ-id="{{form['tb_form_champs_c_nom']}}" name="text-validate-code-email" id="text-validate-code-email" max="6" min="6" required>
													<button type="button" class="btn btn-primary" onclick="verifyCodeEmail()">Verifier</dutton>
													<button type="button" class="btn btn-outline-primary" onclick="resendCodeEmail()">Renvoyer</dutton>
												</div>
											</div>

										{% elseif form['tb_form_champs_c_nom'] == 'contact_tel_secure' %}

											<div class="inpdiv form-input-rounded" name="div-{{form['tb_form_champs_c_nom']}}">
												<label for="text-{{form['tb_form_champs_c_nom']}}" class="form-label mb-2 mt-2">{{form['tb_form_champs_c_nom_online']}}
													{% if form['obligatoire'] %}
														<span class="text-danger">*</span>
													{% endif %}
												</label>
												<div class="input-group mb-3">
													<input type="{{form['tb_form_input_c_type']}}" class="form-control" data-name="{{form['tb_form_champs_c_nom_online']}}" data-champ-id="{{form['tb_form_champs_c_nom']}}" name="text-{{form['tb_form_champs_c_nom']}}" required id="text-{{form['tb_form_champs_c_nom']}}" {{ form['tb_form_champs_c_attribut'] }} {% if form['obligatoire'] %} required {% endif %}>
													<button type="button" class="btn btn-primary" onclick="sendCode('{{form['tb_form_input_c_type']}}', 'text-{{form['tb_form_champs_c_nom']}}')">Envoyer code</dutton>
												</div>
											</div>

											<div class="inpdiv form-input-rounded" name="div-vallidate-code-sms">
												<label for="text-validate-code-sms" class="form-label mb-2 mt-2">Saisir le code</label>
												<div class="input-group mb-3">
													<input type="text" class="form-control" data-name="{{form['tb_form_champs_c_nom_online']}}" data-champ-id="{{form['tb_form_champs_c_nom']}}" name="text-validate-code-sms" id="text-validate-code-sms" max="6" min="6" required>
													<button type="button" class="btn btn-dark" onclick="verifyCodeSMS()">Verifier</dutton>
													<button type="button" class="btn btn-primary" onclick="resendCodeSMS()">Renvoyer</dutton>
												</div>
											</div>

										{% else %}

											<div class="form-group single_step inpdiv">
												<label class="title_step" for="champ-{{form['tb_form_champs_liee_id']}}">{{form['tb_form_champs_c_nom_online']}}
													{% if form['obligatoire'] %}
														<span class="text-danger">*</span>
													{% endif %}
												</label>
												<div class="step_decale">
													<input type="{{form['tb_form_input_c_type']}}" class="form-control" data-name="{{form['tb_form_champs_c_nom_online']}}" data-champ-id="{{form['tb_form_champs_c_nom']}}" name="{{form['tb_form_champs_c_nom_online']}}" id="champ-{{form['tb_form_champs_liee_id']}}" {{ form['tb_form_champs_c_attribut'] }} {% if form['obligatoire'] %} required {% endif %}>
												</div>
											</div>

										{% endif %}

									{% endif %}

								{% endfor %}

							</div>
						{% endfor %}

					</div>

					<div id="recapsidetab" class="col-md-12 col-lg-6 col-xxl-6">
						{% for forms in forms['form'] %}
							<div class="{{'step'~ loop.index}} tttab inpdiv" style="display: none;">
								{% for form in forms %}

									{% if form['label_recap'] != '' %}

										{% include 'vitrine/formulaire/includes/_recap.html.twig' %}

									{% endif %}

								{% endfor %}
							</div>
						{% endfor %}
					</div>

				</div>

				<div class="form-footer inpdiv">
					{% if formCount > 1 %}
						<div class="button-group">
							<button class="btn btn-outline-primary" type="button" id="prevBtn" onclick="nextPrev(-1, 'prev')">Précédent</button>
							<button class="btn btn-primary" type="button" id="nextBtn" onclick="nextPrev(1, '')">Suivant</button>
						</div>

					{% else %}
						<div class="button-group">
							<button class="btn btn-primary" type="button" id="single_form_submit" onclick="nextPrev(1, '')">Enregistrer</button>
						</div>
					{% endif %}
					<div class="recaptcha-info">
						Ce site est protégé par reCAPTCHA, la
						<a class="link-primary" href="https://policies.google.com/privacy">politique privée</a>
						de Google et les
						<a class="link-primary" href="https://policies.google.com/terms">conditions d'utilisation</a>.
						<br>
						Les informations saisies permettront le traitement de votre demande et éventuellement de vous contacter si vous avez des difficultés à remplir entièrement votre formulaire.
					</div>
				</div>

			</div>
		</form>
		<input type="hidden" id="urlTwigPath" value="{{ path('generate_plan_stripe', {'token': '__token_placeholder__'}) }}"/>
	</section>
	<script src="https://www.google.com/recaptcha/enterprise.js?render={{projectConfig.recaptcha_site_key}}"></script>
{% endif %}