{#
	@author: Benjamin AMOUZOU <benkokouamouzou@gmail.com>
	Comment: Tout le code jquery écrit l'est pour que symfony gère automatiquement les formulaires
			 grâce à son composant form builder en se basant sur le nommage des inputs
	NB: 	 Interdiction formelle d'indenter le code avec l'ide sous peine de casser l'indentation du code jquery
#}
{% extends 'commercial/template-commercial.html.twig' %}

{% block titre_enfant %}
	Fournisseur
{% endblock %}

{% block contenu_principal_commercial %}
	<div class="container-fluid">
		{% include('template-message.html.twig') %}
		<div class="row">
			<div class="col-12">
				<span class="mt-3" style="list-style-type: none">{{form_errors(form)}}</span>
			</div>
		</div>
		<div class="row">
			<div class="col-12">
				<h5 class="mt-3">Edition fournisseur</h5>
			</div>
		</div>

		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12">
				<div class="edit-border">
					<form method="post">

						<div class="row">
							<div class="col-lg-3">
								{{form_label(form.denomination,"Raison sociale", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.denomination, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.activite, "Profil", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.activite, {'attr': {'class': 'custom-select custom-select-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.dateEnregistrement,"Date d'enrégistrement", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.dateEnregistrement, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3 mt-3 p-3">
								<div class="custom-control custom-checkbox">
									{{form_widget(form.actif, {'attr': {'class': 'custom-control-input'}})}}
									{{form_label(form.actif,"Actif", {'label_attr': {'class': 'custom-control-label col-form-label col-form-label-sm'}})}}<span class="text-danger">
										*</span><br/>
								</div>
							</div>
						</div>

						<div class="row mt-4">
							<div class="col-lg-3">
								{{form_label(form.nombreSite, "Nombre de site", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}
								{{form_widget(form.nombreSite, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.contact,"Numéro fixe", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}
								{{form_widget(form.contact, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.adresse,"Adresse", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}
								{{form_widget(form.adresse, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
						</div>

						{# Tabs personne contact #}
						<div class="row mt-5">
							<div class="col-lg-12 text-center">
								<label class="col-form-label col-form-label-sm text-primary">Personnes contacts</label>
								<hr class="mt-0"/>
							</div>

							<div class="col-lg-12 text-right mt-1">
								<a class="btn btn-new btn-sm" title="Ajouter une personne contact" id="ajouter-personne-contact">
									<i class="fa fa-plus-square-o fa-lg" color="white"></i>&nbsp;&nbsp;Ajouter</a>
							</div>

							<div class="col-lg-12" id="prototype-parent-personne-contact">
								<input type="hidden" id="nombre-personne-contact" value="{{form.personneContacts|length}}"/>

								{#Affichage des personnes contacts#}
								{% for personne in form.personneContacts %}

									<fieldset class="edit-border mt-2" id="prototype-child-personne-contact{{ loop.index - 1}}">

										<legend class="col-form-label col-form-label-sm" id="prototype-label-personne-contact-{{ loop.index - 1}}">Personne contact n° {{loop.index}}</legend>
										<div class="row">
											<div class="col-lg-3">
												{{form_label(personne.nom, "Nom", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
													*</span><br/>
												{{form_widget(personne.nom, {'attr': {'class': 'form-control form-control-sm mb-3'}})}}
											</div>
											<div class="col-lg-3">
												{{form_label(personne.prenoms, "Prénoms", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
													*</span><br/>
												{{form_widget(personne.prenoms, {'attr': {'class': 'form-control form-control-sm mb-3'}})}}
											</div>
											<div class="col-lg-3">
												{{form_label(personne.sexe, "Sexe", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
													*</span><br/>
												{{form_widget(personne.sexe, {'attr': {'class': 'custom-select custom-select-sm'}})}}
											</div>
											<div class="col-lg-3">
												{{form_label(personne.contacts, "Contacts", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
													*</span><br/>
												{{form_widget(personne.contacts, {'attr': {'class': 'form-control form-control-sm'}})}}
											</div>
										</div>
										<div class="row">
											<div class="col-lg-3">
												{{form_label(personne.email, "Email", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
													*</span><br/>
												{{form_widget(personne.email, {'attr': {'class': 'form-control form-control-sm'}})}}
											</div>
											<div class="col-lg-3">
												{{form_label(personne.poste, "Fonction", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
													*</span><br/>
												{{form_widget(personne.poste, {'attr': {'class': 'form-control form-control-sm'}})}}
											</div>
											<div class="col-lg-3">
												{{form_label(personne.type, "Type", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
												{{form_widget(personne.type, {'attr': {'class': 'custom-select custom-select-sm mb-3'}})}}
											</div>
										</div>

										<div class="row">
											<div class="col-lg-12 text-right">
												<a class="btn btn-delete p-0 supprimer-personne-contact">
													<i class="fa fa-trash-o fa-lg" title="Supprimer cette personne contact"></i>
												</a>
											</div>
										</div>
									</fieldset>

								{% endfor %}
								{# Fin affichage des personnes contacts #}
							</div>
							{# Fin tabs personne contact #}

							{# Début tabs services #}
							<div class="col-lg-12 text-center mt-4">
								<label class="col-form-label col-form-label-sm text-primary">Prestation de services</label>
								<hr class="mt-0"/>
							</div>

							<div class="col-lg-12" id="condition-service-radio">
								<label class="col-form-label col-form-label-sm">Souhaitez-vous enrégistrer des prestations de services ?</label><br/>

								<div class="custom-control custom-radio">
									<input type="radio" class="custom-control-input" id="service-oui" name="service" value="oui" checked/>
									<label class="custom-control-label col-form-label col-form-label-sm" for="service-oui">Oui</label>
								</div>

								<div class="custom-control custom-radio">
									<input type="radio" class="custom-control-input" id="service-non" name="service" value="non"/>
									<label class="custom-control-label col-form-label col-form-label-sm" for="service-non">Non</label>
								</div>
							</div>

							<div class="col-lg-12 text-right">
								<a class="btn btn-new btn-sm" title="Ajouter une prestation de service" id="ajouter-service-fourni">
									<i class="fa fa-plus-square-o fa-lg" color="white"></i>&nbsp;&nbsp;Ajouter</a>
							</div>

							<div class="col-lg-12" id="prototype-parent-service-fourni">
								{# Service fournisseur #}
								<input type="hidden" id="nombre-service-fourni" value="{{form.serviceFournis|length}}"/>

								{% for serviceFourni in form.serviceFournis %}
									{% set numeroService = loop.index - 1 %}
									<fieldset class="edit-border mt-2" id="prototype-child-service-fourni{{ loop.index - 1}}">

										<legend class="col-form-label col-form-label-sm">Prestation de service n° {{loop.index}}</legend>

										<div class="row">

											<div class="col-lg-3 mt-4">
												{{form_label(serviceFourni.service, "Service", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger"> *</span><br/>
												{{form_widget(serviceFourni.service, {'attr': {'class': 'custom-select custom-select-sm mb-2'}})}}<br/>
												<div class="custom-control custom-checkbox mt-1">
													{{form_widget(serviceFourni.serviceALaDemande, {'attr': {'class': 'custom-control-input'}})}}
													{{form_label(serviceFourni.serviceALaDemande, "Service à la demande", {'label_attr': {'class': 'custom-control-label col-form-label col-form-label-sm mt-0'}})}}<br/>
													{# <input type="checkbox" id="autre_commune" name="autre_commune" class="custom-control-input"/>
													<label for="autre_commune" class="custom-control-label col-form-label col-form-label-sm mt-0">Service à la demande</label> #}
												</div>
											</div>

											{# Facturation service #}
											<div class="col-lg-9" id="prototype-parent-facturation_serviceFournis_{{numeroService}}">
												<div class="row">
													<div class="col-lg-12 text-right mb-1">
														<a class="btn btn-new btn-sm ajouter-facturation" title="Ajouter une facturation" id="ajouter-facturation-serviceFournis_{{numeroService}}">
															<i class="fa fa-plus-square-o fa-lg" color="white"></i></a>
													</div>
												</div>

												<input type="hidden" id="nombre-facturation_serviceFournis_{{numeroService}}" value="{{serviceFourni.facturationServices|length}}"/>

												{% for facturation in serviceFourni.facturationServices %}
													{% set numeroFacturation = loop.index - 1 %}
													<fieldset class="edit-border mt-2" id="prototype-child_serviceFournis_{{numeroService}}_facturationServices_{{numeroFacturation}}">

														<legend class="col-form-label col-form-label-sm">Facturation n° {{loop.index}}</legend>

														<div class="row">
															<div class="col-lg-4">
																{{form_label(facturation.prixService, "Prix du service (FCFA)", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger"> *</span><br/>
																{{form_widget(facturation.prixService, {'attr': {'class': 'form-control form-control-sm'}})}}
															</div>
															<div class="col-lg-4">
																{{form_label(facturation.typeFacturation, "Type de facturation", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger"> *</span><br/>
																{{form_widget(facturation.typeFacturation, {'attr': {'class': 'custom-select custom-select-sm'}})}}
															</div>
														</div>
														<div class="row">
															<div class="col-lg-12 text-right">
																<a class="btn btn-delete supprimer-facturation p-0">
																	<i class="fa fa-trash-o fa-lg" title="Supprimer cette facturation" id="supprimer_serviceFournis_{{numeroService}}_facturationServices_{{numeroFacturation}}"></i>
																</a>
															</div>
														</div>
													</fieldset>
												{% endfor %}
											</div>
											{# Fin facturation service #}

										</div>

										<div class="row">
											<div class="col-lg-12">
												<a class="btn btn-delete p-0 supprimer-service-fourni" id="supprimer_serviceFournis_{{numeroService}}">
													<i class="fa fa-trash-o fa-lg" title="Supprimer cette prestation de service"></i>
												</a>
											</div>
										</div>
									</fieldset>
								{% endfor %}
								{# Fin service fournisseur #}

							</div>
							{# Fin tabs services #}

							{# Début tabs rachat de matières #}
							<div class="col-lg-12 text-center mt-4">
								<label class="col-form-label col-form-label-sm text-primary">Rachats de matières</label>
								<hr class="mt-0"/>
							</div>

							<div class="col-lg-12" id="condition-service-radio">
								<label class="col-form-label col-form-label-sm">Souhaitez-vous enrégistrer un rachat de matière ?</label><br/>

								<div class="custom-control custom-radio">
									<input type="radio" class="custom-control-input" id="rachat-oui" name="rachat" value="oui" checked/>
									<label class="custom-control-label col-form-label col-form-label-sm" for="rachat-oui">Oui</label>
								</div>

								<div class="custom-control custom-radio">
									<input type="radio" class="custom-control-input" id="rachat-non" name="rachat" value="non"/>
									<label class="custom-control-label col-form-label col-form-label-sm" for="rachat-non">Non</label>
								</div>
							</div>

							<input type="hidden" id="nombre-rachat-matiere" value="{{form.rachatMatieres|length}}"/>

							<div class="col-lg-12 mt-3 rachats">
								<label class="col-form-label col-form-label-sm">Séléctionez les matières premières rachetées chez ce fournisseur:</label>
							</div>

							<div class="col-lg-12 rachats">
								<div class="row mt-3">
									{% for matiere in matierePremieres %}
										{% set selectionne = false %}
										{% set valeur = '' %}
										{% if matiereRachetes is defined %}
											{% set indice = 0 %}
											{% for tableau in matiereRachetes %}
												{% if matiere.id == tableau[0] and not selectionne %}
													{% set selectionne = true %}
													{% set indice = loop.index - 1 %}{# 0 début des collections form builder #}
													{% set valeur = tableau[1] %}
												{% endif %}
											{% endfor %}
										{% endif %}

										<div class="col-lg-6">
											<div class="custom-control custom-checkbox col-lg-6">
												<input type="checkbox" class="custom-control-input rachat-matiere" value="{{matiere.id}}" id="rachat-matiere-denomination-{{matiere.id}}" name="{% if selectionne %}fournisseur[rachatMatieres][{{indice}}][matierePremiere]{% endif %}" {% if selectionne %}checked="checked"{% endif %}/>
												<label class="custom-control-label col-form-label col-form-label-sm" for="rachat-matiere-denomination-{{matiere.id}}">{{matiere.denomination}}</label><br/>
												<div style="{% if not selectionne %}display:none{% endif %}" id="rachat-matiere-prix-container-{{matiere.id}}">
													<label class="col-form-label col-form-label-sm" for="rachat-matiere-prix-{{matiere.id}}">Prix de rachat du kg (FCFA)</label><span class="text-danger"> *</span><br/>
													<input type="number" style="" value="{% if selectionne %}{{valeur}}{% endif %}"name="{% if selectionne %}fournisseur[rachatMatieres][{{indice}}][prixAuKilo]{% endif %}" id="rachat-matiere-prix-{{matiere.id}}" class="form-control form-control-sm" min="1"/>
												</div>
											</div>
										</div>
									{% endfor %}
								</div>
							</div>
							{# Fin tabs rachat de matières #}

							{# Début tabs rachat de materiel #}
							<div class="col-lg-12 text-center mt-4">
								<label class="col-form-label col-form-label-sm text-primary">Ventes de matériels</label>
								<hr class="mt-0"/>
							</div>

							<input type="hidden" id="nombre-materiel-achete" value="{{form.materielAchetes|length}}"/>

							<div class="col-lg-12">
								<div class="row">
									<div class="col-lg-6" id="materiel-radio">
										<label class="col-form-label col-form-label-sm">Souhaitez-vous enrégistrer une vente de matériel ?</label><br/>

										<div class="custom-control custom-radio">
											<input type="radio" class="custom-control-input" id="oui" name="materiel" value="oui"/>
											<label class="custom-control-label col-form-label col-form-label-sm" for="oui">Oui</label>
										</div>

										<div class="custom-control custom-radio">
											<input type="radio" class="custom-control-input" id="non" name="materiel" value="non" checked/>
											<label class="custom-control-label col-form-label col-form-label-sm" for="non">Non</label>
										</div>
									</div>

									<div class="col-lg-6" id="materiels" style="display:none">
										<div class="row">
											<div class="col-lg-12">
												<label class="col-form-label col-form-label-sm">Selectionnez le(s) matériel(s) vendu(s): </label>
											</div>
										</div>
										<div class="row">
											{% for materiel in materiels %}
												{% set selectionne = false %}
												{% set prix = '' %}
												{% set quantite = '' %}
												{% if materielAchetes is defined %}
													{% set indice = 0 %}
													{% for tableau in materielAchetes %}
														{% if materiel.id == tableau[0] and not selectionne %}
															{% set selectionne = true %}
															{% set indice = loop.index - 1 %}{# 0 début des collections form builder #}
															{% set prix = tableau[1] %}
															{% set quantite = tableau[2] %}
														{% endif %}
													{% endfor %}
												{% endif %}
												<div class="col-lg-12">
													<div class="custom-control custom-checkbox col-lg-6">
														<input type="checkbox" class="custom-control-input materiel-achete" value="{{materiel.id}}" id="materiel-achete-denomination-{{materiel.id}}" name="{% if selectionne %}fournisseur[materielAchetes][{{indice}}][materiel]{% endif %}" {% if selectionne %}checked="checked"{% endif %}/>
														<label class="custom-control-label col-form-label col-form-label-sm" for="materiel-achete-denomination-{{materiel.id}}">{{materiel.denomination}}</label><br/>
														<div style="{% if not selectionne %}display:none{% endif %}" id="materiel-achete-prix-container-{{materiel.id}}">
															<label class="col-form-label col-form-label-sm" for="materiel-achete-prix-{{materiel.id}}">Prix de vente total (FCFA)</label><span class="text-danger"> *</span><br/>
															<input type="number" style="" value="{% if selectionne %}{{prix}}{% endif %}" name="{% if selectionne %}fournisseur[materielAchetes][{{indice}}][prixAchat]{% endif %}" id="materiel-achete-prix-{{materiel.id}}" class="form-control form-control-sm" min="1"/>
														</div>
														<div style="{% if not selectionne %}display:none{% endif %}" id="materiel-achete-quantite-container-{{materiel.id}}">
															<label class="col-form-label col-form-label-sm" for="materiel-achete-quantite-{{materiel.id}}">Quantité vendue</label><span class="text-danger"> *</span><br/>
															<input type="number" style="" value="{% if selectionne %}{{quantite}}{% endif %}" name="{% if selectionne %}fournisseur[materielAchetes][{{indice}}][quantite]{% endif %}" id="materiel-achete-quantite-{{materiel.id}}" class="form-control form-control-sm" min="1"/>
														</div>
													</div>
												</div>
											{% endfor %}
										</div>
									</div>
								</div>
							</div>
							{# Fin tabs rachat de materiel #}

							{# Début tabs conditions enlèvements #}
							<div class="col-lg-12 text-center mt-4">
								<label class="col-form-label col-form-label-sm text-primary">Conditions d'enlèvements</label>
								<hr class="mt-0"/>
							</div>

							<div class="col-lg-12" id="condition-enlevement-radio">
								<label class="col-form-label col-form-label-sm">Souhaitez-vous enrégistrer des conditions d'enlèvements ?</label><br/>

								<div class="custom-control custom-radio">
									<input type="radio" class="custom-control-input" id="enlevement-oui" name="enlevement" value="oui"/>
									<label class="custom-control-label col-form-label col-form-label-sm" for="enlevement-oui">Oui</label>
								</div>

								<div class="custom-control custom-radio">
									<input type="radio" class="custom-control-input" id="enlevement-non" name="enlevement" value="non" checked/>
									<label class="custom-control-label col-form-label col-form-label-sm" for="enlevement-non">Non</label>
								</div>
							</div>

							<div class="col-lg-12 text-right conditions" style="display:none">
								<a class="btn btn-new btn-sm" title="Ajouter une condition" id="ajouter-condition-enlevement">
									<i class="fa fa-plus-square-o fa-lg" color="white"></i>&nbsp;&nbsp;Ajouter</a>
							</div>
							<input type="hidden" id="nombre-condition-enlevement" value="{{form.conditionEnlevements|length}}"/>

							<div class="col-lg-12 conditions" id="prototype-parent-condition-enlevement" style="display:none">
								{% for condition in form.conditionEnlevements %}
									<div class="row" id="condition-enlevement-{{ loop.index - 1 }}">
										<div class="col-lg-3">
											{{form_label(condition.denomination, "Condition n° ", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}} {{ loop.index }}<span class="text-danger"> *</span><br/>
											{{form_widget(condition.denomination, {'attr': {'class': 'form-control form-control-sm'}})}}
										</div>
										<div class="col-lg-3 mt-4 p-2">
											<a class="btn btn-delete p-0 supprimer-condition-enlevement">
												<i class="fa fa-trash-o fa-lg" title="Supprimer cette condition"></i>
											</a>
										</div>
									</div>
								{% endfor %}
							</div>
							{# Fin tabs conditions enlèvements #}

						</div>

						{{form_row(form._token)}}

						<div class="row mt-3">
							<div class="col-lg-12">
								<a class="btn btn-discard btn-sm" href="{{path('app_fournisseur_list')}}">
									<i class="fa fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Annuler
								</a>
								<button class="btn btn-new btn-sm">
									<i class="fa fa-floppy-o fa-lg" color="white"></i>&nbsp;&nbsp;Enrégistrer
								</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
{% endblock %}

{% block script %}
	<script>
		//Suppression personne contact
		function suppressionPersonneContact() {
			let nombre = parseInt($('#nombre-personne-contact').val()); // Récupération du nombre de formulaire présent sur la page
			let precedent = nombre - 1; // Valuer par rapport au form builder
			if (precedent > 0) {
				$('#prototype-child-personne-contact' + precedent).remove(); // suppressionPersonneContact de l'élément
				$('#nombre-personne-contact').val(precedent);//Mise à jour du nombre d'éléments
			}
		}
		//Fin suppression personne contact
		//Suppression service
		function suppressionServiceFourni() {
			let nombre = parseInt($('#nombre-service-fourni').val());
			let precedent = nombre - 1;
			if (precedent > 0) {
				$('#prototype-child-service-fourni' + precedent).remove();
				$('#nombre-service-fourni').val(precedent);
			}
		}
		//Fin suppression service
		//Suppression facturation service
		function suppressionFacturationService(trigger) {
			let service = trigger.attr('id').split('_')[2];
			let nombre = parseInt($('#nombre-facturation_serviceFournis_' + service).val());
			let precedent = nombre - 1;
			if (precedent > 0) {
				$('#prototype-child_serviceFournis_' + service + '_facturationServices_' + precedent).remove();
				$('#nombre-facturation_serviceFournis_' + service).val(precedent);
			}
		}
		//Fin suppression facturation service
		//Ajouter facturation service
		function ajoutFacturationService(trigger){
			let numeroService = trigger.attr('id').split("_")[1];
			let nombre = parseInt($('#nombre-facturation_serviceFournis_' + numeroService).val());
			let formulaire = $('#prototype-child_serviceFournis_' + numeroService + '_facturationServices_0').html();
			let suivant = nombre + 1;
			let titre = "Facturation n° " + suivant;
			formulaire = formulaire.replace(/facturationServices_0/g, "facturationServices_" + nombre.toString());
			formulaire = formulaire.replace(/\[facturationServices\]\[0\]/g, "[facturationServices][" + nombre.toString()+']');
			formulaire = formulaire.replace("Facturation n° 1", titre);
			formulaire = formulaire.replace("p-" + nombre.toString(),"p-0");
			$('#prototype-parent-facturation_serviceFournis_'+numeroService).append('<fieldset class="edit-border mt-2" id="prototype-child_serviceFournis_'+numeroService+'_facturationServices_' + nombre.toString() + '" >' + formulaire + '</fieldset>');
			$('#nombre-facturation_serviceFournis_' + numeroService).val(suivant);
			/*$('#ajouter-facturation-serviceFournis_'+numeroService).click(function(){
				ajoutFacturationService($(this));
			});*/
			$('#supprimer_serviceFournis_' + numeroService + '_facturationServices_' + nombre).click(function () {
				suppressionFacturationService($(this));
			});
		}
		//Fin Ajouter facturation service
		//Début suppression condition enlèvement
		function suppressionConditionEnlevement() {
			let nombre = $('#nombre-condition-enlevement').val();
			let precedent = nombre - 1;
			$('#condition-enlevement-' + precedent).remove();
			$('#nombre-condition-enlevement').val(precedent);
		}
		//Fin suppression condition enlèvement

		$(document).ready(function () {
			//Personne contact
			$('#ajouter-personne-contact').click(function () {
				let nombre = parseInt($('#nombre-personne-contact').val());//Récupération du nombre de formulaire présent sur la page
				let formulaire = $('#prototype-child-personne-contact0').html();//Récupération du contenu du prototype
				let suivant = nombre + 1;
				let titre = "Personne contact n° " + suivant;
				formulaire = formulaire.replace(/0/g, nombre.toString());
				formulaire = formulaire.replace("Personne contact n° 1", titre);//Remplacement du titre
				formulaire = formulaire.replace("p-" + nombre.toString(),"p-0");//Conservation du padding du bouton de suppressionPersonneContact
				$('#prototype-parent-personne-contact').append('<fieldset class="edit-border mt-2" id="prototype-child-personne-contact' + nombre.toString() + '" >' + formulaire + '</fieldset>');
				$('#nombre-personne-contact').val(suivant);
				$('#prototype-child-personne-contact' + nombre + ' a').click(function () {//Ajout de l'évènement click sur le bouton de suppressionPersonneContact
					suppressionPersonneContact();
				});
			});

			$('.supprimer-personne-contact').click(function() {
				suppressionPersonneContact();
			});
			//Fin personne contact

			//Service fourni
			$('input[type=radio][name=service]').change(function(){
				if(this.value == 'oui'){
					$('#prototype-parent-service-fourni').css('display', '');
					$('#ajouter-service-fourni').css('display', '');
					$('#fournisseur_serviceFournis_0_facturationServices_0_prixService').attr('required', 'required');
				}else{
					$('#prototype-parent-service-fourni').css('display', 'none');
					$('#ajouter-service-fourni').css('display', 'none');
					$('#fournisseur_serviceFournis_0_facturationServices_0_prixService').removeAttr('required');
				}
			});
			$('#ajouter-service-fourni').click(function () {
				let nombre = parseInt($('#nombre-service-fourni').val());
				let formulaire = $('#prototype-child-service-fourni0').html();
				let suivant = nombre + 1;
				let titre = "Prestation de service n° " + suivant;
				formulaire = formulaire.replace(/serviceFournis_0/g, "serviceFournis_" + nombre.toString());
				formulaire = formulaire.replace(/\[serviceFournis\]\[0\]/g, "[serviceFournis][" + nombre.toString()+']');
				formulaire = formulaire.replace("Prestation de service n° 1", titre);
				$('#prototype-parent-service-fourni').append('<fieldset class="edit-border mt-2" id="prototype-child-service-fourni' + nombre.toString() + '" >' + formulaire + '</fieldset>');
				$('#ajouter-facturation-serviceFournis_' + nombre).click(function() {
					ajoutFacturationService($(this));//Evènement d'ajout de facturation sur le nouveau service
				});
				$('[id^=supprimer_serviceFournis_' + nombre + '_facturationServices_').click(function(){
					suppressionFacturationService($(this));//Evènement de suppression de facturation sur le nouveau service
				});
				$('#nombre-service-fourni').val(suivant);
				$('#supprimer_serviceFournis_' + nombre).click(function () {
					suppressionServiceFourni();//Modifier pour prendre en compte l'id du service fournis pour le lien de suppression
				});
			});

			$('.supprimer-service-fourni').click(function() {
				suppressionServiceFourni();
			});
			//Fin service fourni

			//Facturation service
			$('.ajouter-facturation').click(function () {
				ajoutFacturationService($(this));
			});

			$('.supprimer-facturation').click(function() {
				suppressionFacturationService($(this));
			});
			//Fin facturation service

			//Ajout condition enlèvement
			$('input[type=radio][name=enlevement]').change(function(){
				if(this.value == 'oui'){
					$('.conditions').css('display', '');
				}else{
					$('.conditions').css('display', 'none');
					$('#prototype-parent-condition-enlevement').html('');
					$('#nombre-condition-enlevement').val(0);
				}
			});
			let nbre = parseInt($('#nombre-condition-enlevement').val());
			if(nbre > 0){
				$('#condition-enlevement-radio').css('display', 'none');
				$('.conditions').css('display', '');
			}
			$('#ajouter-condition-enlevement').click(function(){
				let template = '<div class="row mt-3" id="condition-enlevement-0">'
									+'<div class="col-lg-3">'
										+'<label class="col-form-label col-form-label-sm required" for="fournisseur_conditionEnlevements_0_denomination">Condition n° 1</label><span class="text-danger"> *</span><br>'
										+'<input type="text" id="fournisseur_conditionEnlevements_0_denomination" name="fournisseur[conditionEnlevements][0][denomination]" required="required" class="form-control form-control-sm">'
									+'</div>'
									+'<div class="col-lg-3 mt-4 p-2">'
										+'<a class="btn btn-delete p-0" id="supprimer-condition-enlevement-0">'
											+'<i class="fa fa-trash-o fa-lg" title="Supprimer cette condition"></i>'
										+'</a>'
									+'</div>'
								+'</div>';
				let nombre = parseInt($('#nombre-condition-enlevement').val());
				let suivant = nombre + 1;
				template = template.replace(/1/g, suivant);
				template = template.replace(/conditionEnlevements_0/g, 'conditionEnlevements_' + nombre);
				template = template.replace(/\[conditionEnlevements\]\[0\]/g, '[conditionEnlevements][' + nombre + ']');
				template = template.replace(/condition-enlevement-0/, 'condition-enlevement-' + nombre);
				template = template.replace(/supprimer-condition-enlevement-0/, 'supprimer-condition-enlevement-' + nombre);
				$('#prototype-parent-condition-enlevement').append(template);
				$('#nombre-condition-enlevement').val(suivant);
				$('#supprimer-condition-enlevement-' + nombre).click(function() {
					suppressionConditionEnlevement();
				});
			})
			//Fin ajout condition enlèvement
			//Suppression condition enlèvement
			$('.supprimer-condition-enlevement').click(function (){
				suppressionConditionEnlevement();
			});
			//Fin suppression condition enlèvement

			//Rachat de matières
			$('input[type=radio][name=rachat]').change(function(){
				if(this.value == 'oui'){
					$('.rachats').css('display', '');
				}else{
					$('.rachats').css('display', 'none');
				}
			});
			$('.rachat-matiere').change(function (){
				let id = $(this).attr('id').split('-')[3];
				let nombre = parseInt($('#nombre-rachat-matiere').val());
				let suivant = nombre + 1;
				let precedant = nombre - 1;
				if ($(this).is(':checked')) {
					$('#rachat-matiere-prix-container-'+id).css('display','');
					$('#rachat-matiere-denomination-'+id).attr('name','fournisseur[rachatMatieres][' + nombre + '][matierePremiere]');
					$('#rachat-matiere-prix-'+id).attr('name','fournisseur[rachatMatieres][' + nombre + '][prixAuKilo]');
					$('#nombre-rachat-matiere').val(suivant);
				}else{
					$('#rachat-matiere-prix-container-'+id).css('display', 'none');
					$('#rachat-matiere-denomination-'+id).attr('name', '');
					$('#rachat-matiere-prix-'+id).attr('name', '');
					if(precedant > 0){
						$('#nombre-rachat-matiere').val(precedant);
					}else{
						$('#nombre-rachat-matiere').val(0);
					}
					//Mise à jour des names des checkbox et des input de l'intervalle
					$('.rachat-matiere:checked').each(function(){
						let id = parseInt(this.attributes.id.value.split('-')[3]);
						let position= parseInt(this.attributes.name.value.split('][')[1]);
						let n = parseInt($('#nombre-rachat-matiere').val());
						if(position >= n){
							for(i = 0; i < n; i++){
								if($(':checkbox[name="fournisseur[rachatMatieres][' + i + '][matierePremiere]"]').length == 0) {
									$('#rachat-matiere-denomination-' + id).attr('name','fournisseur[rachatMatieres][' + i + '][matierePremiere]');
									$('#rachat-matiere-prix-' + id).attr('name','fournisseur[rachatMatieres][' + i + '][prixAuKilo]');
								}
							}
						}
					});
				}
			});
			//Fin rachat de matières
			//Début vente de matériel
			$('input[type=radio][name=materiel]').change(function(){
				if(this.value == 'oui'){
					$('#materiels').css('display','');
				}else{
					$('#materiels').css('display','none');
				}
			});

			let nb = parseInt($('#nombre-materiel-achete').val());
			if(nb > 0){
				$('#materiel-radio').css('display', 'none');
				$('#materiels').css('display', '');
			}

			$('.materiel-achete').change(function () {
				let id = $(this).attr('id').split('-')[3];
				let nombre = parseInt($('#nombre-materiel-achete').val());
				let suivant = nombre + 1;
				let precedant = nombre - 1;
				if ($(this).is(':checked')) {
					$('#materiel-achete-prix-container-'+id).css('display','');
					$('#materiel-achete-quantite-container-'+id).css('display','');
					$('#materiel-achete-denomination-'+id).attr('name','fournisseur[materielAchetes][' + nombre + '][materiel]');
					$('#materiel-achete-prix-'+id).attr('name','fournisseur[materielAchetes][' + nombre + '][prixAchat]');
					$('#materiel-achete-quantite-'+id).attr('name','fournisseur[materielAchetes][' + nombre + '][quantite]');
					$('#nombre-materiel-achete').val(suivant);
				}else{
					$('#materiel-achete-prix-container-'+id).css('display', 'none');
					$('#materiel-achete-quantite-container-'+id).css('display', 'none');
					$('#materiel-achete-denomination-'+id).attr('name', '');
					$('#materiel-achete-prix-'+id).attr('name', '');
					$('#materiel-achete-quantite-'+id).attr('name', '');
					if(precedant > 0){
						$('#nombre-materiel-achete').val(precedant);
					}else{
						$('#nombre-materiel-achete').val(0);
					}
					//Mise à jour des names des checkbox et des input de l'intervalle
					$('.materiel-achete:checked').each(function(){
						let id = parseInt(this.attributes.id.value.split('-')[3]);
						let position= parseInt(this.attributes.name.value.split('][')[1]);
						let n = parseInt($('#nombre-materiel-achete').val());
						if(position >= n){
							for(i = 0; i < n; i++){
								if($(':checkbox[name="fournisseur[materielAchetes][' + i + '][materiel]"]').length == 0) {
									$('#materiel-achete-denomination-' + id).attr('name','fournisseur[materielAchetes][' + i + '][materiel]');
									$('#materiel-achete-prix-' + id).attr('name','fournisseur[materielAchetes][' + i + '][prixAchat]');
									$('#materiel-achete-quantite-' + id).attr('name','fournisseur[materielAchetes][' + i + '][quantite]');
								}
							}
						}
					});
				}
			});
			//Fin vente de matériel
		})
	</script>
{% endblock %}