{% extends 'layout.twig' %}

{% block body %}

<div class="contenu">

	<h1>{{ 'Signature' | trad }}</h1>
	
	{{ ariane() }}

    <div class="contenu clearfix titre_div">

        <form method="post" name="form_main" id="form_main">

            <div class="block_edition">
                <div class="titre_block">
                    {{ 'Demande d\'achat' | trad }}
                </div>
                <div class="colonne3">
                    <div class="informations">
                        <p>
                            <span class="champs_label">{{ 'N° demande d\'achat' | trad }}</span>
                            <span class="resultat">{{ numDA }}</span>
                        </p>
                    </div>
                </div>
                <div class="colonne3">
                    <div class="informations">
                        <p>
                            <span class="champs_label">{{ 'Fournisseur' | trad }}</span>
                            <span class="resultat">{{ infoEntete.RS }} {% if infoEntete.FOU | trim %}({{ infoEntete.FOU }}){% endif %}</span>
                        </p>
                        <p>
                            <span class="champs_label">{{ 'Demandeur' | trad }}</span>
                            <span class="resultat">{{ infoEntete.NOM }} {% if infoEntete.DEM | trim %}({{ infoEntete.DEM }}){% endif %}</span>
                        </p>
                    </div>
                </div>
                <div class="colonne3 last">
                    <div class="informations">
                        <p>
                            <span class="champs_label">{{ 'Montant HT' | trad }}</span>
                            <span class="resultat">{{ infoEntete.TOTAL_DA | tva  }} {{ infoEntete.DEVISE }}</span>
                        </p>
                        <p>
                            <span class="champs_label">{{ 'Montant TTC' | trad }}</span>
                            <span class="resultat">{{ infoEntete.TOTAL_DA_TTC | tva }} {{ infoEntete.DEVISE }}</span>
                        </p>
                    </div>
                </div>
            </div>

            <div id="signature" class="clearfix box-form">  

                <div class="colonne2 row">
                    {{ inputAdvance('TEXTAREA', {
                        'name' : 'commentaire', 
                        'titre' : 'Commentaire' | trad,
                    }) }}
                </div>

                <div class="colonne2 last">
                    {% if parametrage.MDP_SIG %}
                        <div class="row">
                            {{ inputAdvance('PASSWORD', {
                                'name' : 'mdpSig', 
                                'titre' : 'Mot de passe' | trad,
                                'obligatoire' : true,
                            }) }}
                        </div>
                    {% endif %}
                    <div class="row">
                        <button type="button" class="principal" onClick="valider('{{ path('Signature.SignatureDa.validation', {idDoc : numDA, signataire:signataire}) }}');">{{ 'Enregistrer et signer' | trad }}</button>
                    </div>
                </div>
            </div>


            <ul class="nav nav-tabs sous_onglet">
                <li id="onglet_entete" class="active"><a data-toggle="tab" href="#entete">{{ 'Entête' | trad }}</a></li>
                <li id="onglet_ligne"><a data-toggle="tab" href="#ligne">{{ 'Lignes' | trad }}</a></li>
                <li id="onglet_pj"><a data-toggle="tab" href="#pj">{{ 'Pièces jointes' | trad }}</a></li>
                <li id="onglet_new_pj" style="display:none;"><a data-toggle="tab" href="#new_pj">{{ 'Nouvelle pièce jointe' | trad }}</a></li>
                <li id="onglet_signataires" style="{% if not parametrage.HA_SE_AJSI %}display:none;{% endif %}">
                    <a data-toggle="tab" href="#signataires">{{ 'Signataires' | trad }}</a>
                </li>
            </ul>

            <div class="tab-content">
                <div id="entete" class="tab-pane active in clearfix box-form">  
                    <div class="clearfix">
                        <div class="colonne2">
                            {% if impConfig.SectImp.isActive %}
                                <div class="row">
                                    {{ inputAdvance('ZOOMADVANCE', {
                                        'titre' : 'Section d\'imp.' | trad,
                                        'name' : 'SECTIMP',
                                        'pahtZoom' : path('Ajax.liste.si'),
                                        'paramZoom' : "{'si_valide': 'on', 'CODE_STE' : '"~(impConfig.SectImp.isSecto? infoEntete.CODE_STE:"")~"', 'panier' : 'on' }",
                                        'entity' : 'Sectimpu',
                                        'codeSte' : infoEntete.CODE_STE,
                                        'widthPopup' : 'modal_large',
                                        'titleZoom' : 'Liste des sections d\'imputation' | trad,
                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'convertLibelle' : 'convertLibelleGlobal',
                                        'pathValidator' : path('Ajax.validator.zoom'),
                                        'paramsValidator' : "{'entity' : 'Sectimpu','nomChamp' : '"~('Section d\'imp.' | trad |e('js')|raw)~"', 'null' : true, 'post' : {'filter_egal_CODE_STE' : "~(impConfig.SectImp.isSecto? "'"~infoEntete.CODE_STE~"'":"''")~"} }",
                                        'value' : infoEntete.SECTIMP,
                                        'codeSte' : infoEntete.CODE_STE,
                                    }) }}
                                </div>
                                <div class="row">
                                    {{ inputAdvance('TREEVIEW', {
                                        'titre' : 'Code gestion' | trad,
                                        'name' : 'CODGES',
                                        'pathTreeview' : path('Ajax.Treeview.codeGestion'),
                                        'paramsTreeview' : "{'CODE_SI': $('#input_SECTIMP').val(), 'cg_valide': 'on', 'inputCG' : 'CODGES', 'CODE_STE': '"~(impConfig.SectImp.isSecto? infoEntete.CODE_STE:"")~"', 'affichageLibelle' : 1}",
                                        'titleTreeview' : 'liste des codes gestion' | trad,
                                        'value' : parametrage.ID_CG? infoEntete.ID_CG:infoEntete.CODGES,
                                        'convertLibelle' : 'cgTrad',
                                        'sectimpu' : infoEntete.SECTIMP,
                                        'codeSteCG' : infoEntete.CODE_STE,
                                        'pathValidator' : path('Ajax.validator.codeGestion'),
                                        'paramsValidator' : "{'nomChamp' : '"~ ('Code gestion' | trad |e('js')|raw)~"', 'null' : true, 'CODE_SI': $('#input_SECTIMP').val(), 'CODE_STE': '"~(impConfig.SectImp.isSecto? infoEntete.CODE_STE:"")~"'}",
                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'entity' : 'Codgest',
                                        'codeBDD' : 'CODE_GES',
                                        'libelleBDD' : 'CODE_AFF',
                                        'siLink': 'input_SECTIMP',
                                        'codeSte' : infoEntete.CODE_STE,

                                        '_myFunction' : 'convertLibelleCodeGestion',
                                        '_myParams' : '["'~path('Ajax.outil.convertLibelleCodeGestion')~'", this, "CODE_GES", "CODE_AFF", "input_CODGES", "text_CODGES", null, "1", "", "input_si", 1, ]',
                                    }) }}          
                                </div>
                            {% endif %}
                        </div>
                        <div class="colonne2 last">
                            {% if impConfig.CodeCompl.isActive %}                                
                                <div class="row">
                                    {{ inputAdvance('ZOOMADVANCE', {
                                        'titre' : 'Code compl.' | trad,
                                        'name' : 'CODECOMP',
                                        'pahtZoom' : path('Ajax.liste.cdc'),
                                        'paramZoom' : "{'CODE_STE' : '"~(impConfig.CodeCompl.isSecto ? infoEntete.CODE_STE:"")~"', 'cdc_valide':'1','fromPanier' : true, 'SI_CODE' : $('#input_SECTIMP').val()}",
                                        'entity' : 'codeComp',
                                        'codeSte' : infoEntete.CODE_STE,
                                        'widthPopup' : 'modal_large',
                                        'titleZoom' : 'Liste des codes complémentaires' | trad,
                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'convertLibelle' : 'convertLibelleGlobal',
                                        'pathValidator' : path('Ajax.validator.zoom'),
                                        'paramsValidator' : "{'entity' : 'codeComp','nomChamp' : '"~'Code compl.' | trad~"', 'null' : true, 'post' : {'filter_egal_CODE_STE' : "~(impConfig.CodeCompl.isSecto ? "'"~infoEntete.CODE_STE~"'":"''")~"}}",
                                        'value' : infoEntete.CODECOMP,
                                        'codeSte' : infoEntete.CODE_STE,
                                    }) }}
                                </div>
                            {% endif %}
                            {% if impConfig.SousCompteAna.isActive %}
                                <div class="row">
                                    {{ inputAdvance('ZOOMADVANCE', {
                                        'titre' : 'SsCptAna' | trad,
                                        'name' : 'SSCPTEANA',
                                        'pahtZoom' : path('Ajax.liste.sca'),
                                        'paramZoom' : "{'CODE_STE' : '"~(impConfig.SousCompteAna.isSecto? infoEntete.CODE_STE:"")~"','sca_valide' :1 }",
                                        'entity' : 'Sscptana',
                                        'codeSte' : infoEntete.CODE_STE,
                                        'titleZoom' : 'Liste des sous-comptes d\'analyse' | trad,
                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'convertLibelle' : 'convertLibelleGlobal',
                                        'pathValidator' : path('Ajax.validator.zoom'),
                                        'paramsValidator' : "{'entity' : 'Sscptana','nomChamp' : '"~'SsCptAna' | trad~"', 'null' : true, 'post' : {'filter_egal_CODE_STE' : "~(impConfig.SousCompteAna.isSecto? "'"~infoEntete.CODE_STE~"'":"''")~"}}",
                                        'value' : infoEntete.SSCPTEANA,
                                        'codeSte' : infoEntete.CODE_STE,
                                    }) }}
                                </div>
                            {% endif %}
                        </div>
                    </div>

                    <hr>

                    <div class="clearfix">
                        {% if CSExist('DA_ENTET') %}
                            <h4>
                                {{ 'Champ supplémentaire' | trad }}

                                <img style="margin-left:10px;cursor:pointer;" class ="pictos" id="csEntet" src='{{ baseUrl('IconeV2/Misc/chevron-down.svg') }}' width="20px">
                            </h4>

                            <div id="csEntetDiv" style="display:none;">
                            
                                {{ inputCSAdvance({
                                    'codTab' : 'DA_ENTET', 
                                    'colonneActif' : true, 
                                    'codeEnr' : autoCompletCodeEnr(numDA), 
                                    'ModeModif' : true,
                                    'Signataire' : true,
                                }) }}
                            </div>
                        {% endif %}
                    </div>
                </div>
                <div id="ligne" class="tab-pane fade clearfix">
                    {% set cs_exist = CSExist('DA_LIGNE') %}
                    {# listeLigne #}
                    <table class="table table-hover noColorLign">
                        <thead class="thead-dark">
                            <tr>
                                <th scope="col">{{ 'Poste' | trad }}</th>
                                <th scope="col">{{ 'Code art.' | trad }}</th>
                                <th scope="col">{{ 'Désignation' | trad }}</th>
                                <th scope="col">{{ 'Sous-famille' | trad }}</th>
                                <th scope="col">{{ 'Quantité' | trad }}</th>
                                <th scope="col">{{ 'Unité' | trad }}</th>
                                <th scope="col">{{ 'Prix' | trad }}</th>
                                <th scope="col">{{ 'Devise' | trad }}</th>
                                <th scope="col">{{ 'Total HT' | trad }}</th>
                            </tr>
                        </thead>
                        <tbody class="noHover">
                            {% for ligne in listeLigne %}
                                <tr id="ligne{{loop.index}}" class="{% if loop.index  is odd %}odd_table_V2{% else %}even_table_V2{% endif %} notSplit">
                                    <td>{{ ligne.NO_PO }}</td>
                                    <td class="loupe">{{ ligne.CODE_ART }}</td>
                                    <td>{{ ligne.DES_SOMM }}</td>
                                    <td>{{ ligne.DESIGNAT }} ({{ ligne.SSFAM }})</td>
                                    <td class="montant">{{ ligne.QTE_DEM }}</td>
                                    <td>{{ ligne.UNITE }}</td>
                                    <td class="montant">{{ ligne.PU | tva }}</td>
                                    <td>{{ ligne.DEVISE }}</td>
                                    <td class="montant">{{ (ligne.PU*ligne.QTE_DEM)| tva }}</td>
                                </tr>
                                <tr class="{% if loop.index  is odd %}odd_table_V2{% else %}even_table_V2{% endif %} ligne{{loop.index}}inter">
                                    <td colspan="9">
                                        {% if impConfig.SectImp.isActive %}
                                            <div class="colonne4 row">
                                                {{ inputAdvance('ZOOMADVANCE', {
                                                    'titre' : 'Section d\'imp.' | trad,
                                                    'name' : 'ligne_SECTIMP'~ligne.NO_PO,
                                                    'pahtZoom' : path('Ajax.liste.si'),
                                                    'paramZoom' : "{'si_valide': 'on', 'CODE_STE' : '"~infoEntete.CODE_STE~"', 'panier' : 'on' }",
                                                    'entity' : 'Sectimpu',
                                                    'codeSte' : infoEntete.CODE_STE,
                                                    'widthPopup' : 'modal_large',
                                                    'titleZoom' : 'Liste des sections d\'imputation' | trad,
                                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                                    'convertLibelle' : 'convertLibelleGlobal',
                                                    'pathValidator' : path('Ajax.validator.zoom'),
                                                    'paramsValidator' : "{'entity' : 'Sectimpu','nomChamp' : '"~('Section d\'imp.' | trad |e('js')|raw)~"', 'null' : true, 'post' : {'filter_egal_CODE_STE' : "~(impConfig.SectImp.isSecto? "'"~infoEntete.CODE_STE~"'":"''")~"} }",
                                                    'value' : ligne.SECTIMP,
                                                    'codeSte' : infoEntete.CODE_STE,

                                                    'addStyle' : 'siLink',
                                                }) }}
                                            </div>
                                            <div class="colonne4 row">
                                                {{ inputAdvance('TREEVIEW', {
                                                    'titre' : 'Code gestion' | trad,
                                                    'name' : 'ligne_CODGES'~ligne.NO_PO,
                                                    'pathTreeview' : path('Ajax.Treeview.codeGestion'),
                                                    'paramsTreeview' : "{'CODE_SI': $('#input_ligne_SECTIMP"~ligne.NO_PO~"').val(), 'cg_valide': 'on', 'inputCG' : 'ligne_CODGES"~ligne.NO_PO~"', 'CODE_STE': '"~(impConfig.SectImp.isSecto? infoEntete.CODE_STE:"")~"', 'affichageLibelle' : 1}",
                                                    'titleTreeview' : 'liste des codes gestion' | trad,
                                                    'value' : parametrage.ID_CG? ligne.ID_CG:ligne.CODGES,
                                                    'convertLibelle' : 'cgTrad',
                                                    'sectimpu' : ligne.SECTIMP,
                                                    'codeSteCG' : infoEntete.CODE_STE,
                                                    'pathValidator' : path('Ajax.validator.codeGestion'),
                                                    'paramsValidator' : "{'nomChamp' : '"~ ('Code gestion' | trad |e('js')|raw)~"', 'null' : true, 'CODE_SI': $('#input_ligne_SECTIMP"~ligne.NO_PO~"').val(), 'CODE_STE': '"~(impConfig.SectImp.isSecto? infoEntete.CODE_STE:"")~"'}",
                                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                                    'entity' : 'Codgest',
                                                    'codeBDD' : 'CODE_GES',
                                                    'libelleBDD' : 'CODE_AFF',
                                                    'siLink': 'input_ligne_SECTIMP'~ligne.NO_PO,
                                                    'codeSte' : infoEntete.CODE_STE,
                                                    'addStyle' : 'cgLink',

                                                    '_myFunction' : 'convertLibelleCodeGestion',
                                                    '_myParams' : '["'~path('Ajax.outil.convertLibelleCodeGestion')~'", this, "CODE_GES", "CODE_AFF", "input_ligne_CODGES'~ligne.NO_PO~'", "text_ligne_CODGES'~ligne.NO_PO~'", null, "1", "", "input_si", 1, ]',
                                                }) }}          
                                            </div>
                                        {% endif %}
                                        {% if impConfig.CodeCompl.isActive %}                                
                                            <div class="colonne4 row">
                                                {{ inputAdvance('ZOOMADVANCE', {
                                                    'titre' : 'Code compl.' | trad,
                                                    'name' : 'ligne_CODE_COMP'~ligne.NO_PO,
                                                    'pahtZoom' : path('Ajax.liste.cdc'),
                                                    'paramZoom' : "{'CODE_STE' : '"~(impConfig.CodeCompl.isSecto? infoEntete.CODE_STE:"")~"', 'cdc_valide':'1','fromPanier' : true, 'SI_CODE' : $('#input_ligne_SECTIMP"~ligne.NO_PO~"').val()}",
                                                    'entity' : 'codeComp',
                                                    'codeSte' : infoEntete.CODE_STE,
                                                    'widthPopup' : 'modal_large',
                                                    'titleZoom' : 'Liste des codes complémentaires' | trad,
                                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                                    'convertLibelle' : 'convertLibelleGlobal',
                                                    'pathValidator' : path('Ajax.validator.zoom'),
                                                    'paramsValidator' : "{'entity' : 'codeComp','nomChamp' : '"~'Code compl.' | trad~"', 'null' : true, 'post' : {'filter_egal_CODE_STE' : "~(impConfig.CodeCompl.isSecto? "'"~infoEntete.CODE_STE~"'":"''")~"}}",
                                                    'value' : ligne.CODE_COMP,
                                                    'addStyle' : 'cdcLink',
                                                    'codeSte' : infoEntete.CODE_STE,
                                                }) }}
                                            </div>
                                        {% endif %}
                                        {% if impConfig.SousCompteAna.isActive %}
                                            <div class="colonne4 last row">
                                                {{ inputAdvance('ZOOMADVANCE', {
                                                    'titre' : 'SsCptAna' | trad,
                                                    'name' : 'ligne_SSCPTEANA'~ligne.NO_PO,
                                                    'pahtZoom' : path('Ajax.liste.sca'),
                                                    'paramZoom' : "{'filter_egal_CODE_STE' : '"~(impConfig.SousCompteAna.isSecto? infoEntete.CODE_STE:"")~"','sca_valide' :1 }",
                                                    'entity' : 'Sscptana',
                                                    'codeSte' : infoEntete.CODE_STE,
                                                    'titleZoom' : 'Liste des sous-comptes d\'analyse' | trad,
                                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                                    'convertLibelle' : 'convertLibelleGlobal',
                                                    'pathValidator' : path('Ajax.validator.zoom'),
                                                    'paramsValidator' : "{'entity' : 'Sscptana','nomChamp' : '"~'SsCptAna' | trad~"', 'null' : true, 'post' : {'filter_egal_CODE_STE' : "~(impConfig.SousCompteAna.isSecto? "'"~infoEntete.CODE_STE~"'":"''")~"}}",
                                                    'value' : ligne.SSCPTEANA,
                                                    'addStyle' : 'scaLink',
                                                    'codeSte' : infoEntete.CODE_STE,
                                                }) }}
                                            </div>
                                        {% endif %}
                                    </td>
                                </tr>
                                <tr id="ligne{{loop.index}}detail" class="detail_ligne hide_detail">
                                    <td colspan="10">
                                        <div>
                                            <ul class="nav nav-tabs sous_onglet sous_onglet_filter" id="filterTab">   
                                                {% if cs_exist %}
                                                    <li class="active" id="tab_cs"><a data-toggle="tab" href="#cs">{{ 'Champs supplémentaire' | trad }}</a></li>
                                                {% endif %}
                                                {% if ligne.cc_exist %}
                                                    <li id="tab_cc"><a data-toggle="tab" href="#cc">{{ 'Caractéristique complémentaire' | trad }}</a></li>
                                                {% endif %}
                                            </ul>
                                        </div>

                                        <div class="tab-content">
                                            <div id="cs" class="tab-pane active in clearfix box-form">
                                                {% if cs_exist %}
                                                    {{ inputCSAdvance({
                                                        'codTab' : 'DA_LIGNE', 
                                                        'colonneActif' : true, 
                                                        'codeEnr' : autoCompletCodeEnr(numDA, ligne.NO_PO), 
                                                        'ModeModif' : true,
                                                        'Signataire' : true,
                                                    }) }}
                                                {% endif %}
                                            </div>
                                            <div id="cc" class="tab-pane fade clearfix box-form">

                                                <input type="hidden" id="input_ligne_PU{{ligne.NO_PO}}" value="{{ ligne.PU | prixUnitaire }}"/>
                                                <input type="hidden" id="input_ligne_QTE_DEM{{ligne.NO_PO}}" value="{{ ligne.QTE_DEM | qte }}"/>
                                                <input type="hidden" id="input_ligne_TVA{{ligne.NO_PO}}" value="{{ ligne.TVA | prixUnitaire }}"/>

                                                {% if ligne.cc_exist %}
                                                    {{ generateCC({
                                                        'init' 		: false, 
                                                        'typeDoc' 	: 'DA',
                                                        'idDoc' 	: numDA, 
                                                        'idLigne' 	: ligne.NO_PO, 
                                                        'idPanier' 	: '0',
                                                        'multiCC'   : true,

                                                        'idPU'    	: 'input_ligne_PU'~ligne.NO_PO,
                                                        'idQte'   	: 'input_ligne_QTE_DEM'~ligne.NO_PO,
                                                        'idTVA'   	: 'input_ligne_TVA'~ligne.NO_PO,
                                                    }) }}
                                                {% endif %}
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div id="pj" class="tab-pane fade clearfix">

                    <a class="ajouter_blanc_v2 button_v2 white-tooltip" style="float: right;" id="btnAddCompany" onClick="$('#onglet_new_pj').show();$('#onglet_new_pj a').trigger('click');">
                        <span class="infos_tooltip left">
                            {{ 'Ajouter une pièce jointe' | trad }}
                        </span>
                    </a>

                    <table class="table table-hover tableV2" id="tablePJ">
                        <thead class="thead-dark" style="display: none;">
                            <th scope="col" colspan="6"></th>
                        </thead>
                        <tbody>
                            {% for pj in listePJ %}
                                {% include '@signature/DemandeAchat/_lignePJ.twig' %}
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div id="new_pj" class="tab-pane fade clearfix box-form">

                    {% set actionOK = " 
                        hideTabNewPJ();
                        $('#onglet_pj a').trigger('click');
                        $('#tablePJ > tbody:last-child').append(data.lignePJ);
                        desactiveLoader();" 
                    %}

                    {% include '@GlobalApplication/PiecesJointes/_form_pieces-jointes.twig' with {
                        pathEnregistrement: path('GlobalApplication.AjaxPiecesJointes.enregistrementCreationPJ', {id : numDA, MODULE : 'modifSignDA', action : 'creation'}),
                        actionOK : actionOK
                    } %}

                </div>
                {% if parametrage.HA_SE_AJSI %}
                    <div id="signataires" class="tab-pane fade clearfix box-form">
                        <p class="informations">
                            {{  'Rappel, l’ajout de signataire manuel se fait uniquement à la suite des signataires calculés' | trad }}
                        </p>
                        {% include '@popup-erreur/signataireXml.twig' with {
                            withoutFooter : true
                        } %}                 
                    </div>
                {% endif %}
            </div>
        </form>

    </div>
</div>

<script>

    $('#input_SECTIMP').change(function(){
        if ($(this).val()) {
            $('.siLink').val($(this).val()).change();
        }
    });

    $('#input_CODGES').change(function(){
        if ($(this).val()) {
            $('.cgLink').val($(this).val()).change();
        }
    });

    $('#input_CODECOMP').change(function(){
        if ($(this).val()) {
            $('.cdcLink').val($(this).val()).change();
        }
    });

    $('#input_SSCPTEANA').change(function(){
        if ($(this).val()) {
            $('.scaLink').val($(this).val()).change();
        }
    });

    $( "#csEntet" ).on( "click", function() {
        
        var idDiv = $('#csEntetDiv');
        var idInput = $('#csEntet');

        if(idDiv.is(':visible')) {
            idDiv.hide();
            idInput.attr('src', '{{ baseUrl('IconeV2/Misc/chevron-down.svg') }}');
        } else {
            idDiv.show();
            idInput.attr('src', '{{ baseUrl('IconeV2/Misc/chevron-up.svg') }}');
        }
    });

    $('.sous_onglet li').on('click', function(){
        if ($(this).attr('id') != 'onglet_new_pj') {
            hideTabNewPJ();
        }
    })

    function hideTabNewPJ() 
    {
        $('#onglet_new_pj').hide();
        changeDocument();
        $('#input_ajout-titre').val('');

        changeValueSwitch('LECTURE', true);
        changeValueSwitch('IMP_PJ', true);
        changeValueSwitch('IMP_TITRE', true);
    }

    function valider(path)
    {
        var data = JSON.stringify( $('#form_main').serializeArray() );

        activeLoader();
        $.ajax({
            url: path,
            type: 'POST',
            dataType: 'html',
            data: {dataPost : data},
            statusCode: {
                413: function(xhr) {
                    desactiveLoader();
                    desactivePopup();
                    alert('Error - ModSecurity.');
                }
            },
            success: function (data) {
                {{ arianePrevRouteJsFunc() }}
            },
            error: function (data){
                var data = jQuery.parseJSON(data.responseText);
                
                desactiveLoader();
                $("#modal-content").addClass("modal_small");
                $("#modal-body").html(data.content);
                $("#modal-title").html('{{ 'Erreur lors de la validation' | trad }}');

                activePopup();          
            }
        });
    }

</script>

<style>
    tr.notSplit td {
        border-bottom: 1px solid white;
    }
</style>

{% endblock %}