{% extends 'layout.twig' %}

{% block body %}
<script>

	{% if post.msgErreur or msgErreur != '' %}
		activePopupErreur("{{ path('Ajax.Erreur.popupErreurValid') }}", "{{'Erreur lors de la validation !' | trad }} ", "{{msgErreur | raw}}");
	{% endif %}

</script>

 <div class="contenu clearfix"  id="accueil">
 	<div class="row">
		<div class="fond_blanc_popup padding15" style="height:100%;">

		<h1>{{'Etats Statistiques' | trad}}</h1>
			{# <h1>{{ sourceById.DESCRIPT | trad }}</h1> #}

			{{ ariane() }}

		<h2>{{'Critères de recherche' | trad }} </h2>
    	
    	<form method="post" class="bg_form padding_form border_form clearfix" name="form_detail_etat" id="form_detail_etat">

			<div id="table_criteres" class="" style="">
			
				<div id ="corpFiltre" class="clearfix">

					{% set cont = 0 %}
					{% if periodeExist == 0 %}
			
						<div class="row colonne2 {{ cont is not even ? 'last' }}">
							{{  inputAdvance('ZOOM', {
								titre: "Période" | trad,
								name: 'PERIODES',
								pahtZoom: path('Ajax.liste.periodes', {userCode: codEtat}),
								titleZoom: 'Périodes' | trad,
								value: post.PERIODES ?? '',
								pathValidator: path('Ajax.validator.zoom'),
								paramsValidator: {entity: 'Periodes', nomChamp: 'PERIODES'},
								obligatoire: true,
							}) }}
						</div>	
						{% set cont = 1 + cont %}	
					{% endif %}
					{% if societeExist == 0 %}
			
						<div class="row colonne2 {{ cont is not even ? 'last' }}">

							{{ inputAdvance('ZOOM', {
								titre: "Société" | trad,
								name: 'SOCIETE',
								pahtZoom: path('Ajax.liste.societe', {userCode: codEtat}),
								titleZoom: 'Société' | trad,
								value: post.SOCIETE ?? '',
								pathValidator: path('Ajax.validator.zoom'),
								paramsValidator: {entity: 'Societe', nomChamp: 'SOCIETE'},
							}) }}
						</div>	
						{% set cont = 1 + cont %}
					{% endif %}

					{% for value in liste_final %}
						
						{% if value.MULTIPLE | boolSql == false %}  


							{% if value.CODFILTRE == 'CENTRE_R' %}
								{% set pathZoom = path('Ajax.liste.centreByType', {'typeCentre' : 'LIVRAISON'} ) %}
							{% elseif value.CODFILTRE == 'CENTRE_E'%}
								{% set pathZoom = path('Ajax.liste.centreByType', {'typeCentre' : 'EMISSION'}) %}
							{% elseif value.CODFILTRE == 'CENTRE_F'%}
								{% set pathZoom = path('Ajax.liste.centreByType', {'typeCentre' : 'FACTURAT'}) %}
							{% else %}
								{% set pathZoom = path(keyPathliste(value.CODFILTRE),{'userCode' : codEtat}) %}
							{% endif %}
							<div class="row colonne2 {{compteur is not even ? 'last' }}" >
							{{ inputAdvance('ZOOM', {
								'titre' : keyPathliste(value.CODFILTRE, 'titre'),
								'name' : value.CODFILTRE,
								'pahtZoom' : pathZoom,
								'titleZoom' : keyPathliste(value.CODFILTRE, 'titre'),
								'value' : post.CODETAT ?? '',
								'pathValidator' : path('Ajax.validator.zoom'),
								paramsValidator: {
									'entity' : keyPathliste(value.CODFILTRE, 'entity'),
									'nomChamp' : value.CODFILTRE
								},
								'obligatoire' : (value.CODFILTRE=='PERIODES'? true:false)
                            }) }}

							</div>

						{% endif %} 
						{% if value.MULTIPLE | boolSql %}
			
							<div id="{{ value.CODFILTRE }}" class="row colonne2 {{ compteur is not even ? 'last' }}">

								
							{% if value.CODFILTRE == 'CENTRE_R' %}
								{% set listeCentre = centreLivraison %}
							{% elseif value.CODFILTRE == 'CENTRE_E'%}
								{% set listeCentre = centreEmission %}
							{% elseif value.CODFILTRE == 'CENTRE_F'%}
								{% set listeCentre = centreFacturation %}				
							{% elseif value.CODFILTRE == 'ACHETEUR'%}	
								{% set listeCentre = acheteursListe %}
							{% else %}
								{% set listeCentre = '' %}
							{% endif %}
						
							{{ inputAdvance('ZOOM', {
								titre: keyPathliste(value.CODFILTRE, 'titre'),
								name: value.CODFILTRE,
								pahtZoom: path('GlobalApplication.MultiSelect.afficher'),
								paramZoom: "{'codEtat' : '"~codEtat~"','titre' : '"~keyPathliste(value.CODFILTRE, 'titre')~"','value' : $('#input_"~value.CODFILTRE~"').val(),'entity' : '" ~keyPathliste(value.CODFILTRE, 'entity')~ "','separateur': '|', 'CODFILTRE' : '"~value.CODFILTRE~"','listeValue' : '"~listeCentre~"' }",
								titleZoom: keyPathliste(value.CODFILTRE, 'titre'),
								value: val_zoom_multi['input_'~value.CODFILTRE]['result'] ?? post.CODETAT,
								pathValidator: path('Ajax.validator.zoom'),
								paramsValidator: {
									entity: keyPathliste(value.CODFILTRE, 'entity'),
									nomChamp: value.CODFILTRE
								},
                            }) }}

							</div>
						{% endif %}
						   
					{% set compteur = 1 + compteur %}	
					{% endfor %}
			
				</div>

				<div class="row">

						<a id="send" style ="float:right;" class="button principal" >{{'Afficher' | trad}}</a>

				
				
				</div>


				</div>

				</div>
				</div>
			<div id="corpTab" style="display: none;">

					<ul class="nav nav-tabs sous_onglet">

						<li id="stati" class="active" onclick="changeView(this, refreshStatistique, refreshTableau, tableau);">
							<a class="onglet_ephemere">{{'Graphique'| trad}}</a>
						</li>

					</ul>

						<div id="refreshStatistique">
								<div class="contenu clearfix"  id="urlStatistique">

									<iframe id="idFrameLink" height="1000px" width="100%" src="{{ lien }}" name="I2" align="left" frameborder="0"></iframe> 
								</div>
						</div>

			</div>

		</form>
</div>
	
</div>



<script type="text/javascript">

	$("#send").click(function(e) 
	{

		periode = $("#input_PERIODES").val();
		var myForm = $("#form_detail_etat").serialize();

		if(periode == '')
		{
			activePopupErreur("{{ path('Ajax.Erreur.popupErreurValid') }}", "{{'Erreur lors de la validation !' | trad }} ", "{{'La période est obligatoire, veuillez la renseigner' | trad }} ");
		}
		else
		{
			  $.ajax({
                    url : '{{ path('EtatStatistiques.GestionStatistique.ajaxAfficherWsdl', {'codEtat' : codEtat }) }}',
                    type: 'POST',
                    dataType : 'HTML',
                    data: myForm,
                    success: function (data) 
                    { 
                        //parse JSON
                        var json_obj = $.parseJSON(data);

                        if('msgErreur' in json_obj)
                        {
                            activePopupErreur("{{ path('Ajax.Erreur.popupErreurValid', {'message' : json_obj.msgErreur } )}}", "Bien ajouté !", json_obj.msgErreur);
                        }
						else
						{
							$('#idFrameLink').attr('src' , json_obj.lien)
							$("#corpTab").removeAttr('style');
						}
                      
                    }
                });

		
		}


	});


	function changeView (idValue, change, divHidding, hideD)
	{

		$(change).css('display', 'block');
		$(divHidding).css('display', 'none');  

		$(hideD).removeClass('active');
		$(idValue).addClass('active');

	}	
	
	function sendDataToZoom(path, name, convertType)
	{
		var inputName = "#input_"+name;
		if(convertType !== undefined && convertType!='')
			var inputName = "#text_"+name;
		
		params['value'] = $(inputName).val();
		
		$.ajax
		({
			url: path,
			type: 'POST',
			dataType: 'html',
			data: params,
			success: function (htmlData)
			{

			}
		});
			
	}		


</script>

{% endblock %}
