
{% extends 'layout.twig' %}

{% block body %}
	
    <div class="contenu clearfix"  id="marche">
                    <h1>
                    	{{TITRE}}
                    	
                        {% if csAcc %}
                           {# {{ Button('Export liste des Accords-cadres' | trad, false, '', 'ajaxPopup(\''~path('Contrat.accord-cadre.popupExportContent', {'type' : type ,'idacc' : id, 'post' : post })~'\',  \'' ~ 'Export liste des Accords-cadres' | trad ~ '\', \'\', \'\', \'\', \'modal_export \')', '') }} #}

                      
                        <button type="button" onClick="ajaxPopupV2('{{ path('Contrat.accord-cadre.popupExportContent', {type: type, idacc: id}) }}', 'form_filtre_acc',  '{{'Export liste des Accords-cadres' | trad}}' );" class="button secondaire">
					        {{ 'Export liste des Accords-cadres' | trad }}
				        </button>
                        {% else %}
                            <button class="button secondaire" onClick="exportCSV2('{{ path('Contrat.accord-cadre.exportAccadre', {'type' : type ,'idacc' : id } ) }}', 'form_filtre_acc', '{{ path('Ajax.Erreur.popupInformation') }}', '{{ path('Ajax.Outil.appelAsync') }}')">{{ 'Export liste des Accords-cadres' | trad }}</button>
                        {% endif %}


                        {% if listDroit.droitCreation == 1 %}
                            {{ Button('Nouvel Accord-cadre' | trad, true,path('Contrat.accord-cadre.creation', {'type' : typeAcc ,'idacc' : id }), '', { 0 : 'HA_ACD_CM'}, true, 'ajout') }}
                        {% endif %}                    	
                    </h1>
                    
                    {{ ariane() }}

                    <div class="tab-content" id ="refreshAjaxAcc">
                        <div id="accords_cadres" class="tab-pane fade in active clearfix">
                            <h2>
                                    {% if type =='marches' %}
                                        {{ 'Liste des Accords-cadres du marché' | trad }} {{ libelleMarche }} ({{ id }}) 
                                    {% elseif type=='fournisseur' %} 
                                        {{'Fournisseur' | trad }} {{ title }} ({{ id }}) 
                                    {% elseif type=='groupement' %}
                                        {{'Groupement' | trad }} {{ title }} ({{ id }}) 
                                    {% endif %}
                            </h2>
                            {% if type=='fournisseur' or type=='groupement' %}
                                {{ arianeSub() }}
                            {% endif %}
                            
                            <form method="post" name="form_filtre_acc" id="form_filtre_acc">
                                {% if type!='fournisseur' and type!='groupement' %}
                                	<div>
                                		<ul class="nav nav-tabs sous_onglet sous_onglet_filter" id="filterTab">   
                                			<li class="active" id="tab_filter"><a data-toggle="tab" href="#filtre">{{ 'Filtres' | trad }}</a></li>
                                			<li id="tab_advance"><a data-toggle="tab" href="#filtreAdvance">{{ 'Filtres complémentaires' | trad }}</a></li>
                                		</ul>
                						{{ initTabFilter(post, 'filterTab') }}
                                	</div>
                                    <div class="tab-content">
                                        <div id="filtre" class="tab-pane active in clearfix box-form">
                                            <div class="filtre first">
                                                <div class="row">
                                                    <span id="loginUtilisateur" style="display:none;" >{{ user.CODE }}</span>			
                                                    {{ labelCreateur({
                                                        'name' : 'filter_ACH_RESP',
                                                        'code' : user.CODE,
                                                        'libelle' : user.NOM,
                                                        'titre' : 'Responsable Achats :' | trad,
                                                        'textTooltip' : 'Filtrer sur mes accords-cadres' | trad ,
                                                        'orientation' : 'top-left',
                                                        'form' : 'form_filtre_acc',
                                                    }) }}

                                                
                                                    {{ inputAdvance('ZOOMADVANCE', {
                                                        'name' : 'filter_ACH_RESP',
                                                        'obligatoire' : false,
                                                        'pahtZoom' : path('Ajax.liste.utilisateur'),
                                                        'paramZoom' : "{'ACHETEUR' : 1, 'VALIDE' : 1}",
                                                        'entity' : 'HASTUTIL',
                                                        'titleZoom' : 'Liste des acheteurs' | trad,
                                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                                        'convertLibelle' : 'convertLibelleGlobal',
                                                        'pathValidator' : path('Ajax.validator.zoom'),
                                                        'paramsValidator' : "{'entity' : 'HASTUTIL','nomChamp' : '"~ 'Créé par' | trad ~"', 'null' : true, 'post' : {'filter_ACHETEUR' : 'T', 'VALIDE' : 1}}",
                                                        'value' : post.filter_ACH_RESP,
                                                        'option' : ruleUpdateResp == 1 ? '' : 'readonly',
                                                        'bulle' :  ruleUpdateResp == 1 ? 'true' : '',
                                                    }) }}

                                                </div>
                                            </div>
                                            <div class="filtre">
                                                <div class="row">
                                                    {{ inputAdvance('DATE', { 
                                                        'titre' : 'Date de début' | trad,
                                                        'name'  : 'filter_date_DATE_DEB',
                                                        'value' : post.filter_date_DATE_DEB,
                                                        'pathValidator' : path('Ajax.validator.date'),
                                                        'paramsValidator' : "{'null' : true}",
                                                        'bulle' : 'true'
                                                    }) }}
                                                </div>
                                            </div>
                                            <div class="filtre">
                                                <div class="row">
                                                    {{ inputAdvance('DATE', { 
                                                        'titre' : 'Date de fin' | trad,
                                                        'name'  : 'filter_date_DATE_FIN',
                                                        'value' : post.filter_date_DATE_FIN,
                                                        'pathValidator' : path('Ajax.validator.date'),
                                                        'paramsValidator' : "{'null' : true}",
                                                        'bulle' : 'true'
                                                    }) }}
                                                </div>
                                            </div>
                                            <button type="submit" class="principal button btn_filtre last button_right">{{ 'Filtrer' | trad }}</button>
                                            <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 }}">
                                        </div>
                                    
                                        <div id="filtreAdvance" class="tab-pane fade clearfix box-form">
                                            <div class="filtre first">
                                                <div class="row">
                                                    {{ inputZoomAdvance(
                                                        'Lié au Centre émetteur' | trad, 
                                                        "filter_CODE_CTR_EME", 
                                                        path('Ajax.liste.centreEmetteurAll'), 
                                                        "{'type': '"~type~"', 'idType': '"~id~"'}", 
                                                        post.filter_CODE_CTR_EME, 
                                                        'centreTrad', 
                                                        path('Ajax.validator.zoom'), 
                                                        "{'entity':'Centre','nomChamp' : '"~  'Centre émetteur' | trad ~"', 'null' : true}", 
                                                        "" , "",
                                                        path('Ajax.outil.convertLibelle'), 
                                                        "Centre",
                                                        "CODE_CTR", 
                                                        "RAIS_SOC", 
                                                        '','','',
                                                        'Liste des centres émetteurs' | trad
                                                    ) }}
                                                </div>
                                            </div>
                                            <div class="filtre">
                                                <div class="row">
                                                    {{ inputZoomAdvance('Lié au Centre de livraison' | trad, "filter_CODE_CTR_LIV", path('Ajax.liste.centreLivraisonAll'), "{'type': '"~type~"', 'idType': '"~id~"'}", 
                                                    post.filter_CODE_CTR_LIV, 'centreTrad', 
                                                    path('Ajax.validator.zoom'), "{'entity':'Centre','nomChamp' : '"~ 'Centre de livraison' | trad ~"', 'null' : true}" , "" , "",
                                                    path('Ajax.outil.convertLibelle'), "Centre","CODE_CTR", "RAIS_SOC", '','','','Liste des centres de livraison' | trad) }}
                                                </div>
                                            </div>
                                            <button type="submit" class="principal button btn_filtre last button_right">{{ 'Filtrer' | trad }}</button>
                                            <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 }}">
                                        </div>
                                    </div>
                                    <div id="filtre_avances" class="collapse clearfix">
                                        {{ filtreAvance(post, filtreAvance, initFiltreAvance) }}  
                                    </div>
                                {% endif %}
                                <div class="resultat_filtre">                            	
                                    {{ bullFiltre(post, 'form_filtre_acc') }}
                                </div>

                                <table class="table table-hover" id="contenteTable">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th scope="col" width="8%">{{ triTable('CODE_ACD',  infoPagination.filter.tri_CODE_ACD, 'Code' | trad ) }}</th>
                                            <th scope="col">{{ triTable('LIBELLE',  infoPagination.filter.tri_LIBELLE, 'Libellé Accord-cadre' | trad) }}</th>
                                            <th scope="col" width="10%">{{ triTable('MARCHE',  infoPagination.filter.tri_MARCHE, 'Marché' | trad) }}</th>
                                            <th scope="col" width="10%">{{ triTable('TYPE_FG',  infoPagination.filter.tri_TYPE_FG, 'Type' | trad) }}</th>
                                            <th scope="col" width="370px">{{ triTable('FG_RS',  infoPagination.filter.tri_FG_RS, 'Fournisseur / Groupement' | trad) }}</th>
                                            {# <th scope="col" width="10%">{{ triTable('RS',  infoPagination.filter.tri_RS, 'Raison sociale Fournisseur') }}</th> #}
                                            <th scope="col" width="7%">{{'Etat' | trad }}</th>
                                            <th>{{'Consommation' | trad }}</th>
                                            <th scope="col" width="4%"></th>
                                            <th scope="col" width="5%">{{'Actions' | trad }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="recherche">
                                            <td>
                                              {{ filterTable('CODE_ACD', post.filter_CODE_ACD, 'Rechercher par Code' | trad,'accords_cadres', path('Contrat.accord-cadre.index', {'type' : type,'idacc' : id }),'form_filtre_acc') }}
                                            </td>
                                            <td>
                                                {{ filterTable('LIBELLE', post.filter_LIBELLE, 'Rechercher par libellé accord-cadre' | trad,'accords_cadres', path('Contrat.accord-cadre.index', {'type' : type,'idacc' : id }),'form_filtre_acc') }}
                                            </td>
                                            <td>
                                               {{ zoomFilter('MARCHE',post.filter_MARCHE , '' ,'form_filtre_acc', path('Ajax.liste.marches'),'Liste marché' | trad, '', '', '', '', '', '', '') }}

                                            </td>
                                            <td>
                                                {{- filterSelect('TYPE_FG', post.filter_TYPE_FG, { F : 'Fournisseur' | trad , G : 'Groupement' | trad }) }}
                                            </td>
                                            <td>
                                                <div class="bs-row flex-nowrap no-gutter">

                                                    <div class="bs-col-auto mr-tiny">
                                                        <select id="filter_FourGroup" class="form-control " 
                                                            name="filter_FourGroup" onchange="changeSelectFourGroup(this.value);"
                                                        >
                                                            <option {{ post.filter_CODE_FOUR_fourGroup != '' ? 'selected' }} value="Tous">{{ 'Tous' | trad }}</option>
                                                            <option {{ post.filter_CODE_FOUR_four != '' ? 'selected' }}  value="fourniss">{{ 'Fournisseur' | trad}}</option>
                                                            <option {{ post.filter_CODE_FOUR_group != '' ? 'selected' }} value="grpfou">{{ 'Groupement' | trad }}</option>
                                                        </select>
                                                    </div>

                                                    <div class="bs-col" data-inputwrapper>
                                                        {{- filterTable(
                                                            'CODE_FOUR_fourGroupA', 
                                                            post.filter_CODE_FOUR_fourGroupA ?? post.filter_egal_CODE_FOUR_fourGroup, 
                                                            'Rechercher par F / G' | trad ,
                                                            'accords_cadres', 
                                                            path('Contrat.accord-cadre.index', {type: type, idacc: id}),
                                                            'form_filtre_acc'
                                                        ) -}}
                                                    </div>
                                                                                        
                                                    {# Fournisseur #}
                                                    <div class="bs-col" data-inputwrapper>
                                                        {{- zoomFilter(
                                                            'CODE_FOUR_four',
                                                            post.filter_CODE_FOUR_four , 
                                                            'Rechercher par Fournisseur' | trad ,
                                                            'form_filtre_acc', 
                                                            path('Ajax.liste.fournisseur'),
                                                            'Fournisseur' | trad, '', 'text', '', 
                                                            'accords_cadres', '', 
                                                            'Fourniss', 
                                                        ) -}}
                                                    </div>

                                                    {# Groupement #}
                                                    <div class="bs-col" data-inputwrapper>
                                                        {{- zoomFilter(
                                                            'CODE_FOUR_group',
                                                            post.filter_CODE_FOUR_group, 
                                                            'Rechercher par Groupement' | trad,
                                                            'form_filtre_acc', 
                                                            path('Ajax.liste.grpfou'),
                                                            'Groupement' | trad,  '', 'text', '', 
                                                            'accords_cadres', '',
                                                            'Grpfou'
                                                        ) -}}
                                                    </div>

                                                    
                                                    {# {{ filterSelect('FourGroup', post.filter_FourGroup, { '' : 'Tous', 'fourniss' : 'Fournisseur', 'grpfou' : 'Groupement'}, 'form_filtre_acc','', 'contenteTable', path('Contrat.accord-cadre.index', {'type' : 'ALL','idacc' : 'ALL' }),true) }}  #}
                                                </div>
                                            </td>
       
                                            <td>{{ filterSelect('VALIDE', post.filter_VALIDE, { '' : 'Tous' | trad, 'VALIDE' : 'Valide' | trad,'PREAVIS' : 'Préavis en approche' | trad, 'NON_VALIDE' : 'Non valide' | trad }, '','','',true) }}</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        {% for acc in accListe %}
                                            <tr id="loupe{{ loop.index }}" class="{% if loop.index is divisible by(2) %}even{% else %}odd{% endif %}">
                                    
                                                <td class="loupeSpec code" onclick="toggleSlide('{{ path('Contrat.accord-cadre.index',{'type' : type, 'idacc': id}) }}' , 'loupe{{ loop.index }}detail', {detail : true, 'filter_egal_CODE_ACD' : '{{ acc.CODE_ACD }}' } );" >{{ acc.CODE_ACD }} {% if acc.AVENANT %}/ {{ acc.AVENANT }}{% endif %}</td>
                                                <td> {{ acc.LIBELLE }}</td>
                                                {% if acc.MARCHE == '' %}
                                                    <td>  </td>
                                                {% endif %}
                                                {% if acc.MARCHE is not empty %}
                                                    <td> {{ acc.LIB_MARCHES }} 
                                                    {% if acc.MARCHE | trim and acc.MARCHE != '' %}
                                                        ({{ acc.MARCHE }})
                                                    {% endif %}</td> 
                                                {% endif %}
                                                <td>{{ acc.TYPE_FG=='F'? 'Fournisseur' | trad : 'Groupement' | trad }}</td>

                                                {% if acc.CODE_FOUR == '' %}
                                                    <td>  </td>
                                                {% endif %}
                                                {% if acc.CODE_FOUR is not empty %}
                                                    <td>{% if acc.TYPE_FG=='F' %}{{ acc.FG_RS }} {% if acc.FG_RS != ' ' %}({{ acc.CODE_FOUR }}) {% endif %}{% endif %}

                                                    {% if acc.TYPE_FG=='G' %}{{ acc.FG_RS }} {% if acc.FG_RS != ' ' %}({{ acc.CODE_FOUR }}) {% endif %}{% endif %}
                                                    </td> 
                                                {% endif %}
                                                {# <td>{{ acc.RS }}</td> #}
                                                <td>
                                                <!-- Non actif  -->
                                                {% if dateJ < acc.DATE_DEB  %}
                                                    <span class="statut non_actif white-tooltip">
                                                        <span class="infos_tooltip top-left">
                                                            {{'Pas encore actif' | trad }}
                                                        </span>
                                                    </span>
                                                {% endif %}
                                                <!-- Statut Fermé  -->
                                                {% if dateJ > acc.DATE_FIN and acc.DATE_FIN != "00000000" %}
                                                    <span class="statut desactive white-tooltip">
                                                        <span class="infos_tooltip top-left">
                                                            {{'Cet accord-cadre n\'est plus valide' | trad }} ({{acc.DATE_FIN | dateTrad}})
                                                        </span>
                                                    </span> 
                                                {% endif %}
                                                {# {{ preavisAccordCadre(acc) }} #}
                                                <!-- Delais de préavis dépassé  -->
                                                {% if acc.DATE_DEB == "00000000" and acc.DATE_FIN != "00000000" %}
                                                <span>
                                                    <span>

                                                    </span>
                                                </span> 
                                                {% endif %}
                                                {% if acc.DATE_FIN == "00000000" and acc.DATE_DEB != "00000000"%}
                                                <span>
                                                    <span>

                                                    </span>
                                                </span> 
                                                {% endif %}
                                                {% if acc.DATE_DEB == "00000000" or acc.DATE_FIN == "00000000" %}
                                                <span>
                                                    <span>

                                                    </span>
                                                </span> 
                                                {% endif %}   
                                                </td>  
                                                <td class="white-tooltip">
                                                    {% if acc.BUDGET > 0 %}
                                                        {% set rang = ((acc.ENGAGE | convertFloat) /  (acc.BUDGET | convertFloat)) * 100 %}
                                                        <div class="progress" style="width:100px;margin-right:20px;margin-bottom:0px;position: relative;">
                                                            <div class="progress-bar" role="progressbar" aria-valuenow="{{ rand }}" aria-valuemin="0" aria-valuemax="100" style="width:{{ rang }}%;background-color:#3377cb}">
                                                                <span style="position: absolute;display: block;width: 100%;color:black;">{{ rang | tva }}%</span>
                                                            </div>
                                                        </div>   
                                                        <span class="infos_tooltip left">
                                                            {{ acc.ENGAGE == ''? '0.00':acc.ENGAGE | tva }} {{ DEVISE }} / {{ acc.BUDGET | tva }} {{ DEVISE }}
                                                        </span>
                                                    {% endif %}
                                                </td>
                                                <td>
                                                {% if acc.ACD_COMMENT | trim != '' %}

                                                    <span class="blocNote non_actif white-tooltip" style="cursor:pointer;" onclick="ajaxPopup ('{{ path('Contrat.accord-cadre.popupCommentaire', 
                                                            {'type' : 'accordCadre', 'idacc' : acc.CODE_ACD | trim }) }}', '{{'Commentaire de l\'Accord-cadre' | trad| addslashes   }} ({{ acc.CODE_ACD }})', 'name', 'name')" >
                                                        <span class="infos_tooltip top-left" id="comment_{{ acc.ACD_COMMENT }}">
                                                            {{ acc.ACD_COMMENT }}
                                                        </span>
                                                    </span>
                                                {% endif %}
                                                {% if acc.NO_DA | trim != '' %}
                                                    <a href="{{path('Contrat.accord-cadre.docRattache', {'id' : acc.CODE_ACD | trim, 'type' : type }) }}" class="documents_attaches white-tooltip">
                                                        <span class="infos_tooltip top-left">{{ 'Présence de documents rattachés. Cliquer pour les visualiser' | trad }}
                                                        </span>
                                                    </a>
                                                {% endif %}
                                                
                                                {{preavisAccordCadre(acc, trad)}}
                                                </td>

                                                <td class="parametrage" >      
                                                    {{ menuContextuel('loupe'~loop.index, false, acc.menuContextuel, 5) }}
                                                </td>
                                            </tr>
                                
                                            <tr id="loupe{{ loop.index }}detail" class="detail_ligne hide_detail">
                                            
                                               
                                            </tr>
                                        {% endfor %}
                            
                                    </tbody>
                                </table>   
                                {{ paginations(path('Contrat.accord-cadre.index', {type: id, idacc: typeAcc}), infoPagination.nombreDePage, infoPagination.page, infoPagination.post, '') }}
                                    </div>
                                </div>
                            </form>
    </div>
<script>
    function changeSelectFourGroup(value)
    {
        // TODO : simplify
        // Reset
        $('#filter_CODE_FOUR_fourGroupA').attr('disabled','disabled').parent('[data-inputwrapper]').hide();

        $("#CODE_FOUR_group").attr('disabled','disabled').parent('[data-inputwrapper]').hide();
        $("#filter_CODE_FOUR_group").attr('disabled','disabled').parent('[data-inputwrapper]').hide();

        $("#CODE_FOUR_four").attr('disabled','disabled').parent('[data-inputwrapper]').hide();
        $("#filter_CODE_FOUR_four").attr('disabled','disabled').parent('[data-inputwrapper]').hide();

        if(value == 'Tous') {
            $('#filter_CODE_FOUR_fourGroupA').removeAttr("disabled").parent('[data-inputwrapper]').show();
            $('#filter_CODE_FOUR_fourGroup').removeAttr("disabled").parent('[data-inputwrapper]').show();
        } else if (value == 'fourniss') {
            $('#filter_CODE_FOUR_four').removeAttr("disabled").parent('[data-inputwrapper]').show();
            $('#CODE_FOUR_four ').removeAttr("disabled").parent('[data-inputwrapper]').show();
        } else if (value == 'grpfou') {
            $('#filter_CODE_FOUR_group').removeAttr("disabled").parent('[data-inputwrapper]').show();
            $('#CODE_FOUR_group ').removeAttr("disabled").parent('[data-inputwrapper]').show();
        }
    }

    changeSelectFourGroup($('#filter_FourGroup').val());
</script>
{% endblock %}