{% 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= "box-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 %}