{% extends 'layout.twig' %}

{% block body %}

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

 <div class="contenu clearfix"  id="accueil">
 	<div class="row">
		<div class="fond_blanc_popup padding15" style="height:100%;">
		<div>
			<table class="tablespacepadd0 dib" style="border-collapse: collapse;margin:5px;">
				<tbody>
					{# <tr>
						<td style="padding:0;"></td>

						
						<a style="float: left;margin-left: 2px;" class="button secondaire button_right" onclick="redirectJSWithPost('/oxaproc6/V2/EtatStatistiques/listeEtats');">{{ 'Retour'|trad }}</a>
						
					</tr> #}
				</tbody></table>
		</div>
		
		<div>
		<h1>{{ 'Etats Statistiques' | trad}}</h1>
			{# <h1>{{ sourceById.DESCRIPT | trad }}</h1> #}
		
		</div>

		<div style="height:20px;"></div>
		            {{ 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" style="">
		
		<div id ="corpFiltre">

    		{% if sourceById.SOURCE | trim == 'OXACHARTS_REQ' %} 
			    {% for filtre in filtre_stat %}
    				<div class="row">
    					<div class="colonne3">
        					{{ inputAdvance('SELECT', {
        					    'titre' : filtre.LIB_FILTRE |trad,
								'id'    : filtre.CODE_FILTRE,
        					    'name' : 'select_'~(filtre.CODE_FILTRE ~ 'separateurFiltre'  ~ filtre.TYPE_FILTRE ~ 'separateurFiltre' ~ filtre.SOURCE),
        					    'listeValue' : listeSelectEtat,
        					    'myFunction' : 'updateInputEtat',
        					    'myParams' : '["'~filtre.CODE_FILTRE ~ 'separateurFiltre'  ~ filtre.TYPE_FILTRE ~ 'separateurFiltre' ~ filtre.SOURCE~'"]',
        					}) }}
    					</div>
    					<div class="fullColonne3" id="div_{{ filtre.CODE_FILTRE ~ 'separateurFiltre'  ~ filtre.TYPE_FILTRE ~ 'separateurFiltre' ~ filtre.SOURCE }}">
    						<input type="hidden" name="{{'code_filtre' ~ filtre.CODE_FILTRE ~ 'separateurFiltre'  ~ filtre.TYPE_FILTRE ~ 'separateurFiltre' ~ filtre.SOURCE ~ 'separateurFiltreT'}}" id="input{{ filtre.CODE_FILTRE ~ 'separateurFiltre'  ~ filtre.TYPE_FILTRE ~ 'separateurFiltre' ~ filtre.SOURCE }}">
    					</div>
    				</div>
				{% endfor %}
    		{% endif %}
    		
    		<script>
				function updateInputEtat(id)
				{

					$.ajax({
					  	dataType : 'html',
						url: '{{ path('EtatStatistiques.GestionStatistique.ajaxInputDetail', {codEtat:codEtat}) }}',
						data: {'modeSelect' : $('#input_select_'+id).val(), 'idSelect' : id},
						type: "POST",
						success: function(result){
							$('#div_'+id).html(result);
						}
					});
				}
			</script>
    		
		</div>

		<div class="row">

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


		</div>

		</div>
		</div>
	<div id="corpTab">

			<ul class="nav nav-tabs sous_onglet">
				{% if type_affichage_onglet.TYPERES | trim == 'GT' %}
					<li id="stati" class="active" onclick="changeView(this, refreshStatistique, refreshTableau, tableau);">
						<a class="onglet_ephemere">{{'Statistique' | trad}}</a>
					</li>
					
					<li id="tableau" onclick="changeView(this, refreshTableau, refreshStatistique, stati)	;">
						<a>{{'Tableau' | trad }}</a>
					</li>
				{% endif %}
				{% if type_affichage_onglet.TYPERES | trim == 'G' %}
					<li id="stati" class="active" onclick="changeView(this, refreshStatistique, refreshTableau, tableau);">
						<a class="onglet_ephemere">{{'Graphique' | trad}}</a>
					</li>
				{% endif %}
				{% if type_affichage_onglet.TYPERES | trim == 'T' %}
					<li id="tableau" class="active" onclick="changeView(this, refreshTableau, refreshStatistique, stati)	;">
						<a>{{'Tableau' | trad}}</a>
					</li>
				{% endif %}
			</ul>
			{% if type_affichage_onglet.TYPERES | trim == 'G' %}
				<div id="refreshStatistique">
						<div class="contenu clearfix"  id="urlStatistique">

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

			{% if type_affichage_onglet.TYPERES | trim == 'T' %}
			<div id="refreshTableau">

				<div class="contenu clearfix" id="urlTableau">

					<iframe height="1000px" width="100%" src="{{urlTableau}}" name="I2" align="left" frameborder="0"></iframe>
				
				</div>
			</div>
			{% endif %}
			{% if type_affichage_onglet.TYPERES | trim == 'GT' %}
			<div id="refreshStatistique">
					<div class="contenu clearfix"  id="urlStatistique">

						<iframe src="{{urlTableau}}" name="I2" align="left" frameborder="0"></iframe>
					
					</div>
			</div>
			<div id="refreshTableau">
				<div class="contenu clearfix" style="width:100px;"  id="urlTableau">

					<iframe src="{{urlTableau}}" name="I2" align="left" frameborder="0"></iframe>
				
				</div>
			</div>
			{% endif %}

</div>

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



<script type="text/javascript">

$("#send").click(function(e) 
{
    	activeLoader();
		refrechDiv('{{ path('EtatStatistiques.GestionStatistique.ajaxAfficher', {'codEtat' : codEtat }) }}', 'corpTab', 'form_detail_etat');
		$("#tableau").addClass('active');
	    //$("#stati").removeClass('active');

});


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

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

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

	}			


</script>

{% endblock %}