{% extends 'layout.twig' %}

{% block body %}
<div class="contenu clearfix titre_div" id="Commande">
	<h1>
		{{ 'Commandes' | trad }}
	</h1>
    
	{{ ariane() }}

    <h2>
        {{ 'Projet de commande' | trad }} : {% for lib in projet.libProjet %}{{ lib }}{% if loop.last != loop.index %} - {% endif %}{% endfor %}
        <button type="button" class="principal button" id="createCde" style="float: right; margin-right: 0px;">{{ 'Créer la commande' | trad }}</button>
    </h2>

    <ul class="nav nav-tabs" role="tablist" id="tablist">
        <li id="liEntete" role="entete" {% if tab == '' or tab == null or tab == 'entete' %}class="active"{% endif %}><a href="#divEntete" aria-controls="divEntete" role="tab" data-toggle="tab">{{ 'Entête du projet' | trad }}</a></li>
        <li id="liTitreComm" role="titreComm" {% if tab == 'titreComm' %}class="active"{% endif %}><a href="#divTitreComm" aria-controls="divTitreComm" role="tab" data-toggle="tab">{{ 'Titre et commentaire' | trad }}</a></li>
        <li id="liLigne" role="ligne" {% if tab == 'ligne' %}class="active"{% endif %}><a href="#divLigne" aria-controls="divLigne" role="tab" data-toggle="tab">{{ 'Lignes' | trad }}</a></li>
        <li id="liClausePJ" role="clausePJ" {% if tab == 'clausePJ' %}class="active"{% endif %}><a href="#divClausePJ" aria-controls="divClausePJ" role="tab" data-toggle="tab">{{ 'Clauses & pièces-jointes' | trad }}</a></li>
    </ul>

    <form method="post"  name="filtre_projetCde" id="filtre_projetCde" class="clearfix">
        <div class="tab-content">

            <div id="divEntete" class="tab-pane {% if tab == '' or tab == null or tab == 'entete' %}active in{% else %}fade{% endif %} clearfix" style="padding-top: 10px;">
                <div class="colonne2 bg_form border_form padding_form" id="leftDiv">
                    <h3 style="margin-top: 0;margin-bottom: 30px;">{{ 'Liste des choix sur valeurs des DA sélectionnées' | trad }}</h3>
                    {% if param.NUMEROTATION == 'M' %}
                        <div style="height:45px;"></div>
                    {% endif %}
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'name' : 'LEFT_CODE_FOU',
                            'titre' : 'Fournisseur' | trad,
                            'listeValue' : listeFrs,
                            'optionVide' : true
                        }) }}
                    </div>
                    <div class="row" style="height:34px;"></div>
                    <div class="row" style="height:38px;"></div>
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'name' : 'LEFT_COD_LNG',
                            'titre' : 'Langue' | trad,
                            'listeValue' : ligneLangue,
                            'optionVide' : true
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'name' : 'LEFT_CTR_EMETT',
                            'titre' : 'Centre émetteur' | trad,
                            'listeValue' : listeCtrEmetteur,
                            'optionVide' : true
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'name' : 'LEFT_CTR_LIV',
                            'titre' : 'Centre de livraison' | trad,
                            'listeValue' : listeCtrLivraison,
                            'optionVide' : true
                        }) }}
                    </div>
                    <div class="row" style="height:34px;{% if mdtActif == false %}display: none;{% endif %}" id="leftModTrans">
                    </div>
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'name' : 'LEFT_DEVISE',
                            'titre' : 'Devise' | trad,
                            'listeValue' : listeDevise,
                            'optionVide' : true
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'name' : 'LEFT_SECTIMP',
                            'titre' : 'Section d\'imputation' | trad,
                            'listeValue' : listeSectimp,
                            'optionVide' : true
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'name' : 'LEFT_CODECOMP',
                            'titre' : 'Code complémentaire' | trad,
                            'listeValue' : listeCdc,
                            'optionVide' : true
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'name' : 'LEFT_SSCPTEANA',
                            'titre' : 'Sous-compte d\'analyse' | trad,
                            'listeValue' : listeSScana,
                            'optionVide' : true
                        }) }}
                    </div> 
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'name' : 'LEFT_TYP_DOC',
                            'titre' : 'Type de document' | trad,
                            'listeValue' : listeTypeDoc,
                            'optionVide' : true
                        }) }}
                    </div> 
                </div>
                <div class="colonne2 last bg_form border_form padding_form">
                    <h3 style="margin-top: 0;margin-bottom: 30px;">{{ 'Votre choix pour la commande' | trad }}</h3>
                    {% if param.NUMEROTATION == 'M' %}
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                'titre' : 'N° Commande' | trad,
                                'name'  : 'NO_CDE',
                                'value' : projet.entete.NO_CDE,
                                'pathValidator' : path('Ajax.validator.integer'),
                                'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '9'}",
                                'myFuncValidator' : 'updateValueLigne',
                                'paramFuncValidator' : '["NO_CDE", false]',
                            }) }}
                        </div>
                    {% endif %}
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'titre' : 'Fournisseur' | trad,
                            'name' : 'CODE_FOU',
                            'pahtZoom' : path('Ajax.liste.fournisseur'),
                            'paramZoom' : "{'filter_PROSPECT' : 'F' }",
                            'entity' : 'Fourniss',
                            'titleZoom' : 'Liste des fournisseurs' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Fourniss','nomChamp' : 'Fournisseur', 'null' : true, post : {'filter_PROSPECT' : 'F'} }",
                            'value' : projet.entete.CODE_FOU,
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["CODE_FOU", false]',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'COD_TAC',
                            'titre' : 'Type d\'achat' | trad,
                            'value' : projet.entete.COD_TAC,

                            'pahtZoom' : path('Ajax.liste.typeAchatFournis'),
                            'paramZoom' : "{'filter_egal_TACFOFOU' : $('#input_CODE_FOU').val() }",
                            'entity' : 'TypeAchat',
                            'titleZoom' : 'Liste des types d\'achat' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'TypeAchat','nomChamp' : '"~ 'Type d\'achat' | trad |e('js')|raw~"', 'null' : true}",
                            'option' : (projet.entete.CODE_FOU and lockConfirmationAchat == false)? '':'readOnly',
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["COD_TAC", false]',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH', {
                            'titre' : 'Confirmez-vous le type d\'achat ?' | trad,
                            'name' : 'confirmationAchat',
                            'value' : projet.entete.confirmationAchat,
                            'option' : lockConfirmationAchat? 'disabled':'',
                            'myFunction' : 'updateValueLigne',
                            'myParams' : '["confirmationAchat", true]',
                        }) }}
                        {% if LOCK_confirmationAchat %}
                            <input type="hidden" id="save_confirmationAchat" name="input_confirmationAchat" value="On"/>
                        {% endif %}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'name' : 'COD_LNG',
                            'titre' : 'Langue' | trad,
                            'value' : projet.entete.COD_LNG,
                            'listeValue': listeLangue,
                            'optionVide' : true,
                            'myFunction' : 'updateValueLigne',
                            'myParams' : '["COD_LNG", false]',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'CTR_EMETT',
                            'titre' : 'Centre émetteur' | trad,
                            'value' : projet.entete.CTR_EMETT,

                            'pahtZoom' : path('Ajax.liste.centreEmetteur'),
                            'paramZoom' : "{'code_ste' : '"~projet.entete.CODE_STE~"' }",
                            'entity' : 'Centre',
                            'titleZoom' : 'Liste des centres' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Centre','nomChamp' : '"~'Centre émetteur' | trad |e('js')|raw~"', 'null' : true, 'post' : {'filter_EMISSION' : 'T', 'filter_CODE_STE' : '"~projet.entete.CODE_STE~"'}}",
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["CTR_EMETT", false]',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'CTR_LIV',
                            'titre' : 'Centre de livraison' | trad,
                            'value' : projet.entete.CTR_LIV,

                            'pahtZoom' : path('Ajax.liste.centreLivraison'),
                            'paramZoom' : "{'code_ste' : '"~projet.entete.CODE_STE~"' }",
                            'entity' : 'Centre',
                            'titleZoom' : 'Liste des centres' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Centre','nomChamp' : '"~'Centre de livraison' | trad |e('js')|raw~"', 'null' : true, 'post' : {'filter_LIVRAISON' : 'T', 'filter_CODE_STE' : '"~projet.entete.CODE_STE~"'}}",
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["CTR_LIV", false]',
                        }) }}
                    </div>
                    <div class="row" id="rightModTrans" style="{% if mdtActif == false %}display: none;{% endif %}">
                        {{ inputAdvance('SELECT', {
                            'name' : 'MOD_TRS',
                            'titre' : 'Mode de transport' | trad,
                            'value' : projet.entete.MOD_TRS,
                            'optionVide' : true,
                            'listeValue': listeModeTransport,
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["MOD_TRS", false]',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'DEVISE',
                            'titre' : 'Devise' | trad,
                            'value' : projet.entete.DEVISE,

                            'pahtZoom' : path('Ajax.liste.devise'),
                            'paramZoom' : "{}",
                            'entity' : 'Devise',
                            'titleZoom' : 'Liste des devises' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Devise','nomChamp' : '"~'Devise' | trad |e('js')|raw~"', 'null' : true}",
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["DEVISE", false]',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'SECTIMP',
                            'titre' : 'Section d\'imputation' | trad,
                            'value' : projet.entete.SECTIMP,
                            'codeSte' : projet.entete.CODE_STE,

                            'pahtZoom' : path('Ajax.liste.si'),
                            'paramZoom' : "{'si_valide': 'on', 'CODE_STE' : '"~projet.entete.CODE_STE~"' }",
                            'entity' : 'Sectimpu',
                            '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\'imputation' | trad |e('js')|raw~"', 'null' : true}",
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["SECTIMP", false]',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'CODECOMP',
                            'titre' : 'Code complémentaire' | trad,
                            'value' : projet.entete.CODECOMP,
                            'codeSte' : projet.entete.CODE_STE,

                            'pahtZoom' : path('Ajax.liste.cdc'),
                            'paramZoom' : "{'cdc_valide': 'on', 'filter_egal_CODE_STE' : '"~projet.entete.CODE_STE~"' }",
                            'entity' : 'codeComp',
                            '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émentaire' | trad |e('js')|raw~"', 'null' : true}",
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["CODECOMP", false]',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'SSCPTEANA',
                            'titre' : 'Sous-compte d\'analyse' | trad,
                            'value' : projet.entete.SSCPTEANA,
                            'codeSte' : projet.entete.CODE_STE,

                            'pahtZoom' : path('Ajax.liste.sca'),
                            'paramZoom' : "{'filter_egal_CODE_CTA' : 'CA', 'filter_egal_CODE_STE' : '"~projet.entete.CODE_STE~"','sca_valide' :1 }",
                            'entity' : 'Sscptana',
                            'titleZoom' : 'Liste des sous-comptes d\'analyse' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Sscptana','nomChamp' : '"~'Sous-compte d\'analyse' | trad |e('js')|raw~"', 'null' : true}",
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["SSCPTEANA", false]',
                        }) }}
                    </div> 
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'TYP_DOC',
                            'titre' : 'Type de document' | trad,
                            'value' : projet.entete.TYP_DOC,

                            'pahtZoom' : path('Ajax.liste.typeDoc'),
                            'paramZoom' : "{'oxaproc' : '1'}",
                            'entity' : 'typeDoc',
                            'titleZoom' : 'Liste des types de document' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'typeDoc','nomChamp' : '"~'Type de document' | trad |e('js')|raw~"', 'null' : true}",
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["TYP_DOC", false]',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('TEXT', {
                            'name' : 'OBJET_CA',
                            'titre' : 'Objet' | trad,
                            'value' : projet.entete.OBJET_CA,

                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '60'}",
                            'myFuncValidator' : 'updateValueLigne',
                            'paramFuncValidator' : '["OBJET_CA", false]',
                        }) }}
                    </div>
                </div>
            </div>

            <div id="divTitreComm" class="tab-pane {% if tab == 'titreComm' %}active in{% else %}fade{% endif %} clearfix" style="padding-top: 10px;">
                <div class="colonne2">
                    <ul class="nav nav-tabs sous_onglet navBarClair">
                        <li class="active"><a data-toggle="tab" href="#titre" aria-expanded="true">{{ 'Titre' | trad }}</a></li>
                        <li class=""><a data-toggle="tab" href="#commentaire" aria-expanded="false">{{ 'Commentaire' | trad }}</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane clearfix active in" id="titre">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>{{ 'N° de DA' | trad }}</th>
                                        <th>{{ 'Extrait de la demande' | trad }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for key, titre in projet.listeTITRE %}
                                        <tr>
                                            <td>{{ key }}</td>
                                            <td>{{ shortLibelle(titre, 60) }}</td>
                                        </tr>
                                    {% endfor %}
                                </tobys>
                            </table>
                        </div>
                        <div class="tab-pane fade clearfix" id="commentaire">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>{{ 'N° de DA' | trad }}</th>
                                        <th>{{ 'Extrait de la demande' | trad }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for key, commentaire in projet.listeCOMMENTAIRE %}
                                        <tr>
                                            <td>{{ key }}</td>
                                            <td>{{ shortLibelle(commentaire, 60) }}</td>
                                        </tr>
                                    {% endfor %}
                                </tobys>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="colonne2 last bg_form border_form padding_form">
                    <h3 style="margin-top: 0;margin-bottom: 30px;">{{ 'Titre résultant' | trad }}</h3>
                    <div class="row">
                        {{ inputAdvance('TEXTAREA', {
                            'name' : 'TITRE', 
                            'value' : projet.TITRE,
                            'addStyle' : 'width: 100%;height:200px;',
                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '3000'}",
                            'myFunction' : 'updateValueLigne',
                            'myParams' : '["TITRE", false]',
                        }) }}
                    </div>
                </div>
            </div>

            <div id="divLigne" class="tab-pane {% if tab == 'ligne' %}active in{% else %}fade{% endif %} clearfix" style="padding-top: 10px;">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>{{ 'N° de DA' | trad }}</th>
                            <th>{{ 'Sous-famille' | trad }}</th>
                            <th>{{ 'Code article' | trad }}</th>
                            <th>{{ 'Designation' | trad }}</th>
                            <th>{{ 'Désignation comp.' | trad }}</th>
                            <th width="100px">{{ 'Quantité' | trad }}</th>
                            <th width="260px" colspan="2">{{ 'PU' | trad }}</th>
                            <th width="150px">{{ 'Remise' | trad }}</th>
                            <th>{{ 'Livraison' | trad }}</th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for key, ligne in projet.ligne %}
                            <tr>
                                <td>{{ ligne.NO_DA }} / {{ ligne.NO_PO }}</td>
                                <td class="white-tooltip">
                                    <span class="infos_tooltip bottom-right" style="text-align: left;">
                                        {{ ligne.LIB_SSFAM }}
                                    </span>
                                    {{ ligne.SSFAM }}
                                </td>
                                <td>{{ ligne.CODE_ART }}</td>
                                <td>{{ shortLibelle(ligne.DES_SOMM) }}</td>
                                <td>{{ shortLibelle(ligne.CONTMEMO) }}</td>
                                <td class="align-right row">
									{{ inputAdvance('TEXT', {
										'name' : 'QTE-'~key,
										'value' : ligne.QTE | prix,
										'DEVISE' : '%',
										'addClass' : 'full',
										'pathValidator' : path('Ajax.validator.float'),
										'paramsValidator' : "{'format' : "~getConst('formatQTE')~", 'obligatoire' : true}",
                                        'myFuncValidator' : 'updateValueLigne',
                                        'paramFuncValidator' : '["QTE-'~key~'", false]',
                                        'option' : (param.LIMITACH_QTE and droit.HA_CA_MCPR == false)? 'readOnly':'',
									}) }}
                                </td>
                                <td class="align-right row deviseTd">
									{{ inputAdvance('DEVISE', {
										'name' : 'PU-'~key,
										'value' : ligne.PU | prixUnitaire,
										'DEVISE' : ligne.DEVISE,
										'addStyle' : 'full',
										'pathValidator' : path('Ajax.validator.float'),
										'paramsValidator' : "{'format' : "~getConst('formatPU')~"}",
                                        'myFuncValidator' : 'updateValueLigne',
                                        'paramFuncValidator' : '["PU-'~key~'", false]',
                                        'option' : (((ligne.DA_CODE_FOU == projet.entete.CODE_FOU and ligne.gardePrixDA) or (param.LIMITACH_PX and droit.HA_CA_MCPR == false))? 'readOnly':''),
									}) }}
                                </td>
                                <td class="white-tooltip">
                                    {# {% if ligne.prixFrs == '' and ligne.FRS_AO == '' %} #}
                                    {% if ligne.DA_CODE_FOU == projet.entete.CODE_FOU and (param.LIMITACH_PX == false or droit.HA_CA_MCPR) %}
                                        <input  data-id="{{ key }}" data-prixDA="{{ ligne.DA_PU }}" data-remiseDA="{{ ligne.DA_REMISE | prix }}" 
                                                type="checkbox" class="form-control checkbox checkboxLigne" 
                                                onChange="updateValueLigne('checkbox_PU-{{ key }}', true, false);" 
                                                id="input_checkbox_PU-{{ key }}" 
                                                {% if ligne.gardePrixDA %}checked{% endif %}
                                        />
                                        <span class="infos_tooltip left" style="width: 250px; text-align: left;">
                                            {{ 'Cochez pour maintenir le prix de la DA.' | trad }}</br>
                                            {{ 'PU brut sur la DA' | trad }} : {{ ligne.DA_PU }} {{ ligne.DEVISE }}
                                        </span>
                                    {% endif %}
                                </td>
                                <td class="align-right row deviseTd">
									{{ inputAdvance('DEVISE', {
										'name' : 'REMISE-'~key,
										'value' : ligne.TX_REMISE | prix,
										'DEVISE' : '%',
										'addStyle' : 'full',
										'pathValidator' : path('Ajax.validator.float'),
										'paramsValidator' : "{'format' : 2.2}",
                                        'myFuncValidator' : 'updateValueLigne',
                                        'paramFuncValidator' : '["REMISE-'~key~'", false]',
                                        'option' : (((ligne.DA_CODE_FOU == projet.entete.CODE_FOU and ligne.gardePrixDA) or (param.LIMITACH_PX and droit.HA_CA_MCPR == false))? 'readOnly':''),
									}) }}
                                </td>
                                <td>
                                    {% if ligne.PLANNING | length > 1 %}
                                        <button type="button" class="principal button " onClick="ajaxPopupV2('{{ path('Commande.GareDeTriage.popupPlanning', {idDa : ligne.NO_DA, idLigne: ligne.NO_PO}) }}', 'test', '{{ 'Planning' | trad }}');">{{ 'Voir planning' | trad }}</button>
                                    {% else %}
                                        {{ ligne.DTELIVSOU | dateTrad }}
                                    {% endif %}
                                </td>
                                <td>
                                    {% if ligne.TITRE %}
                                        <span class="icone bloc_note white-tooltip" style="white-space: nowrap;">
                                            <span class="infos_tooltip left">
                                                {{ ligne.TITRE }}
                                            </span>
                                        </span>
                                    {% endif %}
                                </td>
                                <td style="padding: 8px!important;">
                                    {% if ligne.COMM %}
                                        <span class="icone bloc_note white-tooltip" style="white-space: nowrap;">
                                            <span class="infos_tooltip left">
                                                {{ ligne.COMM }}
                                            </span>
                                        </span>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                    </tobys>
                </table>

                <script>
                    $('.checkboxLigne').change(function(){
                        var idLigne = $(this).data('id');
                        var prixDA = $(this).data('prixda');
                        var remiseDA  = $(this).data('remiseda');

                        if ($(this).is(':checked')) {
                            $('#input_PU-'+idLigne).prop("readOnly", true);
                            $('#input_REMISE-'+idLigne).prop("readOnly", true);

                            $('#input_PU-'+idLigne).val(prixDA).change();
                            $('#input_REMISE-'+idLigne).val(remiseDA).change();
                        } else {
                            $('#input_PU-'+idLigne).prop("readOnly", false);
                            $('#input_REMISE-'+idLigne).prop("readOnly", false);
                        }
                    });
                </script>
            </div>

            <div id="divClausePJ" class="tab-pane {% if tab == 'clausePJ' %}active in{% else %}fade{% endif %} clearfix" style="padding-top: 10px;">
                <div class="colonne2">
                    <table class="table table-hover tableV2">
                        <thead>
                            <tr style="height:30px;">
                                <th>{{ 'N° de DA' | trad }}</th>
                                <th>{{ 'Clauses' | trad }}</th>
                                <th width="100px">{{ 'Sélection' | trad }}</th>
                                <th width="50px">
                                    <a class="ajouter_blanc_v2  white-tooltip"  href="{{ path('Commande.ProjetGareDeTriage.addClause', {guIdProjet:guIdProjet}) }}" style="float: right;">
                                        <span class="infos_tooltip left">
                                            {{ 'Ajouter une clause' | trad }}
                                        </span>
                                    </a>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for key, clause in projet.clause %}
                                <tr>
                                    <td>{{ clause.NO_DA }}</td>
                                    <td>{{ shortLibelle(clause.CONTMEMO,60) }}</td>
                                    <td colspan="2">
                                        {{ inputAdvance('SWITCH', {
                                            'name' : 'CLAUSE-'~key,
                                            'myFunction' : 'updateValueLigne',
                                            'myParams' : '["CLAUSE-'~key~'", true]',
                                            'value' : clause.SELECTED
                                        }) }}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div class="colonne2 last">
                    <table class="table table-hover tableV2">
                        <thead>
                            <tr style="height:30px;">
                                <th>{{ 'N° de DA' | trad }}</th>
                                <th>{{ 'Pièces jointes' | trad }}</th>
                                <th width="100px">{{ 'Sélection' | trad }}</th>
                                <th width="50px">
                                    <a class="ajouter_blanc_v2  white-tooltip"  href="{{ path('Commande.ProjetGareDeTriage.addPJ', {guIdProjet:guIdProjet}) }}" style="float: right;">
                                        <span class="infos_tooltip left">
                                            {{ 'Ajouter une pièce jointe' | trad }}
                                        </span>
                                    </a>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for key, pj in projet.pj %}
                                <tr>
                                    <td>{{ pj.NO_DA }}</td>
                                    <td>
                                        {% if pj.NO_DA and pj.NO_ORDRE %}
                                            <a href="{{ path('GlobalApplication.AjaxPiecesJointes.downloadFichier', {MODULE: 'DA', id: pj.NO_DA, ordre: pj.NO_ORDRE}) }}" target="_blank">
                                                {{ pj.TITRE }}
                                            </a>
                                        {% else %}
                                            <a href="{{ path('Commande.ProjetGareDeTriage.ajaxGeneratePJ', {guIdProjet:guIdProjet, idPj:key}) }}" target="_blank">
                                                {{ pj.TITRE }}
                                            </a>
                                        {% endif %}

                                        
                                    </td>
                                    <td colspan="2">
                                        {{ inputAdvance('SWITCH', {
                                            'name' : 'PJ-'~key,
                                            'myFunction' : 'updateValueLigne',
                                            'myParams' : '["PJ-'~key~'", true]',
                                            'value' : pj.SELECTED
                                        }) }}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </form>
</div>
<script>

	$('#createCde').click(function(){
		activeLoader();
		$.ajax({
			dataType : 'html',
			url: "{{ path('Commande.GareDeTriage.createCommande') }}",
			data: {'checkbox_CA-{{ guIdProjet }}' : '1'},
			type: "POST",
			success: function(result){
				desactiveLoader();

				var data = jQuery.parseJSON(result);

				if (data.statut == 'O') {
					redirectJSWithPost(data.path, data.post);
				} else {
					$("#modal-content").addClass("modal_small");
					$("#modal-body").html(data.content);
					$("#modal-title").html('{{ 'Erreur' | trad }}');

					activePopup();
				}
			}
		});
	});

    $("input").change(function(){
        activeLoader();
    }); 

    $('#leftDiv select').change(function(){
        var id = $(this).attr('id');
        var name = id.substr(11);
        
        $('#text_'+name).val($(this).val()).change();
    });

    $('#input_CODE_FOU').change(function(){
	    $.ajax({
			dataType : 'html',
            url: "{{ path('Commande.ProjetGareDeTriage.ajaxGetTypAchat') }}",
            data: {'codeFou' : $(this).val()},
            type: "POST",
            success: function(result){

                var data = jQuery.parseJSON(result);

                $('#text_COD_TAC').val(data.typeAchat).change();
                $('#input_confirmationAchat').prop( "checked", data.confirmationAchat).change();

                if (data.LOCK_confirmationAchat == true) {
                    $('#input_confirmationAchat').prop( "disabled", true );
                    $('#text_COD_TAC').prop( "readonly", true );
                    $('#zoom_COD_TAC').hide();
                } else {
                    $('#input_confirmationAchat').prop( "disabled", false );
                    $('#text_COD_TAC').prop( "readonly", false );
                    $('#zoom_COD_TAC').show();
                }
            }
        });
    });

    $( "#input_COD_TAC" ).change(function() {
        changeValueSwitch('confirmationAchat', true);
    });

    $('#input_CTR_LIV').change(function(){
	    $.ajax({
			dataType : 'html',
            url: "{{ path('Commande.ProjetGareDeTriage.ajaxcalculeMDT') }}",
            data: {'centre' : $(this).val()},
            type: "POST",
            success: function(result){
                if (result) {
                    $('#input_MOD_TRS').val(result).change();
                    $('#rightModTrans').show();
                    $('#leftModTrans').show();
                } else {
                     $('#input_MOD_TRS').val('').change();
                    $('#rightModTrans').hide();
                    $('#leftModTrans').hide();
                }
            }
        });
    });

    function updateValueLigne(codeChps, bool, modeErreur)
    {
        activeLoader();

        if(modeErreur==true){ 
            desactiveLoader();
            return '';
        }    

        if (bool) {
            var value = $('#input_'+codeChps).is(':checked');
        } else {
            var value = $('#input_'+codeChps).val();
        }
        $.ajax({
            dataType : 'html',
            url: '{{ path('Commande.ProjetGareDeTriage.ajaxUpdateValue', {guIdProjet:guIdProjet}) }}',
            data: {chps:codeChps, value:value},
            type: "POST",
            success: function(result){
                if (codeChps == 'CODE_FOU') {
                    refrechDiv('{{ path('Commande.ProjetGareDeTriage.detailProjet', {guIdProjet:guIdProjet}) }}', 'divLigne', '');
                } else {
                    desactiveLoader();
                }
            }
        });
    }
</script>
{% endblock %}