{% extends 'layout.twig' %}

{% block body %}

	<div class="contenu clearfix"  id="searchDoublons">
		<h1>
			{{ 'Recherche de Doublons' | trad }}
		</h1>
		
		{{ ariane() }}
		
		<form method="post" name="filtre_projetAchat" id="filtre_projetAchat">
			<input type="hidden" name="originSearchDoublon" value="1"/>
    		<div id="filtre" class="tab-pane active in clearfix bg_form padding_form border_form">
    	        <div class="filtre first">
    	        	<div class="row">
                        {{ labelCreateur({
                            'name' : 'filter_PROPRIETAIRE',
                            'code': user.CODE,
                            'libelle': user.NOM,
                            'titre' : 'Propriétaire' | trad,
                            'textTooltip' : 'Filtrer sur mes projets achats' | trad,
                            'orientation' : 'top-left',
                            'form' : 'filtre_projetAchat',
                        }) }}
                		{{ inputAdvance('ZOOMADVANCE',{
                		    'titre' : 'Propriétaire' | trad,
                		    'name'  : 'filter_PROPRIETAIRE',
                		    'pahtZoom' : path('Ajax.liste.utilisateur'),
                		    'titleZoom' : 'Liste des utilisateurs' | trad,
                		    'entity' : 'HASTUTIL',
                		    'convertLibelle' : 'convertLibelleGlobal',
                		    'pathConvert' : path('Ajax.outil.convertLibelle'),
                		    'value' :  post.filter_PROPRIETAIRE,
                		    'bulle' :  'true',
                		    'titreHidden' : true,
                		}) }}
            		</div>
                </div>
                <div class="filtre">
                	<div class="row">
                        {{ labelCreateur({
                            'name' : 'filter_PRESCRIPTEUR',
                            'code' : user.CODE,
                            'libelle' : user.NOM,
                            'titre' : 'Prescripteur' | trad,
                            'textTooltip' : 'Filtrer sur mes projets achats' | trad,
                            'orientation' : 'top-left',
                            'form' : 'filtre_projetAchat',
                        }) }}
                		{{ inputAdvance('ZOOMADVANCE',{
                			'titre' : 'Prescripteur' | trad,
                		    'name'  : 'filter_PRESCRIPTEUR',
                		    'pahtZoom' : path('Ajax.liste.utilisateur'),
                		    'titleZoom' : 'Liste des utilisateurs' | trad,
                		    'entity' : 'HASTUTIL',
                		    'convertLibelle' : 'convertLibelleGlobal',
                		    'pathConvert' : path('Ajax.outil.convertLibelle'),
                		    'value' :  post.filter_PRESCRIPTEUR,
                		    'bulle' :  'true',
                		    'titreHidden' : true,
                		}) }}
            		</div>
                </div>
                <div class="filtre">
                	<div class="row">
                        {{ labelCreateur({
                            'name' : 'filter_CREATEUR',
                            'code' : user.CODE,
                            'libelle' : user.NOM,
                            'titre' : 'Créateur' | trad,
                            'textTooltip' : 'Filtrer sur mes créations' | trad,
                            'orientation' : 'top-left',
                            'form' : 'filtre_projetAchat',
                        }) }}
                		{{ inputAdvance('ZOOMADVANCE',{
                		    'titre' : 'Créateur' | trad,
                		    'name'  : 'filter_CREATEUR',
                		    'pahtZoom' : path('Ajax.liste.utilisateur'),
                		    'titleZoom' : 'Liste des utilisateurs' | trad,
                		    'entity' : 'HASTUTIL',
                		    'convertLibelle' : 'convertLibelleGlobal',
                		    'pathConvert' : path('Ajax.outil.convertLibelle'),
                		    'value' :  post.filter_CREATEUR,
                		    'bulle' :  'true',
                		    'titreHidden' : true,
                		}) }}
            		</div>
                </div>
                <div class="filtre last">
                	<div class="row">
                		{{ inputAdvance('ZOOM',{
                		    'titre' : 'Société' | trad,
                		    'name'  : 'SOCIETE',
                		    'pahtZoom' : path('Ajax.liste.societe'),
                		    'titleZoom' : 'Liste des sociétés' | trad,
                		    'Entity' : 'Societe',
                		    'value' :  post.SOCIETE,
                		    'bulle' :  'true'
                		}) }}
                	</div>
                </div>
                <div class="filtre first">
                	<div class="row">
                		{{ inputAdvance('ZOOM',{
                		    'titre' : 'Groupe société' | trad,
                		    'name'  : 'GR_SOCIETE',
                		    'pahtZoom' : path('Ajax.liste.grpSociete'),
                		    'titleZoom' : 'Liste des groupes sociétés' | trad,
                		    'Entity' : 'Societe',
                		    'value' :  post.GR_SOCIETE,
                		    'bulle' :  'true'
                		}) }}
                	</div>
                </div>
                <div class="filtre">
                	<div class="row">
                		{{ inputAdvance('SELECT',{
                		    'titre' : 'Opération' | trad,
                		    'name'  : 'filter_CODE_OPE',
                		    'listeValue' : ListeOpe,
                		    'value' :  post.filter_CODE_OPE,
                		    'optionVide' : true,
                		    'bulle' :  'true'
                		}) }}
                	</div>
                </div>
                <div class="filtre">
                	<div class="row">
                		{{ inputAdvance('SELECT',{
                		    'titre' : 'Type de projet' | trad,
                		    'name'  : 'filter_ID_TYPE',
                		    'listeValue' : listeType,
                		    'value' :  post.filter_ID_TYPE,
                		    'optionVide' : true,
                		    'bulle' :  'true'
                		}) }}
                	</div>
                </div>
                <div class="filtre" style="display:none;">
                	<div class="row">
                		{{ inputAdvance('ZOOM',{
                		    'titre' : 'Famille de projets' | trad,
                		    'name'  : 'DOA',
                		    'pahtZoom' : path('Ajax.liste.doa'),
                		    'titleZoom' : 'Liste des familles de projets' | trad,
                		    'paramZoom' : "{'filter_IS_PERE' : 'T'}",
                		    'Entity' : 'Doa',
                		    'value' :  post.DOA,
                		    'bulle' :  'true'
                		}) }}
                	</div>
                </div>
                <div class="filtre last">
                	<div class="row">
                		{{ inputAdvance('ZOOM',{
                		    'titre' : 'Centre émetteur' | trad,
                		    'name'  : 'filter_CTR_EMETT',
                		    'pahtZoom' : path('Ajax.liste.centreByType', {typeCentre : 'EMISSION'}),
                		    'titleZoom' : 'Liste des centres émetteurs' | trad,
                		    'Entity' : 'Centre',
                		    'value' :  post.filter_CTR_EMETT,
                		    'bulle' :  'true'
                		}) }}
                	</div>
                </div>
                <div class="searchBar">
        			<div style="width:20%;border-right: solid 1px rgba(151, 151, 151, 0.16);padding-right: 0.5%;">
            			{{ inputAdvance('TEXT', {
            			    'name' : 'filter_REF',
            			    'placeholder' : 'Recherche par référence' | trad,
            			    'value' : post.filter_REF
            			}) }}
        			</div>
        			<div style="flex: auto;">
            			{{ inputAdvance('TEXT', {
            			    'name' : 'LIB',
            			    'placeholder' : 'Recherche par libellé projet' | trad,
            			    'value' : post.LIB
            			}) }}
        			</div>
        			<div style="width:10%">
            			{{ inputAdvance('SELECT', {
            			    'name' : 'TYPE_SEARCH',
            			    'listeValue' : listSearch,
            			    'value' : post.TYPE_SEARCH,
            			}) }}
        			</div>
                	<button class="secondaire button ajout button_right "  id="buttonCollapseFA" data-toggle="collapse" href="#filtre_avances" >
                    	{{ 'Filtres avancés' | trad }}
    				</button>
					<input type="hidden" id="retract" value="{{'Retracter' | trad}}">
					<input type="hidden" id="advancedFilters" value="{{ 'Filtres avancés' | trad }}">
                	<button type="submit" class="principal button btn_filtre last button_right" id="SubmitFilter" style="margin-right:15px;">
                	    {{ 'Rechercher' | trad }}
            	    </button>
               </div>
    		</div>	
    		
            <div id="filtre_avances" class="collapse clearfix">
            	{{ filtreAvance(post, filtreAvance, initFiltreAvance) }}
            </div>
    		<div class="resultat_filtre">
    			{{ bullFiltre(post, 'filtre_projetAchat') }}
    		</div>
			{% if listeProjet %}
			<div id="buttonRegroup" style="margin-bottom: 10px; margin-top: 10px; font-weight: bold; width:80%;position:relative;{% if post.countSelected??0 == 0 %}display:none;{% endif %}">
				{{ 'Nombre de projet(s) séléctionné(s)' | trad }} : <span id="countSelected">{{ post.countSelected??0 }}</span>			
        		<input type="hidden" id="input_countSelected" name="countSelected" value="{{ post.countSelected??0 }}"/>
        		<div id='listInputSelected'>
        		
        			{% for key, val in listeSelectInput %}
        				<input type='hidden' name='{{ key }}' id='{{ key }}' value='{{ val }}' />
        			{% endfor %}
        		</div>
        		
        		<button type="button" class="button principal" style="position:absolute;top:-5px;right:0px;margin-right:0px;">{{ 'Regrouper projet' | trad }}</button>
			</div>   
			
			        
			<div id="divRefreshDoublons" class="clearfix contentFilter" >
           
           		<div id="divTable" class="divTable">
					<table class="table table-hover">
                      	<thead class="thead-dark">
                            <tr>
                            	<th>{{ 'Sel ?' | trad }}</th>
                                <th scope="col" width="15%">{{ triTable('REF',  post.tri_REF, 'Référence' | trad, '', '', 'filtre_projetAchat') }}</th>
                                <th scope="col" width="">{{ triTable('LIB',  post.tri_LIB, 'Libellé' | trad, '', '', 'filtre_projetAchat') }}</th>
                                <th scope="col" width="">{{ triTable('PROPRIETAIRE',  post.tri_PROPRIETAIRE, 'Propriétaire' | trad, '', '', 'filtre_projetAchat') }}</th>
                                <th scope="col" width="8%">{{ triTable('STATUT',  post.tri_STATUT, 'Statut' | trad, '', '', 'filtre_projetAchat') }}</th>
                                <th scope="col" width="110px">{{ triTable('DATE_DEB',  post.tri__DATE_DEB, 'Date de début' | trad, '', '', 'filtre_projetAchat') }}</th>
                                <th scope="col" width="110px">{{ triTable('DATE_FIN',  post.tri_DATE_FIN, 'Date de fin' | trad, '', '', 'filtre_projetAchat') }}</th>
                                <th></th>
                            </tr>
                        </thead>
                        
                        {% for projet in listeProjet %}
                        	<tr id="projet{{ projet.ID }}">
                        		<td>{% if projet.IS_PERE | boolSql == false and projet.ID_PERE == '0' %}<input type="checkbox" class="form-control checkbox selected_projet" data-id="{{ projet.ID }}" id="input_selected_projet_{{ projet.ID }}" name="selected_projet_{{ projet.ID }}"/>{% endif %}</td>
                        		<td class="loupe">{{ projet.REF }}</td>
                        		<td>{{ projet.LIB }}</td>
                        		<td>{% if projet.PROPRIETAIRE %}{{ projet.NOM }} ({{ projet.PROPRIETAIRE }}){% endif %}</td>
                        		<td>
                      				{% if projet.SUSPENDU | boolSql %}
                      					{{ listeStatut[projet.STATUT~'S'] }}
                      				{% else %}
                      			        {{ listeStatut[projet.STATUT] }}
                  			        {% endif %}
                    		    </td>
                        		<td>{{ projet.DATE_DEB | dateTrad }}</td>
                        		<td>{{ projet.DATE_FIN | dateTrad }}</td>
                        		<td>
                      				{% if projet.IS_PERE | boolSql %}
                      					<span class="DOA_est_pere cursor white-tooltip" style="width:20px; height:20px;" onClick="$('#filtre input, #filter_pannel input').val('');$('#input_DOA').val('{{ projet.ID }}');$('#SubmitFilter').trigger( 'click' );">
                                			<span class="infos_tooltip left">
                                				{{ 'Projet parent' | trad }}, {{ 'cliquez pour filtrer sur la famille de projets' | trad }}
                                            </span>
                      					</span>	    
                      				{% elseif projet.ID_PERE != 0 %}	
                      					<span class="DOA_est_fils cursor white-tooltip" style="width:20px; height:20px;" onClick="$('#filtre input, #filter_pannel input').val('');$('#input_DOA').val('{{ projet.ID_PERE }}');$('#SubmitFilter').trigger( 'click' );">
                                			<span class="infos_tooltip left">
                                				{{ 'Projet fils de' | trad }} {{ projet.LIB_PERE }} - {{ projet.REF_PERE }}, {{ 'cliquez pour filtrer sur la famille de projets' | trad }}
                                            </span>
                      					</span>	  
                  					{% endif %}

									{{ menuContextuel('projet'~projet.ID, false, projet.menuContextuel) }}
                        		</td>
                        	</tr>
                            <tr id="projet{{ projet.ID }}detail" class="detail_ligne hide_detail">
                            	<td colspan="8">
                            		<div class="full clearfix">
                            			<div class="full">
                                			<div class="info_full">
                                				<p>
                                					<span class="champs_label" style="width: 19.3%;">{{ 'Description' | trad }}</span>
                                					<span class="resultat left">{{ projet.DESCR }}</span>
                                				</p>
                                			</div>
                                			<div class="colonne2">
                            					<span class="champs_label">{{ 'Prescripteur' | trad }}</span>
                            					<span class="resultat left">
													{% if projet.PRESCRIPTEUR %}
														{{ projet.Prescripteur_NOM }} ({{ projet.PRESCRIPTEUR }})
													{% endif %}
												</span>
                                			</div>
                                			<div class="colonne2 last">
                            					<span class="champs_label">{{ 'Centre émetteur' | trad }}</span>
                            					<span class="resultat left">
													{% if projet.CTR_EMETT %}
														{{ projet.CentreEmetteur_RAIS_SOC }} ({{ projet.CTR_EMETT }})
													{% endif %}</span>
                                			</div>
                                			
                                			<div class="colonne2">
                            					<span class="champs_label">{{ 'Opération' | trad }}</span>
                            					<span class="resultat left">{{ ListeOpe[projet.CODE_OPE] }}</span>
                                			</div>
                                			<div class="colonne2 last">
                            					<span class="champs_label">{{ 'Type de dossier' | trad }}</span>
                            					<span class="resultat left">{{ listeType[projet.ID_TYPE] }}</span>
                                			</div>
                                			
                                			<div class="colonne2">
                            					<span class="champs_label">{{ 'Etat d\'avancement' | trad }}</span>
                            					<span class="resultat left">{{ ListeEtatAv[projet.ID_ETAT_AV] }}</span>
                                			</div>
                            			</div>
                            		</div>
                            	</td>
                        	</tr>
                        {% endfor %}
                        
                    </table>

					<div style="width:100%">
           		    {{ paginations(path('ProjetAchat.Doublons.searchDoublons'),infoPagination.nombreDePage, infoPagination.page, infoPagination.post, 'divRefreshDoublons') }}
					</div>
                </div>
           		
           	
           		<div id="filter_pannel" class="pannelFilter bg_form border_form" style="margin-left:1%;">
           			<button class="button principal " type="button" onClick="$('#filtre_projetAchat').submit();">{{ 'Filtrer' | trad }}</button>
           			<button class="button secondaire " type="button" style="margin-top:5px;" onClick="$('.checkboxPannel').prop('checked', false );$('#filtre_projetAchat').submit();">{{ 'Désactiver filtres' | trad}}</button>

           			<hr>
           			
		            {% set Count = 0 %}
           			{% for key, pannel in tabPannel %}
           			
                		{% if tabPannel[key-1].categorie !=  pannel.categorie  %}
                		    {% set Count = Count+1 %}
               				<div class="clearfix">
               					<p>{{ pannel.titre }}</p>
               					<ul style="overflow-y: auto;max-height: 150px;overflow-x: hidden;">
           				{% endif %}
           				
           					<li>
           						<input style="margin-right:10px;" {% if pannel.value %}checked{% endif %} type="checkbox" class="form-control checkbox checkboxPannel" id="input_panel_filter{{ spliter() }}{{ pannel.categorie }}{{ spliter() }}{{ pannel.id }}" name="panel_filter{{ spliter() }}{{ pannel.categorie }}{{ spliter() }}{{ pannel.id }}"/>
           						<span class="pannel">{{ pannel.libelle }}</span>
								<span class="count">({{ pannel.count }})</span>
       						</li>
           					
           				{% if tabPannel[key+1].categorie !=  pannel.categorie  %}
           						</ul>
							</div>
							<hr>
						{% endif %}
           			{% endfor %}
           			
                	<script>
                	
                		$('#buttonRegroup').click(function(){
                			redirectJSWithPost('{{ path('ProjetAchat.Doublons.regroupProjet') }}', $('#filtre_projetAchat').serializeArray());
                		});
                	
                		$('.selected_projet').click(function(){
                			var input = $(this)[0];
                			
                			var oldCount =  parseInt($('#input_countSelected').val());
                			
                			var idProjet = $($(this)[0]).data('id');
                			if($(input).is(':checked'))
                			{
                				var newCount = oldCount+1;
                				$('#listInputSelected').append("<input type='hidden' name='save_selected_projet_"+idProjet+"' id='save_selected_projet_"+idProjet+"' value='1'/>");
                			}
                			else
                			{
                				var newCount = oldCount-1;
                				$('#save_selected_projet_'+idProjet).remove();
                			}
                
                			$('#countSelected').html(newCount);
                			$('#input_countSelected').val(newCount);
                			
                			if(newCount >= 1)
                			{
                				$('#buttonRegroup').show();
                			}
                			else
                			{
                				$('#buttonRegroup').hide();
                			}
                		});
                	</script>
           		</div>
           		
           		<script>
           			$( document ).ready(function() {
               			$('#listInputSelected input').each(function( index ) {
               				$('#input_'+$(this).attr('id').substring(5)).prop( "checked", true );
                        });
                    });
           		</script>
           		<script type="text/javascript" src="{{ baseUrl('js/parametre.js') }}" id="parametreJS"></script>
           	</div>
           	{% endif %}
           
       </form>
		
	</div>	
{% endblock %}	