{% embed "index.html.twig" %}

{% block headcontent %}
	{{ parent() }}
	<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
{% endblock %}

{% block content %}
{% if categorie == 'thyssenkrupp' %}
<div class="row">
	<div class="col-lg-2"><img src="/formulaire-abonnement/img/Thyssenkrupp_AG_Logo_2015.svg_.png" alt="" width="150"></div>
	<div class="col-lg-10"></div>
</div>
{% endif %}
<section class="contentPartenaire formulaire">
	<div class="row">
		<div class="col-lg-12">
			<p>Les champs marqués d'un <span class="red">*</span> sont obligatoires. {% if subscription_urls %}
					<a class="btn btn-default" id="switchSubUrls" data-toggle="modal" data-target="#subscriptionUrlsModal" title="Sélectionner un parcours de souscription">
						<i class="fas fa-exchange-alt" aria-hidden="true"></i>
					</a>
				{% endif %}</p>
			
		</div>
	</div>
	<form id="example-form" method="post" action="traitement.php">
	    <div class="fondPartenaire">
	        {% include '_leproduit.html.twig' %}
	        {% include '_utilisateur.html.twig' %}
	        {% include '_contact.html.twig' %}
	        {% include '_confirmation.html.twig' %}
	    </div>
		{% if subscription_urls %}
			{% include '_subscription_urls_modal.html.twig' with {'subscription_urls' : subscription_urls} %}
		{% endif %}
	</form>
</section>
<div class="row">
	<div class="col-lg-12 p-4 mx-4 rgpd">
		{% if codeConvention == "BLUELINEASERVICES" or codeConvention == "BLUELINEA" or codeConvention == "" %}
			<span>**Les informations recueillies sur ce formulaire sont enregistrées dans un fichier informatisé par Bluelinea SA
			 pour la souscription de votre contrat de téléassistance. La base légale du traitement est l'exécution d'un contrat ou des mesures précontractuelles.
			  Les données collectées pourront être communiquées aux partenaires et sous-traitants éventuels de Bluelinea SA ainsi qu'aux tiers dûment habilités
			   lorsque cette communication est strictement nécessaire pour la finalité déclarée.
			</span>
			<span>En cas de conclusion d’un contrat, les données personnelles collectées sont conservées pendant la durée de votre contrat à laquelle s’ajoutent les durées de prescription légales applicables. 
			En l’absence de conclusion d’un contrat, vos données peuvent être conservées pendant 3 mois à compter de leur collecte pour l'établissement d'un devis.
			</span>
			<span>Vous pouvez accéder aux données vous concernant, les rectifier, demander leur effacement ou exercer votre droit à la limitation du traitement de vos données.
			 Vous pouvez également vous opposer au traitement de vos  données, exercer votre droit à la portabilité ou définir des directives post-mortem en écrivant à : contact-dpo@bluelinea.com ou à : Bluelinea, Délégué à la Protection des Données, 12 parvis du Colonel Arnaud Beltrame, 78000 Versailles.
			 Si vous estimez que vos droits ne sont pas respectés, vous pouvez adresser une réclamation à la CNIL. Plus de détails sur notre page : <a href="https://bluelinea.com/rgpd" target="_blank">Politique de protection des données</a>.	
			</span>
		{% endif %}
	</div>
</div>

{% endblock %}

{% block footer %}

{% endblock %}
	
	{% block javascript %}
	{{ parent() }}
	<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
	<script>
	function formatOption(option) {
		const span = document.createElement('span');
		span.textContent = option.text;
		span.setAttribute('title', 'Ouvrir dans un nouvel onglet : ' + option.id);
    	return span;
    }
	$(document).ready(function() {
		var subscription_urls_bis = '{{ subscription_urls  }}';
		if (subscription_urls_bis){
			subscription_urls_bis = decodeURIComponent(decodeURIComponent(subscription_urls_bis));
			subscription_urls_bis = JSON.parse(subscription_urls_bis);
			var data = [];
			subscription_urls_bis.forEach(function(item) {
				data.push({id:decodeURI(item.url), text: item.group.replace(/\\?\+/g, ' ')});
			});
			
			if ($('#subscriptionUrlsModal').attr('id')) {
			// console.log(data);
				$('#subscriptionUrlsModal').on('shown.bs.modal', function () {
					if ($('#subscriptionUrlsSelect').hasClass('select2-hidden-accessible')) {
						$('#subscriptionUrlsSelect').select2('destroy');
					}
					$('#subscriptionUrlsSelect').empty();
						$('#subscriptionUrlsSelect').select2({
							dropdownParent: $('#subscriptionUrlsModal'),
							width: '100%',
							data: data,
							templateResult: formatOption,
							templateSelection: formatOption,
							escapeMarkup: function(m) { return m; },  // Permet de ne pas échapper le HTML
							placeholder: 'Choisissez un parcours de souscription',
							language: {
						},
						}).val('').trigger('change');

						$('#subscriptionUrlsSelect').on('select2:open', function() {
							const searchField = document.querySelector('.select2-search__field');
							if (searchField) {
								searchField.placeholder = 'Recherchez un parcours de souscription'; 
							}
						});
						$('#subscriptionUrlsSelect').on('select2:select', function(e) {
							window.open(encodeURI($(this).val()), '_blank');
						});

				});
				$('#subscriptionUrlsModal').modal("show");
			}
		}
	});
    </script>
{% endblock %}
{% endembed %}