{% extends 'layout.twig' %}

{% block body %}

    <div class="contenu clearfix">
    	<h1>
    	    {{ 'Etats Statistiques' }}
    	    
    	    {# {{ Button('Export' | trad, false, '', "exportCSV('"~ path('Specifique118.TableauReporting.DDT', {'action' : 'export'})~"', 'filtre_reporting');", {}, false, 'export') }} #}
			
			{{ ButtonExport(path('Specifique118.TableauReporting.DDT', {'action' : 'export'}), 'filtre_reporting' , path('Ajax.Erreur.popupInformation') , path('Ajax.Outil.appelAsync'), 'Export' ) }}
	    </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">
                        {{ inputSelect("Périodes" | trad, "filter_PERIODES", listePeriode, post.filter_PERIODES, '','','','','','','',false,'','','true' ) }}		
                    </div>
                </div>
                
                <div class="filtre">
                	<div class="row">
                		{{ inputAdvance('DATE', {
                		    'titre' : 'Date début' | trad,
                		    'name' : 'filter_DATE_DEB',
                		    'value' : post.filter_DATE_DEB,
                		}) }}
                	</div>
                </div>
                
                <div class="filtre">
                	<div class="row">
                		{{ inputAdvance('DATE', {
                		    'titre' : 'Date fin' | trad,
                		    'name' : 'filter_DATE_FIN',
                		    'value' : post.filter_DATE_FIN,
                		}) }}
                	</div>
                </div>
                
                <div class="filtre first">
                    <div class="row">
						{{ inputAdvance('ZOOMADVANCE', {
							'titre' : 'Societe' | trad,
							'name' : 'filter_SOCIETE',
							'pahtZoom' : path('Ajax.liste.societe'),
							'entity' : 'Societe',
							'titleZoom' : 'Liste des sociétés' | trad,
							'pathConvert' : path('Ajax.outil.convertLibelle'),
							'convertLibelle' : 'convertLibelleGlobal',
							'pathValidator' : path('Ajax.validator.zoom'),
							'paramsValidator' : "{'entity' : 'Societe', 'nomChamp' : '"~ 'Société' | trad ~"', 'null' : true}",
							'value' : post.filter_SOCIETE
						}) }}  
					</div>
				</div>
                <div class="filtre">
                    <div class="row">
    					{{ inputAdvance('ZOOM', {
    					    'titre' : 'Direction' | trad,
    						'name' : 'filter_DIRECTION',
    						'pahtZoom' : path('Specifique118.TableauReporting.listeSI'),
    						'paramZoom' : "{'SOCIETE' : $('#input_filter_SOCIETE').val()}",
    						'titleZoom' : 'Liste des directions' | trad,
    						'value' : post.filter_DIRECTION
    					}) }}  
					</div>
				</div>
                <div class="filtre">
                    <div class="row">
    					{{ inputAdvance('ZOOM', {
    					    'titre' : 'Nature' | trad,
    						'name' : 'filter_NATURE',
    						'pahtZoom' : path('Specifique118.TableauReporting.listeNature'),
    						'paramZoom' : "{'SOCIETE' : $('#input_filter_SOCIETE').val()}",
    						'titleZoom' : 'Liste des natures' | trad,
    						'value' : post.filter_NATURE
    					}) }}  
					</div>
				</div>
                <div class="filtre first">
                    <div class="row">
    					{{ inputAdvance('ZOOM', {
    					    'titre' : 'Pôle' | trad,
    						'name' : 'filter_POLE',
    						'pahtZoom' : path('Specifique118.TableauReporting.listePole'),
    						'paramZoom' : "{'SOCIETE' : $('#input_filter_SOCIETE').val()}",
    						'titleZoom' : 'Liste des pôles' | trad,
    						'value' : post.filter_POLE
    					}) }}  
					</div>
				</div>
                <button type="submit" class="principal button btn_filtre last button_right">{{ 'Filtrer' | trad }}</button>
            </div>
            <div id="tableau_reporting" style="margin-top:15px; overflow-x:auto;">
            {% if tableau %}
                <table id="tableau_split" class="table table-hover" style="max-height:800px; border-left: 0px solid white;border-top:0px solid white;display: block;overflow-x: auto;white-space: nowrap;">
                	<thead>
                		<tr>
                			<th class="entete_split"  colspan="12"></th>
                			{% for cg in listeCG %}
                    			<th class="align-center entete_cg cg_{{ cg.CG_CODE_GESTION_AFFICHE }}" data-cg='{{ cg.CG_CODE_GESTION_AFFICHE }}' colspan="4">{{ cg.CG_LIBELLE_CODE_GESTION }} ({{ cg.CG_CODE_GESTION_AFFICHE }})</th>
                    			{% if loop.index != loop.last %}<th width="50px" class="entete_split cg_{{ cg.CG_CODE_GESTION_AFFICHE }}"></th>{% endif %}
                			{% endfor %}
                		</tr>
                		<tr><td colspan="1000" class="entete_split titre_split" style="border-left: 1px solid white;"></td></tr>
                		<tr style="border-left: 1px solid #ddd;">
                			<th>{{ 'Nature de dépense' | trad }}</th>
                			<th class="align-right">{{ 'Budget' | trad }}</th>
                			<th class="align-right">{{ 'Disponible' | trad }}</th>
                			<th>{{ 'Pôle' | trad }}</th>
                			<th>{{ 'Prestation' | trad }}</th>
                			<th>{{ 'Article' | trad }}</th>
                			<th>{{ 'Fournisseur' | trad }}</th>
                			<th class="align-right">{{ 'Engagé' | trad }}</th>
                			<th class="align-right">{{ 'Réceptionné' | trad }}</th>
                			<th class="align-center">{{ 'Facturé avec BDC' | trad }}</th>
                			<th class="align-center">{{ 'Facturé sans BDC' | trad }}</th>
                			<th width="50px" class="entete_split"></th>
                			{% for cg in listeCG %}
                    			<th class="align-right cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ 'Engagé' | trad }}</th>
                    			<th class="align-right cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ 'Réceptionné' | trad }}</th>
                    			<th class="align-center cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ 'Facturé avec BDC' | trad }}</th>
                    			<th class="align-center cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ 'Facturé sans BDC' | trad }}</th>
                    			{% if loop.index != loop.last %}<th width="50px" class="entete_split cg_{{ cg.CG_CODE_GESTION_AFFICHE }}"></th>{% endif %}
                			{% endfor %}
                		</tr>
                	</thead>
                	
            		<tr class="recherche tr_SSTOTAL" style="font-weight: bold; border-left: 1px solid #ddd;background-color: #dddd;">
            			<td>{{ 'Total' | trad }}</td>
            			<td>{{ (total['GLOBAL'].Budget??0) | tva }}</td>
            			<td>{{ (total['GLOBAL'].Disponible??0) | tva }}</td>
            			<td></td>
            			<td></td>
            			<td></td>
            			<td></td>
        				<td class="montant">{{ (total['GLOBAL'].ENGAGE??0) | tva }}</td>
        				<td class="montant">{{ (total['GLOBAL'].REALISE??0) | tva }}</td>
        				<td class="montant">{{ (total['GLOBAL']['FACTURE AVEC COMMANDE']??0) | tva }}</td>
        				<td class="montant">{{ (total['GLOBAL']['FACTURE SANS COMMANDE']??0) | tva }}</td>
            			<td class="ligne_split"></td>
            			{% for cg in listeCG %}
            				<td class="montant ENGAGE_{{ cg.CG_CODE_GESTION_AFFICHE }} cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (total[cg.CG_CODE_GESTION_AFFICHE].ENGAGE??0) | tva }}</td>
            				<td class="montant REALISE_{{ cg.CG_CODE_GESTION_AFFICHE }} cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (total[cg.CG_CODE_GESTION_AFFICHE].REALISE??0) | tva }}</td>
            				<td class="montant AVEC_CDE_{{ cg.CG_CODE_GESTION_AFFICHE }} cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (total[cg.CG_CODE_GESTION_AFFICHE]['FACTURE AVEC COMMANDE']??0) | tva }}</td>
            				<td class="montant SANS_CDE_{{ cg.CG_CODE_GESTION_AFFICHE }} cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (total[cg.CG_CODE_GESTION_AFFICHE]['FACTURE SANS COMMANDE']??0) | tva }}</td>
            				{% if loop.index != loop.last %}<th width="50px" class="ligne_split cg_{{ cg.CG_CODE_GESTION_AFFICHE }}"></th>{% endif %}
            			{% endfor %}
        			</tr>
                	
                    {% for key, ligne in tableau %}
                    	{% if (tableau[key-1].Nature != ligne.Nature) %}
                    		<tr class="recherche tr_SSTOTAL" style="font-weight: bold; border-left: 1px solid #ddd;background-color:rgba(74, 85, 107, 0.4);">
                    			<td>{{ shortLibelle(ligne.Nature, 25) }}</td>
                    			<td>{{ ligne.Budget | tva }}</td>
                    			<td>{{ ligne.Disponible | tva }}</td>
                    			<td></td>
                    			<td></td>
                    			<td></td>
                    			<td></td>
                   				<td class="montant">{{ (totalNature[ligne.Nature]['GLOBAL'].ENGAGE??0) | tva }}</td>
                				<td class="montant">{{ (totalNature[ligne.Nature]['GLOBAL'].REALISE??0) | tva }}</td>
                				<td class="montant">{{ (totalNature[ligne.Nature]['GLOBAL']['FACTURE AVEC COMMANDE']??0) | tva }}</td>
                				<td class="montant">{{ (totalNature[ligne.Nature]['GLOBAL']['FACTURE SANS COMMANDE']??0) | tva }}</td>
                    			<td class="ligne_split"></td>
                    			{% for cg in listeCG %}
                    				<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (totalNature[ligne.Nature][cg.CG_CODE_GESTION_AFFICHE].ENGAGE??0) | tva }}</td>
                    				<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (totalNature[ligne.Nature][cg.CG_CODE_GESTION_AFFICHE].REALISE??0) | tva }}</td>
                    				<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (totalNature[ligne.Nature][cg.CG_CODE_GESTION_AFFICHE]['FACTURE AVEC COMMANDE']??0) | tva }}</td>
                    				<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (totalNature[ligne.Nature][cg.CG_CODE_GESTION_AFFICHE]['FACTURE SANS COMMANDE']??0) | tva }}</td>
                    				{% if loop.index != loop.last %}<th width="50px" class="ligne_split cg_{{ cg.CG_CODE_GESTION_AFFICHE }}"></th>{% endif %}
                    			{% endfor %}
                			</tr>
                    	{% endif %}
                    	{% if (tableau[key-1].Nature != ligne.Nature) or (tableau[key-1].Pôle != ligne.Pôle) %}
                    		<tr class="recherche tr_SSTOTAL" style="font-weight: bold; border-left: 1px solid #ddd;background-color:rgba(74, 85, 107, 0.25);">
                    			<td></td>
                    			<td></td>
                    			<td></td>
                    			<td>{{ shortLibelle(ligne.Pôle, 25) }}</td>
                    			<td></td>
                    			<td></td>
                    			<td></td>
                				<td class="montant">{{ (totalSection[ligne.Nature][ligne.Pôle]['GLOBAL'].ENGAGE??0) | tva }}</td>
                				<td class="montant">{{ (totalSection[ligne.Nature][ligne.Pôle]['GLOBAL'].REALISE??0) | tva }}</td>
                				<td class="montant">{{ (totalSection[ligne.Nature][ligne.Pôle]['GLOBAL']['FACTURE AVEC COMMANDE']??0) | tva }}</td>
                				<td class="montant">{{ (totalSection[ligne.Nature][ligne.Pôle]['GLOBAL']['FACTURE SANS COMMANDE']??0) | tva }}</td>
                    			<td class="ligne_split"></td>
                    			{% for cg in listeCG %}
                    				<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (totalSection[ligne.Nature][ligne.Pôle][cg.CG_CODE_GESTION_AFFICHE].ENGAGE??0) | tva }}</td>
                    				<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (totalSection[ligne.Nature][ligne.Pôle][cg.CG_CODE_GESTION_AFFICHE].REALISE??0) | tva }}</td>
                    				<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (totalSection[ligne.Nature][ligne.Pôle][cg.CG_CODE_GESTION_AFFICHE]['FACTURE AVEC COMMANDE']??0) | tva }}</td>
                    				<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (totalSection[ligne.Nature][ligne.Pôle][cg.CG_CODE_GESTION_AFFICHE]['FACTURE SANS COMMANDE']??0) | tva }}</td>
                    				{% if loop.index != loop.last %}<th width="50px" class="ligne_split cg_{{ cg.CG_CODE_GESTION_AFFICHE }}"></th>{% endif %}
                    			{% endfor %}
                			</tr>
                    	{% endif %}
                    	<tr style="border-left: 1px solid #ddd;">
                    		<td></td>
                    		<td></td>
                    		<td></td>
                    		<td></td>
                    		<td>{{ shortLibelle(ligne.Prestation, 25) }}</td>
                    		<td>{{ shortLibelle(ligne.Article, 25) }}</td>
                    		<td>{{ shortLibelle(convertLibelleGlobal('FOURNISS', 'RS', ligne.DOC_CODE_FOURNISSEUR), 25) }}</td>
                    		<td class="montant">{{ (ligne.total.ENGAGE??0) | tva }}</td>
                    		<td class="montant">{{ (ligne.total.REALISE??0 )| tva }}</td>
                    		<td class="montant">{{ (ligne.total['FACTURE AVEC COMMANDE']??0) | tva }}</td>
                    		<td class="montant">{{ (ligne.total['FACTURE SANS COMMANDE']??0) | tva }}</td>
                    		<td class="ligne_split"></td>
                    		{% for cg in listeCG %}
                    			<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (ligne.listeService[cg.CG_CODE_GESTION_AFFICHE].ENGAGE??0) | tva }}</td>
                    			<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (ligne.listeService[cg.CG_CODE_GESTION_AFFICHE].REALISE??0) | tva }}</td>
                    			<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (ligne.listeService[cg.CG_CODE_GESTION_AFFICHE]['FACTURE AVEC COMMANDE']??0) | tva }}</td>
                    			<td class="montant cg_{{ cg.CG_CODE_GESTION_AFFICHE }}">{{ (ligne.listeService[cg.CG_CODE_GESTION_AFFICHE]['FACTURE SANS COMMANDE']??0) | tva }}</td>
                    			{% if loop.index != loop.last %}<th width="50px" class="ligne_split cg_{{ cg.CG_CODE_GESTION_AFFICHE }}"></th>{% endif %}
                    		{% endfor %}
                    	</tr>
                    {% endfor %}
                </table>      
            {% endif %}  
            
            </div>
        </form>      
    </div>
    
    <script>
        $( document ).ready(function() {
            {% for cg in listeCG %}
				if($('.ENGAGE_{{ cg.CG_CODE_GESTION_AFFICHE }}').html()=='0.00' && $('.REALISE_{{ cg.CG_CODE_GESTION_AFFICHE }}').html()=='0.00' && $('.AVEC_CDE_{{ cg.CG_CODE_GESTION_AFFICHE }}').html()=='0.00' && $('.SANS_CDE_{{ cg.CG_CODE_GESTION_AFFICHE }}').html()=='0.00')
				{
					$('.cg_{{ cg.CG_CODE_GESTION_AFFICHE }}').hide();
				}    
            {% endfor %}
        });
    </script>

{% endblock %}