{% extends 'layout.twig' %}

{% block body %}
    <div class="contenu clearfix"  id="invoice_analysis">
        <div class="row">
            <div class="fond_blanc_popup padding15">
                <h1>
                    {{ 'Etats Statistiques' | trad }}
                </h1>
                {{ ariane() }}
                <form class="tab-content" method="post" name="filtre_reporting" id="filtre_reporting">
                    <div id="filtre" class="tab-pane active in clearfix bg_form padding_form border_form">
                        <div class="filtre first">
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre'             : 'Période' | trad,
                                    'name'              : 'periode',
                                    'value'             : period,
                                    'placeholder'       : 'Choisissez une période' | trad,
                                    'pahtZoom'          : path('Ajax.liste.periodes'),
                                    'paramZoom'         : "{}",
                                    'entity'            : 'Periodes',
                                    'titleZoom'         : 'Liste des périodes' | trad,
                                    'pathConvert'       : path('Ajax.outil.convertLibelle'),
                                    'convertLibelle'    : 'convertLibelleGlobal'
                                }) }}
                            </div>
                        </div>
                        <div class="filtre">
                            <div class="row">
                                {{ inputAdvance('DATE', {
                                    'titre' : 'Date de fin' | trad,
                                    'name' : 'date_fin',
                                    'value' : dateFin | dateTrad,
                                    'pathValidator' : path('Ajax.validator.date')
                                }) }}
                            </div>
                        </div>
                        <a type="button" class="principal button btn_filtre last button_right" onclick="ajaxPopupV2('{{ path('Specifique95.EtatStatistique.analyseEngage', {'action' : 'afficher'}) }}', 'filtre_reporting');">{{ 'Afficher' | trad }}</a>
                    </div>
                </form>
            </div>
            <div style="padding-left: 15px;">
                <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>
            <div class="tab-content">
                <div class="colonne">
                    {{ Highcharts(dataHighchart) }}
                </div>
            </div>
        </div>
    </div>

<script type="text/javascript" src="{{ baseUrl('ext/highcharts/highcharts/highcharts.js') }}"></script>
<script type="text/javascript" src="{{ baseUrl('ext/highcharts/highcharts/modules/exporting.js') }}"></script>
<script type="text/javascript" src="{{ baseUrl('ext/highcharts/highcharts/modules/offline-exporting.js') }}"></script>

{% endblock %}