{# @author: Benjamin AMOUZOU <benkokouamouzou@gmail.com> #}
{% extends "commercial/template-commercial.html.twig" %}

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

{% block contenu_principal_commercial %}
	<div class="container-fluid">

		{% include('template-message.html.twig') %}
		<div class="row">
			<div class="col-12">
				<h5 class="mt-3">Edition fournisseur informel</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12">
				<div class="edit-border">
					<form method="post" enctype="multipart/form-data">

						<div class="row">
							<div class="col-lg-3">
								

								{{form_label(form.nom,"Nom", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									* </span><br/>
								{{form_widget(form.nom, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.prenoms,"Prénoms", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.prenoms, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.sexe,"Sexe", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.sexe, {'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>

						<div class="row">
							<div class="col-lg-3">
								{{form_label(form.contacts,"Contacts", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.contacts, {'attr': {'class': 'form-control form-control-sm', 'placeholder':'+228 90-12-41-52/...'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.adresse,"Adresse", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
								{{form_widget(form.adresse, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.acheteurResponsable,"Acheteur responsable", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
								{{form_widget(form.acheteurResponsable, {'attr': {'class': 'custom-select custom-select-sm'}})}}
								<input type="text" id="autre_acheteur_responsable_input" name="autre_acheteur_responsable" class="form-control form-control-sm" style="display:none"/>
							</div>
							<div class="col-lg-3">
								<div class="custom-control custom-checkbox mt-4">
									<input type="checkbox" id="autre_acheteur_responsable" name="autre_acheteur_responsable" class="custom-control-input"/>
									<label for="autre_acheteur_responsable" class="custom-control-label col-form-label col-form-label-sm">Autre acheteur reponsable</label>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="col-lg-3">
								<div class="custom-control custom-checkbox mt-4">
									{{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">
							<input type="hidden" id="nombre-rachat-matiere" value="{{form.rachatMatieres|length}}"/>

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

							<div class="col-lg-12">
								<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>
						</div>

						{{form_row(form._token)}}

						<div class="row">
							<div class="col-lg-12 mt-3">
								<a class="btn btn-discard btn-sm" href="{{path('app_fournisseur_informel_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>
		$(document).ready(function(){
		    $('input[type=checkbox][name=autre_acheteur_responsable]').change(function() {
		        if ($(this).is(':checked')) {
		            $('#autre_acheteur_responsable_input').show();
					$('#fournisseur_informel_acheteurResponsable').hide();
		        }
		        else {
		            $('#autre_acheteur_responsable_input').hide();
					$('#fournisseur_informel_acheteurResponsable').show();
		        }
		    });

			//Rachats de matières informels
			$('.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_informel[rachatMatieres][' + nombre + '][matierePremiere]');
					$('#rachat-matiere-prix-'+id).attr('name','fournisseur_informel[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_informel[rachatMatieres][' + i + '][matierePremiere]"]').length == 0) {
									$('#rachat-matiere-denomination-' + id).attr('name','fournisseur_informel[rachatMatieres][' + i + '][matierePremiere]');
									$('#rachat-matiere-prix-' + id).attr('name','fournisseur_informel[rachatMatieres][' + i + '][prixAuKilo]');
								}
							}
						}
					});
				}
			});
			//Fin rachat de matières informels
		});
	</script>
{% endblock %}