{% extends 'layout.twig' %}

{% block body %}

    <div class="contenu clearfix">
    	<h1>
    	    {{ 'Etats Statistiques' }}
    	
        	{# {{ Button('Export' | trad, false, '', "exportCSV('"~ path('Specifique118.TableauReporting.CBDN', {'action' : 'export'})~"', 'filtre_reporting');", {}, false, 'export') }} #}

			{{ ButtonExport(path('Specifique118.TableauReporting.CBDN', {'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 box-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>
                <button type="submit" class="principal button btn_filtre last button_right">{{ 'Filtrer' | trad }}</button>
            </div>
            <div id="tableau_reporting" style="margin-top:15px;">
            {% if tableau %}
                <table id="tableau_split" class="table table-hover CBDN">
                	<thead>
                		<tr>
                			<th>{{ 'Direction' | trad }}</th>
                			<th>{{ 'Nature de dépense' | trad }}</th>
                			<th>{{ 'Fournisseur' | trad }}</th>
                			<th>{{ 'Prestation' | trad }}</th>
                			<th>{{ 'Article' | trad }}</th>
                			<th width="25px" class="entete_split"></th>
                			<th width="85px" class="align-center">{{ 'Budget' | trad }}<br />(k {{ devise }})</th>
                			<th width="85px" class="align-center">{{ 'Disponible' | trad }}<br />(k {{ devise }})</th>
                			<th width="25px" class="entete_split"></th>
                			<th width="50px" class="align-center">{{ 'Nb Engagé' | trad }}</th>
                			<th class="align-center">{{ 'Mnt Engagé' | trad }}<br />(k {{ devise }})</th>
                			<th width="50px" class="align-center">{{ 'Nb recep' | trad }}</th>
                			<th class="align-center">{{ 'Mnt recep' | trad }}<br />(k {{ devise }})</th>
                			<th width="50px" class="align-center">{{ 'Nb Facturé' | trad }}<br />{{ 'avec BDC' | trad }}</th>
                			<th class="align-center">{{ 'Mnt Facturé' | trad }}<br />{{ 'avec BDC' | trad }} (k {{ devise }})</th>
                			<th width="50px" class="align-center">{{ 'Nb Facturé' | trad }}<br />{{ 'sans BDC' | trad }}</th>
                			<th class="align-center">{{ 'Mnt Facturé' | trad }}<br />{{ 'sans BDC' | trad }} (k {{ devise }})</th>
                		</tr>
                	</thead>
                    {% for key, ligne in tableau %}
                        {% if (tableau[key-1].Direction != ligne.Direction) or (tableau[key-1].Nature != ligne.Nature) %}
                    		<tr class="recherche tr_SSTOTAL" style="font-weight: bold; background-color: rgba(74, 85, 107, 0.25); ">
                    			<td>{{ listeDirection[ligne.Direction]~' ('~ligne.Direction~')' }}</td>
                    			<td>{{ listeNature[ligne.Nature]~' ('~ligne.Nature~')' }}</td>
                    			<td colspan="3"></td>
                    			<td class="ligne_split"></td>
                    			<td class="montant total_middle">
                            		<span class="white-tooltip">
                                    	{{ ligne.Budget | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ ligne.Budget | tva }}                      			
                                    	</span>
                                	</span>	
                			    </td>
                    			<td class="montant total_middle">
                            		<span class="white-tooltip">
                                    	{{ ligne.Disponible | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ ligne.Disponible | tva }}                      			
                                    	</span>
                                	</span>	
                			    </td>
                    			<td class="ligne_split"></td>
                    			<td class="montant">{{ total[ligne.Direction][ligne.Nature]['NB_ENGAGE'] }}</td>
                    			<td class="montant">
                    			    <span class="white-tooltip">
                                    	{{ total[ligne.Direction][ligne.Nature]['ENGAGE'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ total[ligne.Direction][ligne.Nature]['ENGAGE'] | tva }}                      			
                                    	</span>
                                	</span>	
                    			</td>
                    			<td class="montant">{{ total[ligne.Direction][ligne.Nature]['NB_REALISE']  }}</td>
                    			<td class="montant">
                    			    <span class="white-tooltip">
                                    	{{ total[ligne.Direction][ligne.Nature]['REALISE'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ total[ligne.Direction][ligne.Nature]['REALISE'] | tva }}                      			
                                    	</span>
                                	</span>	
                    			</td>
                    			<td class="montant">{{ total[ligne.Direction][ligne.Nature]['NBR_FAC_AVEC_CDE'] }}</td>
                    			<td class="montant">
                    			    <span class="white-tooltip">
                                    	{{ total[ligne.Direction][ligne.Nature]['FACTURE AVEC COMMANDE'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ total[ligne.Direction][ligne.Nature]['FACTURE AVEC COMMANDE'] | tva }}                      			
                                    	</span>
                                	</span>	
                    			</td>
                    			<td class="montant">{{ total[ligne.Direction][ligne.Nature]['NBR_FAC_SANS_CDE'] }}</td>
                    			<td class="montant">
                    			    <span class="white-tooltip">
                                    	{{ total[ligne.Direction][ligne.Nature]['FACTURE SANS COMMANDE'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ total[ligne.Direction][ligne.Nature]['FACTURE SANS COMMANDE'] | tva }}                      			
                                    	</span>
                                	</span>	
                    			</td>
                    		</tr>
                        {% endif %}
                        {% if (tableau[key-1].Direction != ligne.Direction) or (tableau[key-1].Nature != ligne.Nature) or (tableau[key-1].DOC_CODE_FOURNISSEUR != ligne.DOC_CODE_FOURNISSEUR) %}
                    		<tr class="recherche tr_SSTOTAL" style="font-weight: bold;">
                    			<td></td>
                    			<td></td>
                            	<td>
                                	<span class="white-tooltip">
                            	    {{ convertLibelleGlobal('FOURNISS', 'RS', ligne.DOC_CODE_FOURNISSEUR) }}
                            	    <span class="infos_tooltip top-left ">
                                	    	{{ ligne.DOC_CODE_FOURNISSEUR }}
                                    	</span>
                                	</span>	
                        	    </td>
                    			<td colspan="2"></td>
                    			<td class="ligne_split gauche"></td>
                    			<td class="ligne_middle"></td>
                    			<td class="ligne_middle"></td>
                    			<td class="ligne_split droite"></td>
                    			<td class="montant">{{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['NB_ENGAGE'] }}</td>
                    			<td class="montant">
                    			    <span class="white-tooltip">
                                    	{{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['ENGAGE'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['ENGAGE'] | tva }}                      			
                                    	</span>
                                	</span>	
                    			</td>
                    			<td class="montant">{{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['NB_REALISE'] }}</td>
                    			<td class="montant">
                    			    <span class="white-tooltip">
                                    	{{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['REALISE'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['REALISE'] | tva }}                      			
                                    	</span>
                                	</span>	
                    			</td>
                    			<td class="montant">{{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['NBR_FAC_AVEC_CDE'] }}</td>
                    			<td class="montant">
                    			    <span class="white-tooltip">
                                    	{{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['FACTURE AVEC COMMANDE'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['FACTURE AVEC COMMANDE'] | tva }}                      			
                                    	</span>
                                	</span>	
                    			</td>
                    			<td class="montant">{{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['NBR_FAC_SANS_CDE'] }}</td>
                    			<td class="montant">
                    			    <span class="white-tooltip">
                                    	{{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['FACTURE SANS COMMANDE'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ total[ligne.Direction][ligne.Nature][ligne.DOC_CODE_FOURNISSEUR]['FACTURE SANS COMMANDE'] | tva }}                      			
                                    	</span>
                                	</span>	
                    			</td>
                    		</tr>
                        {% endif %}
                    	<tr>
                    		<td></td>
                    		<td></td>
                    		<td></td>
                    		<td>{{ shortLibelle(listePrestation[ligne.Prestation]~' ('~ligne.Prestation~')', 20) }}</td>
                    		<td>{{ shortLibelle(ligne.Article, 20) }}</td>
                    		<td class="ligne_split gauche"></td>
                    		<td class="ligne_middle"></td>
                    		<td class="ligne_middle"></td>
                    		<td class="ligne_split droite"></td>
                    		<td class="montant">{{ ligne.NB_ENGAGE }}</td>
                    		<td class="montant">
                			    <span class="white-tooltip">
                                	{{ ligne.ENGAGE | montantAbreger }} 
                                	<span class="infos_tooltip top-left ">
                                        {{ ligne.ENGAGE | tva }}                      			
                                	</span>
                            	</span>	
                    		</td>
                    		<td class="montant">{{ ligne.NB_REALISE }}</td>
                    		<td class="montant">
                			    <span class="white-tooltip">
                                	{{ ligne.REALISE | montantAbreger }} 
                                	<span class="infos_tooltip top-left ">
                                        {{ ligne.REALISE | tva }}                      			
                                	</span>
                            	</span>	
                		    </td>
                    		<td class="montant">{{ ligne['NBR_FAC_AVEC_CDE'] }}</td>
                    		<td class="montant">
                			    <span class="white-tooltip">
                                	{{ ligne['FACTURE AVEC COMMANDE'] | montantAbreger }} 
                                	<span class="infos_tooltip top-left ">
                                        {{ ligne['FACTURE AVEC COMMANDE'] | tva }}                      			
                                	</span>
                            	</span>	
                		    </td>
                    		<td class="montant">{{ ligne['NBR_FAC_SANS_CDE'] }}</td>
                    		<td class="montant">
                			    <span class="white-tooltip">
                                	{{ ligne['FACTURE SANS COMMANDE'] | montantAbreger }} 
                                	<span class="infos_tooltip top-left ">
                                        {{ ligne['FACTURE SANS COMMANDE'] | tva }}                      			
                                	</span>
                            	</span>	
                		    </td>
                    	</tr>
                    	
                    	{% if tableau[key+1].Direction != ligne.Direction %}
                    		<tr class="recherche tr_SSTOTAL" style="font-weight: bold; background-color:rgba(74, 85, 107, 0.4);">
                    			<td colspan="5">{{ 'Total' | trad }} {{ listeDirection[ligne.Direction] }} ({{ ligne.Direction }})</td>
                    			<td class="ligne_split"></td>
                    			<td class="montant total_middle">
                            		<span class="white-tooltip">
                                    	{{ totalDirect[ligne.Direction]['Budget'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ totalDirect[ligne.Direction]['Budget'] | tva }}                      			
                                    	</span>
                                	</span>	
                    			</td>
                    			<td class="montant total_middle">
                            		<span class="white-tooltip">
                                    	{{ totalDirect[ligne.Direction]['Disponible'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ totalDirect[ligne.Direction]['Disponible'] | tva }}                      			
                                    	</span>
                                	</span>	
                    			</td>
                    			<td class="ligne_split"></td>
                        		<td class="montant">{{ totalDirect[ligne.Direction].NB_ENGAGE }}</td>
                        		<td class="montant">
                            		<span class="white-tooltip">
                                    	{{ totalDirect[ligne.Direction].ENGAGE | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ totalDirect[ligne.Direction].ENGAGE | tva }}                      			
                                    	</span>
                                	</span>	
                    		    </td>
                        		<td class="montant">{{ totalDirect[ligne.Direction].NB_REALISE }}</td>
                        		<td class="montant">
                        			<span class="white-tooltip">
                                    	{{ totalDirect[ligne.Direction].REALISE | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ totalDirect[ligne.Direction].REALISE | tva }}                      			
                                    	</span>
                                	</span>	
                    		    </td>
                        		<td class="montant">{{ totalDirect[ligne.Direction]['NBR_FAC_AVEC_CDE']}}</td>
                        		<td class="montant">
                        			<span class="white-tooltip">
                                    	{{ totalDirect[ligne.Direction]['FACTURE AVEC COMMANDE'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ totalDirect[ligne.Direction]['FACTURE AVEC COMMANDE'] | tva }}                      			
                                    	</span>
                                	</span>	
                        		</td>
                        		<td class="montant">{{ totalDirect[ligne.Direction]['NBR_FAC_SANS_CDE'] }}</td>
                        		<td class="montant">
                        			<span class="white-tooltip">
                                    	{{ totalDirect[ligne.Direction]['FACTURE SANS COMMANDE'] | montantAbreger }} 
                                    	<span class="infos_tooltip top-left ">
                                            {{ totalDirect[ligne.Direction]['FACTURE SANS COMMANDE'] | tva }}                      			
                                    	</span>
                                	</span>	
                    		    </td>
                    		</tr>
                    		{% if loop.index != loop.last %}
                    			<tr>
                    				<td colspan="5" class="entete_split" style="border-left:2px solid white;"></td>
                    				<td class=""></td>
                    				<td colspan="2" class="entete_split"></td>
                    				<td class=""></td>
                    				<td colspan="8" class="entete_split"  style="border-right:2px solid white;"></td>
                    			</tr>
                    		{% endif %}
                    	{% endif %}
                    {% endfor %}
                </table>      
            {% endif %}  
            
            </div>
        </form>       	
    </div>

{% endblock %}