{% extends 'layout.twig' %}

{% block body %}

<script>
    // Server-side data for modificationDetailCde.js
    var messageDeleteClause = {{ "Êtes-vous sûr de vouloir supprimer la clause" | trad | json }};
    {% if hasTp %}
        var messageDeleteLigne  = {{ "Êtes-vous sûr de vouloir supprimer la ligne" | trad | json }};
        var messageHasTp  = {{"Des termes de paiement sont présents sur cette commande. La suppression de cette ligne entraînera leur suppression." | trad | json }};
    {% else %}
        var messageDeleteLigne  = {{ "Êtes-vous sûr de vouloir supprimer la ligne" | trad | json }};
        var messageHasTp  = "";
    {% endif %}
    
    window.formCdeUpdateConfig = {                       
        pathAddLigne: {{ path(
            'Commande.ModificationLigneCommande.ajaxAjoutLigneCde',
            {idCommande: commande.NO_CDE}
        ) | json }},
        pathValidateLigne: {{ path(
            'Commande.ModificationLigneCommande.validationLigneCommande',
            {idCommande : commande.NO_CDE}
        ) | json }},
    };
</script>
<script type="text/javascript" src="{{ baseUrl('js/Modules/Commande/modificationDetailCde.js') }}?cache={{ getSession('cache') }}"></script>

<section class="clearfix contenu"  id="Commande">
    <h1>{{ 'Commandes' | trad }}</h1>
    {{ ariane() }}

    {% if modeRefreshDiv==false %}
        <h2>
            {{ "Modification commande"  | trad  }} {{ idCommande }}{% if commande.AVENANT %} - {{ commande.AVENANT }}{% endif %} :

            {{ Button('Annuler' | trad, 0, path('Commande.GestionCommande.index')) }}
            {{ Button('Enregistrer l\'entête' | trad, 1, '', 'validationCde()') }}
        </h2>
    {% endif %}
    <div class="tab-content padding15">
        
        <form action="{{ path('Commande.ModificationCommande.validationDetail', {idCommande : idCommande}) }}" 
            method="post" name="form_creationCde" id="form_creationCde"
            onsubmit="validationCde();return false;"
        >
            <input type="hidden" id="NO_CDE" name="NO_CDE" value="{{ commande.NO_CDE }}" />
            <input type="hidden" id="CODE_STE" name="CODE_STE" value="{{ commande.CODE_STE }}" />
            {% include '@Commande/Creation/blockEntete.twig' %}

            <div class="tab-content">

                <div id="DivModulable" class="tab-pane fade clearfix box-form">
                </div>
                
                <div id="DivModulableCreation" class="tab-pane fade clearfix box-form">
                </div>
                
                <script>
                    function activeDivModulableCde(result, titre)
                    {
                        $('#onglet_DivModulable').show();
                        $('#onglet_DivModulable').find('a').html(titre);
                        $('#onglet_DivModulable').find('a').trigger('click');
                        $('#DivModulable').html(result);
                    }
                </script>

                {# ################################################# #}
                {# #################### ARTICLE #################### #}
                {# ################################################# #}
                <div id="Article" class="tab-pane {% if onglet =='Article' or onglet =='' %} active in {% else %} fade {% endif %} clearfix">
                {% if modeRefreshDiv==false %}

                    {{ buttonUpDown() }}

                    <div class="boutons">
                        {{ Button('Ajouter une ligne' | trad, 1,'', 'addCaLigne()') }}

                        <a class="button secondaire" href="{{ path('Commande.ImportLigneCommande.importLigne', {idCommande:idCommande}) }}">{{ 'Importer des lignes' | trad }}</a>
						<a class="button secondaire" href="{{ path( 'RechercheArticles.RechercheArticles.recherche', {contexte:'CDE', idContexte:idCommande} ) }}">
							{{ 'Rechercher dans les catalogues' | trad }}
						</a>

                        <button onClick="$('html,body').animate({ scrollTop: $(document).height() },'slow');" type="button" class="button principal button_right buttonDeplacer btn_double_bottom"></button>
                        <a class="button secondaire" style="float: right;" href="{{ path('Commande.ModificationCommande.editMassImputation', {idCommande:idCommande}) }}">{{ 'Modif. ligne' |trad }}</a>
                        <a class="button secondaire" style="float: right;" href="{{ path('Commande.ModificationCommande.editPrixLigne', {idCommande:idCommande}) }}">{{ 'Modif. prix' |trad }}</a>

                    </div>
                    
                    <script>
                        function refreshLigneCommande(path, index, origine)
                        {
                            activeLoader();
                            var noDa 		= $('#input_ligne_NO_DA').val();
                            var noPoDa 		= $('#input_ligne_NO_PO_DA').val();
                            var article 	= $('#input_ligne_CODE_ART').val();
                            var qte 		= $('#input_ligne_QTE_COMM').val();
                            var ssFamille 	= $('#input_ligne_SSFAM').val();
                            var remise 	    = $('#input_REM_GLOB').val();
                            
                            var sectimp 	= $('#input_SECTIMP').val();
                            var codeGest 	= $('#input_CODGES').val();
                            var codeComp 	= $('#input_CODECOMP').val();
                            var sscptAna 	= $('#input_SSCPTEANA').val();
                            
                            var paysFrs		= $('#input_PAYCDEFO').val();
                            var centreL 	= $('#input_CTR_LIV').val();
                            var acd 		= $('#input_ligne_ACCORCA').val();
                            var dteLiv 		= $('#input_ligne_DTELIVCON').val();
                            
                            if ($('#input_SAISIEREC').is(':checked')) {
                                var saisieRec 	= 1;
                            } else {
                                var saisieRec = null;
                            }

                            if ($('#input_RECEP_AUTO').is(':checked')) {
                                var recepAuto 	= 1;
                            } else {
                                var recepAuto = null;
                            }

                            if ($('#input_CDE_EXP').is(':checked')) {
                                var cdeExp 	= 1;
                            } else {
                                var cdeExp = null;
                            }

                            var dateDeb 		= $('#input_DATEDEBCONT').val();
                            var dateFin 		= $('#input_DATEFINCONT').val();
                            var periodeContrat 	= $('#input_CONTRAT_PERIOD').val();
                            var finDerPer 		= $('#input_FIN_DEB_PER').val();
                            var joursPeriode 	= $('#input_CAEN_RECEPAUTO_JOUR').val();
                            

                            if (origine == 'ARTICLE' && article == '') {
                                $('#text_ligne_SITE_STK').val('').change();

                                $('#input_ligne_DES_SOMM').attr('readOnly', false);
                                $('#text_ligne_UNITE').attr('readOnly', false);
                                $('#text_ligne_SSFAM').attr('readOnly', false);
                                $('#ligne_DES_COMPL').attr('readOnly', false);
                                $('#LiCaracCompl').hide();
                                $('#caracCompl').html('');

                            } else {
                                $.ajax({
                                    dataType : 'html',
                                    url: path,
                                    data: {
                                        'NO_DA' 				: noDa, 
                                        'NO_PO' 				: noPoDa, 
                                        'index' 				: index, 
                                        'CODE_ART' 				: article, 
                                        'QTE' 					: qte, 
                                        'SSFAM' 				: ssFamille, 
                                        'DTELIVCON'             : dteLiv,
                                        'REMISE'                : remise,

                                        'SAISIEREC' 			: saisieRec,
                                        'RECEP_AUTO' 			: recepAuto,
                                        'DATEDEBCONT' 			:dateDeb,
                                        'DATEFINCONT' 			: dateFin,
                                        'CONTRAT_PERIOD' 		: periodeContrat,
                                        'FIN_DEB_PER' 			: finDerPer,
                                        'CAEN_RECEPAUTO_JOUR' 	: joursPeriode,
                                        'ACD'					: acd,
                                        
                                        'SI' 					: sectimp,
                                        'CODGES' 				: codeGest,
                                        'CDC' 					: codeComp,
                                        'SCA' 					: sscptAna,
                                        'PAYCDEFO'  			: paysFrs,
                                        'CTR_LIV'				: centreL,

                                        'CDE_EXP'				: cdeExp,
                                    },
                                    type: "POST",
                                    success: function(result){
                                        desactiveLoader();

                                        if (origine == 'SOUSFAMILLE' || origine=='ACD') {
                                            if (result) {
                                                var data = jQuery.parseJSON(result);

                                                $.each( data, function( i, val ) {
                                                    if (i == 'text_ligne_SECTIMP' || i == 'text_ligne_SECTIMP') {
                                                        $( "#" + i ).val(val);
                                                    } else if (i == 'input_ligne_SAISIEREC' || i == 'input_ligne_RECEP_AUTO' ) {

                                                        var inputTmp = i.substr(6); 

                                                        changeValueSwitch(inputTmp, val);
                                                        $('#'+i).change();
                                                    } else if(val != '') {
                                                        $( "#" + i ).val(val).change();
                                                    } else {
                                                        $( "#" + i ).val(null).change();
                                                    }
                                                });
                                            }
                                            
                                        } else {
                                            // TODO: clean up, main script shoud never be called multiple time
                                            var parametreJS = '<script type="text/javascript" src="'+baseUrl+'js/parametre.js"><\/script>';
                                            var globalJS 	= '<script type="text/javascript" src="'+baseUrl+'js/global.js"><\/script>';
                                            var validator 	= '<script type="text/javascript" src="'+baseUrl+'js/validator.js"><\/script>';
                                            var id 			= 'LIGNE'+index;

                                            $('#'+id+'detail').remove();
                                            $('#'+id+'JS').remove();

                                            $('#'+id).replaceWith('<tr id="'+id+'JS">'+parametreJS+globalJS+validator+'</tr>'+result);
                                        }

                                    }
                                });
                            }
                        }	
                    
                    </script>

                    <table class="table table-hover tableForm noColorLign" id='ligneCde'>
                            <thead class="thead-dark">
                            <tr>
                                <th scope="col">{{ 'Ligne' | trad }}</th>
                                <th scope="col" colspan="2">{{ 'DA' | trad }}</th>
                                <th scope="col">{{ 'Article' | trad }}</th>
                                <th scope="col" width="20%">{{ 'Désign. Article' | trad }}</th>
                                <th scope="col" width="7%">{{ 'Quantité' | trad }}</th>
                                <th scope="col" width="7%">{{ 'Unité' | trad }}</th>
                                <th scope="col" width="8%">{{ 'Prix unitaire' | trad }}</th>
                                <th scope="col" width="120px">{{ 'Délai' | trad }}</th>
                                <th scope="col" width="8%">{{ 'Montant HT remisé' | trad }}</th>
                                <th scope="col" colspan="2">{{ 'Actions' | trad }}</th>
                            </tr>
                            <tr id="filter_dynamique" class="recherche">
                                <td><input name="filter_ligne" class="filter_ligne form-control form-control-sm " type="text" /></td>
                                <td colspan="2"><input name="filter_DA" class="filter_DA form-control form-control-sm " type="text" /></td>
                                <td><input name="filter_article" class="filter_article form-control form-control-sm " type="text" /></td>
                                <td><input name="filter_design" class="filter_design form-control form-control-sm " type="text" /></td>
                                <td><input name="filter_QTE" class="filter_QTE form-control form-control-sm " type="text" /></td>
                                <td><input name="filter_unite" class="filter_unite form-control form-control-sm " type="text" /></td>
                                <td><input name="filter_PU" class="filter_PU form-control form-control-sm " type="text" /></td>
                                <td><input name="filter_delai" class="filter_delai form-control form-control-sm " type="text" /></td>
                                <td><input name="filter_montant" class="filter_montant form-control form-control-sm " type="text" /></td>
                                <td colspan=""></td>
                            </tr>
                        </thead>
                            
                        <tbody>
                            <tr style="display:none;"><td colspan="15"></td></tr>
                            {% for ligne in ligneCde %}
                                {% include '@Commande/Creation/Ligne/ligneNonModifiable.twig' %}
                            {% endfor %}
    
                            {% if ligneCde is empty %}
                                {% include '@Commande/Creation/Ligne/ligne.twig' with newLigne only %}
                            {% endif %}
                        </tbody>
                        <tfoot>
                            <tr class="static">
                                <td colspan="10"></td>
                                <td class="parametrage">
                                    {{ Button('',1,'', "addCaLigne()", {}, true, 'ajout', '','addLigne', 'padding: 10px 10px 10px 10px;background-position: 3px 3px;margin-left: 5px;') }}
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                        
                        <button onClick="$('html,body').animate({ scrollTop: 0 },'slow');" type="button" class="button principal button_right buttonDeplacer btn_double_top"></button>
                    <script>

                        $('#form_creationCde #Article tbody').sortable({
                            items: 'tr.sortable',
                            update: function( event, ui ) {
                                var row = $('#'+ui.item.attr("id"));
                                var saveID = $(row).attr("data-idLigne");

                                var rowPrev = $('#LIGNE'+saveID+'NON_MODIF_AVLIGNE');
                                var rowNext = $('#LIGNE'+saveID+'NON_MODIF_SSTOAPR');

                                /* annuler la modification si un filtre est activé ou si une ligne est en création/modif ou si la ligne est placer entre un TR d'affichage */
                                if($('#ligneCde tbody tr').is(":hidden") || $('#ligneCde tbody tr').hasClass('entete_ligne_show') || 
                                    ( row.prev().attr('id') !== undefined  && row.prev().attr('id').indexOf('_AVLIGNE')!= -1 )  || 
                                    ( row.next().attr('id') !== undefined  && row.next().attr('id').indexOf('_SSTOAPR')!= -1))
                                {
                                    $(this).sortable('cancel');
                                }
                                else
                                {
                                    activeLoader();
                                    var moveDown = ui.position.top - ui.originalPosition.top > 0 ? true : false;

                                    if(moveDown)
                                    {
                                        $(row).prevAll().each(function(){
                                            
                                            if(parseInt($(this).attr('data-idLigne')) < $(row).attr('data-idLigne'))
                                            {
                                                return;
                                            }
                                            
                                            if($(this).attr('data-idLigne') !== undefined)
                                            {
                                                var oldID = parseInt($(this).attr('data-idLigne'));
                                                var newID = oldID-1;

                                                $(this).attr("data-idLigne",newID);
                                                $(this).attr("id","LIGNE"+newID+"NON_MODIF");
                                                $(this).find('td:first').html(newID);

                                                if($(this).prev().hasClass('tr_TITRE'))
                                                {
                                                    $(this).prev().attr("id","LIGNE"+newID+"NON_MODIF_AVLIGNE");
                                                }

                                                if($(this).next().hasClass('tr_SSTOTAL'))
                                                {
                                                    $(this).next().attr("id","LIGNE"+newID+"NON_MODIF_SSTOAPR");
                                                }
                                                
                                            }
                                        });

                                        var newIDmove = parseInt($(row).prev().attr('data-idLigne'))+1;

                                    }
                                    else
                                    {
                                        $(row).nextAll().each(function(){
    
                                            if(parseInt($(this).attr('data-idLigne')) > $(row).attr('data-idLigne'))
                                            {
                                                return false;
                                            }
                                            
                                            if($(this).attr('data-idLigne') !== undefined)
                                            {
                                                var oldID = parseInt($(this).attr('data-idLigne'));
                                                var newID = oldID+1;

                                                $(this).attr("data-idLigne",newID);
                                                $(this).attr("id","LIGNE"+newID+"NON_MODIF");
                                                $(this).find('td:first').html(newID);

                                                if($(this).prev().hasClass('tr_TITRE'))
                                                {
                                                    $(this).prev().attr("id","LIGNE"+newID+"NON_MODIF_AVLIGNE");
                                                }

                                                if($(this).next().hasClass('tr_SSTOTAL'))
                                                {
                                                    $(this).next().attr("id","LIGNE"+newID+"NON_MODIF_SSTOAPR");
                                                }
                                            }
                                        });

                                        var newIDmove = parseInt($(row).next().attr('data-idLigne'))-1;
                                    }
                                                                    
                                    $(row).attr("data-idLigne",newIDmove);
                                    $(row).attr("id","LIGNE"+newIDmove+"NON_MODIF");
                                    $(row).find('td:first').html(newIDmove);
                                    
                                    /* deplace les TR d'affichage de la cde */
                                    if($(rowPrev).attr('class') != undefined)
                                    {
                                        rowPrev.insertBefore(row);
                                        $(row).prev().attr("id","LIGNE"+newIDmove+"NON_MODIF_AVLIGNE");
                                    }
                                    if($(rowNext).attr('class') != undefined)
                                    {
                                        rowNext.insertAfter(row);
                                        $(row).next().attr("id","LIGNE"+newIDmove+"NON_MODIF_SSTOAPR");
                                    }

                                    desactiveLoader();
                                    // TODO a supprimer
                                    
                                    $.ajax({
                                        dataType : 'html',
                                        url: '{{ path('Commande.ModificationLigneCommande.ajaxModificationOrdre', {idCommande : commande.NO_CDE }) }}',
                                        data: {'newPosition' : newIDmove, 'oldPosition' : saveID},
                                        type: "POST",
                                        success: function(result){
                                            desactiveLoader();
                                        }
                                    });
                                }
                                /*******/
                                
                            },
                        });

                    </script>
                {% endif %}
                </div>
                {# ################################################# #}
                {# ################## FOURNISSEUR ################## #}
                {# ################################################# #}
                <div id="Fournisseur" class="tab-pane {% if onglet =='Fournisseur' %} active in {% else %} fade {% endif %} clearfix box-form">
                    <div id="adresseFrs" class="clearfix">
                        <div class="colonne2">
                            <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' | trad~"', 'null' : false, post : {'filter_PROSPECT' : 'F'} }",
                                    'value' : commande.CODE_FOU,
                                    'obligatoire' : true,
                                    'option' : 'readOnly'
                                }) }}
                            </div>
                            <div class="row">
                                <input type='hidden' id='COD_ADR_FOU' name='COD_ADR_FOU' value='{{ commande.COD_ADR_FOU }}'>
                                {{ inputAdvance('textArea', {
                                    'titre' : 'Adresse' | trad,
                                    'name'  : 'ADCDEFOU',
                                    'iconeLabel' : 'createur.png',
                                    'idIconeLabel' : 'iconeAdresseFou',
                                    'value' : commande.ADCDEFOU,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '90'}",
                                    'option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                }) }}
                            </div>
                        </div>
                        <div class="colonne2 last">
                            {% if param.TYPEACHAT_ACTIF %}
                                <div class="row">
                                    {{ inputAdvance('ZOOMADVANCE', {
                                        'titre' : 'Type d\'achat' | trad,
                                        'name' : 'COD_TAC',
                                        'pahtZoom' : path('Ajax.liste.typeAchatFournis'),
                                        'paramZoom' : "{'filter_egal_TACFOFOU' : $('#input_CODE_FOU').val() }",
                                        'entity' : 'TypeAchat',
                                        'titleZoom' : 'Liste des types achat' | trad,
                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'convertLibelle' : 'convertLibelleGlobal',
                                        'pathValidator' : path('Ajax.validator.zoom'),
                                        'paramsValidator' : "{'entity' : 'TypeAchat','nomChamp' : '"~'types d\'achat' | trad |e('js')|raw~"', 'null' : false}",
                                        'value' : commande.COD_TAC,
                                        'obligatoire' : true,
                                    }) }}
                                </div>
                            {% endif %}
                            <div class="row">
                                {{ inputAdvance('select',{
                                    'titre' : 'Pays' | trad,
                                    'name'  : 'PAYCDEFO',
                                    'listeValue' : tabPays,
                                    'value' : commande.PAYCDEFO,
                                    'obligatoire' : true,
                                    'option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Code postal' | trad,
                                    'name'  : 'CPCDEFO',
                                    'value' : commande.CPCDEFO,
                                    'pathValidator' : path('Ajax.validator.codePostal'),
                                    'paramsValidator' : "{'nomChamp' : '"~ 'Code postal' | trad ~"', 'sizeMin' : '0', 'PAYS' : $('#input_PAYCDEFO').val()}",
                                    'option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Ville' | trad,
                                    'name'  : 'VILLEFOU',
                                    'value' : commande.VILLEFOU,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '40'}",
                                    'option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                }) }}
                            </div>
                        </div>
                        <script>
                            $("#iconeAdresseFou").click(function(){
                                activeLoader();                                	
                                $.ajax({
                                        dataType : 'html',
                                    url: "{{ path('GlobalApplication.Adresses.ajaxListeAdresses', {'TYPE_ADRESSE' : 'FOU'}) }}",
                                    data: {'CODE' : $('#input_CODE_FOU').val(), 'divCode' : 'COD_ADR_FOU', 'idTrigger' : 'onglet_Fournisseur', 'idClose' : 'onglet_DivModulable', 'iDivReset' : 'DivModulable', 'idTriggerCreation' : 'onglet_DivModulableCreation', 'iDivAdd' : 'DivModulableCreation'},
                                    type: "POST",
                                    success: function(result){
                                        activeDivModulableCde(result, "{{ 'Adresse fournisseur' | trad  }}");
                                        desactiveLoader();
                                    }
                                });
                            });
                            $("#COD_ADR_FOU").change(function(){
                                $.ajax({
                                    dataType : 'html',
                                    url: '{{ path('Commande.ModificationCommande.ajaxValueAdresseFrs',{idCommande : idCommande}) }}',
                                    data: $('#form_creationCde').serialize(),
                                    type: "POST",
                                    success: function(result){
                                        refreshFonction('adresseFrs', result);
                                    }
                                });
                            });
                        </script>
                    </div>
                    <div class="clearfix border-top" id="divContactFrs">
                        <div class="colonne2">
                            <div class="row">
                                <input type='hidden' id='IND_FOU' name='IND_FOU' value='{{ commande.IND_FOU }}'>
                                {{ inputAdvance('text', {
                                    'titre' : 'Contact' | trad,
                                    'name'  : 'CTCT_FOU',
                                    'value' : commande.CTCT_FOU,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '25'}",
                                    'iconeLabel' : 'createur.png',
                                    'idIconeLabel' : 'iconeContactFou',
                                    'option' : param.LOCK_CTCT_FOU? 'readOnly':'',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Email' | trad,
                                    'name'  : 'EMA_CTCT',
                                    'value' : commande.EMA_CTCT,
                                    'pathValidator' : path('Ajax.validator.adresseMail'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '100'}",
                                    'option' : param.LOCK_CTCT_FOU? 'readOnly':'',
                                }) }}
                            </div>
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Tel' | trad,
                                    'name'  : 'TEL_CTCT',
                                    'value' : commande.TEL_CTCT,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                    'option' : param.LOCK_CTCT_FOU? 'readOnly':'',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Portable' | trad,
                                    'name'  : 'PORTCFOU',
                                    'value' : commande.PORTCFOU,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                    'option' : param.LOCK_CTCT_FOU? 'readOnly':'',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Fax' | trad,
                                    'name'  : 'FAX_CTCT',
                                    'value' : commande.FAX_CTCT,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                    'option' : param.LOCK_CTCT_FOU? 'readOnly':'',
                                }) }}
                            </div>

                            <script> 
                                $("#iconeContactFou").click(function(){
                                    activeLoader();                                	
                                    $.ajax({
                                            dataType : 'html',
                                        url: "{{ path('GlobalApplication.ContactsFournisseur.ajaxListeContact') }}",
                                        data: {'CODE' : $('#input_CODE_FOU').val(), 'divCode' : 'IND_FOU', 'idTrigger' : 'onglet_Fournisseur', 'idClose' : 'onglet_DivModulable', 'iDivReset' : 'DivModulable', 'idTriggerCreation' : 'onglet_DivModulableCreation', 'iDivAdd' : 'DivModulableCreation'},
                                        type: "POST",
                                        success: function(result){
                                            activeDivModulableCde(addFonctionAjax(result), "{{ 'Contact fournisseur' | trad  }}");
                                            desactiveLoader();
                                        }
                                    }); 
                                });
                                $("#IND_FOU").change(function(){
                                    var idContact = $("#IND_FOU").val();

                                    $.ajax({
                                        dataType : 'html',
                                        url: '{{ path('Commande.ModificationCommande.ajaxValueContactFrs',{idCommande : idCommande}) }}',
                                        data: {'idContact' : idContact, 'idFournisseur' : '{{ idFournisseur }}'},
                                        type: "POST",
                                        success: function(result){
                                            refreshFonction('divContactFrs', result);
                                        }
                                    });
                                });
                            </script>

                        </div>
                    </div>
                </div>

                {# ################################################# #}
                {# ################## VALEUR INIT ################## #}
                {# ################################################# #}

                <div id="ValeurInit" class="tab-pane {% if onglet =='ValeurInit' %} active in {% else %} fade {% endif %} clearfix box-form">
                    <div class="clearfix">
                        <div class="colonne2">
                            {% if imputConfig.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' : '"~commande.CODE_STE~"' }",
                                        'entity' : 'Sectimpu',
                                        'codeSte' : commande.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}",
                                        'value' : commande.SECTIMP,
                                        'option' : param.LOCK_SI? 'readOnly':'',
                                        'codeSte' : commande.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': '"~ commande.CODE_STE ~"', 'affichageLibelle' : 1}",
                                        'titleTreeview' : 'Code gestion' | trad,
                                        'value' : param.CG_PAR_ID ? commande.ID_CG : commande.CODGES,
                                        'convertLibelle' : 'cgTrad',
                                        'pathValidator' : path('Ajax.validator.codeGestion'),
                                        'paramsValidator' : "{'nomChamp' : '"~ 'Code gestion' | trad ~"', 'null' : true, 'CODE_SI': $('#input_SECTIMP').val(), 'CODE_STE': '"~ commande.CODE_STE ~"'}",
                                        '_pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'entity' : 'Codgest',
                                        'codeBDD' : 'CODE_GES',
                                        'libelleBDD' : 'CODE_AFF',
                                        'option' : param.MODIF_CODGES ? '' : 'readOnly',
                                        'siLink': 'input_SECTIMP',
                                        'codeSte' : commande.CODE_STE,
                                        'codeSteCG' : commande.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 %}
                            {% if imputConfig.CodeCompl.isActive %}
                                <div class="row">
                                    {{ inputAdvance('ZOOMADVANCE', {
                                        'titre' : 'Code compl.' | trad,
                                        'name' : 'CODECOMP',
                                        'pahtZoom' : path('Ajax.liste.cdc'),
                                        'paramZoom' : "{'filter_egal_CODE_STE' : '"~commande.CODE_STE~"', 'cdc_valide' :1  }",
                                        'entity' : 'Codecomp',
                                        'codeSte' : commande.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}",
                                        'value' : commande.CODECOMP,
                                        'option' : param.LOCK_CDC? 'readOnly':'',
                                        'codeSte' : commande.CODE_STE,
                                    }) }}
                                </div>
                            {% endif %}
                            {% if imputConfig.SousCompteAna.isActive %}
                                <div class="row">
                                    {{ inputAdvance('ZOOMADVANCE', {
                                        'titre' : 'SsCptAna' | trad,
                                        'name' : 'SSCPTEANA',
                                        'pahtZoom' : path('Ajax.liste.sca'),
                                        'paramZoom' : "{'filter_egal_CODE_STE' : '"~commande.CODE_STE~"','sca_valide' :1}",
                                        'entity' : 'Sscptana',
                                        'codeSte' : commande.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}",
                                        'value' : commande.SSCPTEANA,
                                        'option' : param.LOCK_SCA? 'readOnly':'',
                                        'codeSte' : commande.CODE_STE,
                                    }) }}
                                </div>
                            {% endif %}
                            {% if param.AFF_TMP %}
                                <div class="row">
                                    {{ inputAdvance('SELECT', {
                                        'titre' : 'Type de marché public' | trad,
                                        'name' : 'TYPNMP',
                                        'listeValue' : {
                                            'C': 'Continu' | trad,
                                            'R': 'Récurrent' | trad,
                                            'U': 'Unique' | trad
                                        },
                                        'obligatoire' : true,
                                        'value' : cde.TYPNMP??'',
                                        'option' : param.LOCK_TYPNMP? 'readOnly':'',
                                    }) }}
                                </div>
                            {% endif %}
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {{ inputAdvance('SELECT', {
                                    'titre' : 'Présentation date de livraison' | trad,
                                    'name' : 'TYPDATE',
                                    'listeValue' : {
                                        'D': 'Date' | trad,
                                        'S': 'Semaine' | trad,
                                        'M': 'Mois' | trad,
                                    },
                                    'value' : commande.TYPDATE??'D',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('DATE', {
                                    'titre' : 'Date de livraison' | trad,
                                    'name' : 'DTE_LIV',
                                    'pathValidator' : path('Ajax.validator.date'),
                                    'paramsValidator' : '{}',
                                    'value' : commande.DTE_LIV | dateTrad,
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Remise globale' | trad,
                                    'name'  : 'REM_GLOB',
                                    'value' : commande.REM_GLOB | tva,
                                    'pathValidator' : path('Ajax.validator.float'),
                                    'paramsValidator' : "{'format' : "~getConst('formatMontant')~"}",
                                    'option' : param.LOCK_REM? 'readOnly':''
                                    
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Modèle' | trad,
                                    'name' : 'modeleCde',
                                    'entity' : 'MCa',
                                    'pahtZoom' : path('Ajax.liste.commandeModele'),
                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                    'convertLibelle' : 'convertLibelleGlobal',
                                    'pathValidator' : path('Ajax.validator.zoom'),
                                    'paramsValidator' : "{'entity' : 'Mca','nomChamp' : 'Modele de commande', 'null' : true}",
                                    'titleZoom' : 'Liste des modèle de commandes' | trad,
                                    'option' : 'readOnly',
                                    'value' : commande.MODELE
                                }) }}
                            </div>
                        </div>
                    </div>
                    <div class="clearfix border-top">
                        <div class="colonne2">
                            <div class="row">
                                {{ inputAdvance('SWITCH', {
                                    'titre' : 'Saisie de Réception ?' | trad,
                                    'name' : 'SAISIEREC',
                                    'value' : commande.SAISIEREC,
                                    'option' : param.LOCK_SAISIEREC? 'disabled':''
                                }) }}
                            </div>
                                <div class="row">
                                    {{ inputAdvance('DATE', {
                                        'titre' : 'Début contrat' | trad,
                                        'name' : 'DATEDEBCONT',
                                        'pathValidator' : path('Ajax.validator.date'),
                                        'paramsValidator' : '{}',
                                        'value' : (commande.RECEP_AUTO and commande.CDE_EXP == false)? (commande.DATEDEBCONT |dateTrad):'',
                                        'option' : (commande.RECEP_AUTO and commande.CDE_EXP == false)? '':'readOnly',
                                    }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('SELECT', {
                                    'titre' : 'Périodicité du contrat' | trad,
                                    'name' : 'CONTRAT_PERIOD',
                                    'listeValue' : {
                                        'M': 'Mensuelle' | trad,
                                        'T': 'Trimestrielle' | trad,
                                        'S': 'Semestrielle' | trad,
                                        'A': 'Annuelle' | trad,
                                    },
                                    'value' : commande.CONTRAT_PERIOD??'M',
                                    'option' : (commande.RECEP_AUTO and commande.CDE_EXP == false)? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('SELECT', {
                                    'titre' : 'Jour d\'Application' | trad,
                                    'name' : 'CAEN_RECEPAUTO_JOUR',
                                    'listeValue' : tabJoursAppli,
                                    'value' : commande.CAEN_RECEPAUTO_JOUR??31,
                                    'option' : (commande.RECEP_AUTO and commande.CDE_EXP == false)? '':'readOnly',
                                }) }}

                            </div>
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {{ inputAdvance('SWITCH', {
                                    'titre' : 'Réception automatique ?' | trad,
                                    'name' : 'RECEP_AUTO',
                                    'value' : commande.RECEP_AUTO,
                                    'option' : (commande.SAISIEREC and commande.CDE_EXP == false)? '':'disabled'
                                }) }}
                            </div>
                                <div class="row">
                                    {{ inputAdvance('DATE', {
                                        'titre' : 'Fin contrat' | trad,
                                        'name' : 'DATEFINCONT',
                                        'pathValidator' : path('Ajax.validator.date'),
                                        'paramsValidator' : '{}',
                                        'value' : (commande.RECEP_AUTO and commande.CDE_EXP == false)? (commande.DATEFINCONT |dateTrad):'',
                                        'option' : (commande.RECEP_AUTO and commande.CDE_EXP == false)? '':'readOnly',
                                    }) }}
                            </div>
                            <div class="row">
                                    {{ inputAdvance('SELECT', {
                                    'titre' : 'Type de période' | trad,
                                    'name' : 'FIN_DEB_PER',
                                    'listeValue' : {
                                        'D': 'Début de période' | trad,
                                        'F': 'Fin de période' | trad,
                                    },
                                    'value' : commande.FIN_DEB_PER??'F',
                                    'option' : (commande.RECEP_AUTO and commande.CDE_EXP == false)? '':'readOnly',
                                    }) }}
                            </div>
                        </div>

                        <script>

                            /* Recepetion */
                            $( "#input_SAISIEREC" ).change(function()
                            {
                                if($('#input_SAISIEREC').is(':checked') && !$('#input_CDE_EXP').is(':checked'))
                                {
                                    $('#input_RECEP_AUTO').removeAttr('disabled');
                                }
                                else
                                {
                                    changeValueSwitch('RECEP_AUTO', false);
                                    $('#input_RECEP_AUTO').attr("disabled", true);

                                    $('#input_DATEDEBCONT').attr("readOnly", true);
                                    $( "#input_DATEDEBCONT" ).datepicker( "destroy" );

                                    $('#input_DATEFINCONT').attr("readOnly", true);
                                    $( "#input_DATEFINCONT" ).datepicker( "destroy" );

                                    $('#input_CONTRAT_PERIOD').attr("readOnly", true);
                                    $("#input_FIN_DEB_PER").attr("readOnly", true);
                                    $("#input_CAEN_RECEPAUTO_JOUR").attr("readOnly", true);
                                }
                            });

                            $( "#input_RECEP_AUTO" ).change(function()
                            {
                                    enteteBlockRecep($('#input_RECEP_AUTO').is(':checked'));
                            });

                            function enteteBlockRecep(active) {
                                if(active)
                                {
                                    $('#input_DATEDEBCONT').removeAttr('readOnly');
                                    showDatepicker('#input_DATEDEBCONT', '{{ baseUrl('IconeV2/Global/deadline-change.svg') }}', '{{ 'dd/mm/yy' | paramDateFormat }}');

                                    $('#input_DATEFINCONT').removeAttr('readOnly');
                                    showDatepicker('#input_DATEFINCONT', '{{ baseUrl('IconeV2/Global/deadline-change.svg') }}', '{{ 'dd/mm/yy' | paramDateFormat }}');

                                    $('#input_CONTRAT_PERIOD').removeAttr('readOnly');
                                    $('#input_CONTRAT_PERIOD option').removeAttr('disabled');

                                    $("#input_FIN_DEB_PER").removeAttr('readOnly');
                                    $('#input_FIN_DEB_PER option').removeAttr('disabled');

                                    $("#input_CAEN_RECEPAUTO_JOUR").removeAttr('readOnly');
                                    $('#input_CAEN_RECEPAUTO_JOUR option').removeAttr('disabled');
                                }
                                else
                                {
                                    $('#input_DATEDEBCONT').attr("readOnly", true);
                                    $( "#input_DATEDEBCONT" ).datepicker( "destroy" );

                                    $('#input_DATEFINCONT').attr("readOnly", true);
                                    $( "#input_DATEFINCONT" ).datepicker( "destroy" );

                                    $('#input_CONTRAT_PERIOD').attr("readOnly", true);
                                    $('#input_CONTRAT_PERIOD option').attr("disabled", true);

                                    $("#input_FIN_DEB_PER").attr("readOnly", true);
                                    $("#input_FIN_DEB_PER option").attr("disabled", true);

                                    $("#input_CAEN_RECEPAUTO_JOUR").attr("readOnly", true);
                                    $("#input_CAEN_RECEPAUTO_JOUR option").attr("disabled", true);
                                }
                            }

                            $( "#input_FIN_DEB_PER" ).change(function()
                            {
                                if($(this).val()=='D')
                                {
                                    $('#input_CAEN_RECEPAUTO_JOUR').val(1).change();
                                }
                                else if($(this).val()=='F')
                                {
                                    $('#input_CAEN_RECEPAUTO_JOUR').val(31).change();
                                }
                            });
                        </script>
                    </div>
                </div>

                {# ################################################# #}
                {# ##################### DETAIL #################### #}
                {# ################################################# #}

                <div id="Detail" class="tab-pane {% if onglet =='Detail' %} active in {% else %} fade {% endif %} clearfix box-form">
                    <div class="clearfix">
                        <div class="colonne2">
                            <div class="row">
                                {{ inputAdvance('DATE', {
                                    'titre' : 'Enregistré' | trad,
                                    'name'  : 'DTE_CREAT',
                                    'value' : commande.DTE_CREAT | dateTrad,
                                    'pathValidator' : path('Ajax.validator.date'),
                                    'paramsValidator' : '{}',
                                }) }}
                            </div>
                                <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Demandeur' | trad,
                                    'name' : 'DEMANDEUR',
                                    'pahtZoom' : path('Ajax.liste.demandeur'),
                                    'entity' : 'HASTUTIL',
                                    'titleZoom' : 'Liste des demandeurs' | trad,
                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                    'paramZoom' : "{'filter_egal_CODE_STE' : '"~commande.CODE_STE~"' }",
                                    'convertLibelle' : 'convertLibelleGlobal',
                                    'pathValidator' : path('Ajax.validator.zoom'),
                                    'paramsValidator' : "{'entity' : 'HASTUTIL','nomChamp' : '"~'Demandeur' | trad~"', 'null' : true, 'post' : {'filter_DEMAND' : 'T'}}",
                                    'value' : commande.DEMANDEUR,
                                }) }}
                            </div>
                                <div class="row">
                                    {{ inputAdvance('ZOOMADVANCE', {
                                        'titre' : 'Acheteur' | trad,
                                        'name' : 'ACH',
                                        'pahtZoom' : path('Ajax.liste.acheteur'),
                                        'entity' : 'HASTUTIL',
                                        'titleZoom' : 'Liste des acheteurs' | trad,
                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'convertLibelle' : 'convertLibelleGlobal',
                                        'pathValidator' : path('Ajax.validator.zoom'),
                                        'paramsValidator' : "{'entity' : 'HASTUTIL','nomChamp' : '"~'Acheteur' | trad~"', 'null' : false, 'post' : {'filter_ACHETEUR' : 'T'}}",
                                        'value' : commande.ACH,
                                        'obligatoire' : true,
                                    }) }}
                            </div>
                            {% if param.AFF_INTERFACE %}
                                <div class="row">
                                    {{ inputAdvance('SWITCH', {
                                        'titre' : 'Interfaçable ?' | trad,
                                        'name' : 'INTERFA',
                                        'value' : commande.INTERFA,
                                    }) }}
                                </div>
                            {% endif %}
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {{ inputAdvance('DATE', {
                                    'titre' : 'Date période' | trad,
                                    'name'  : 'DTE_PERIO',
                                    'value' : commande.DTE_PERIO | dateTrad,
                                        'pathValidator' : path('Ajax.validator.date'),
                                    'paramsValidator' : '{}',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Accord-cadre' | trad,
                                    'name' : 'ACC_CADRE',
                                    'pahtZoom' : path('Ajax.liste.accadre'),
                                    'paramZoom' : "{ 'valide' : '1', 'CODE_FOUR' : $('#input_CODE_FOU').val(), 'CENTRE_EMETTEUR' : $('#input_CTR_EMETT').val(), 'CENTRE_LIVRAISON' : $('#input_CTR_LIV').val()}",
                                    'entity' : 'acccadre',
                                    'titleZoom' : 'Liste des accords-cadres' | trad,
                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                    'convertLibelle' : 'convertLibelleGlobal',
                                    'pathValidator' : path('Ajax.validator.zoom'),
                                    'paramsValidator' : "{'entity' : 'acccadre','nomChamp' : '"~'Accord-cadre' | trad~"', 'null' : false}",
                                    'value' : commande.ACC_CADRE,
                                    'option' : param.LOCK_ACC_CADRE? 'readOnly':''
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'ZL numérique' | trad,
                                    'name'  : 'ZNLIBNUM',
                                    'value' : commande.ZNLIBNUM,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '20'}",
                                    'option' : param.LOCK_ZNLIBNUM? 'readOnly':''
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Réf. offre fournisseur' | trad,
                                    'name'  : 'REFOFFOU',
                                    'value' : commande.REFOFFOU,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '60'}",
                                    'option' : param.LOCK_REFOFFOU? 'readOnly':''
                                }) }}
                            </div>
                        </div>
                    </div>

                    <div class="border-top">
                        <div class="colonne2">
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Devise' | trad,
                                    'name' : '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~"', 'null' : false}",
                                    'value' : commande.DEVISE,
                                    'obligatoire' : true,
                                }) }}
                            </div>
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Valeur en Devise de la base' | trad,
                                    'name'  : 'VAL_DEVIS',
                                    'value' : (commande.VAL_DEVIS ?? 1) | prix,
                                    'pathValidator' : path('Ajax.validator.float'),
                                    'paramsValidator' : "{'format' : 7.7}",
                                    '_option' : (commande.DEVISE == deviseReference)? 'readOnly':'',
                                    'obligatoire' : true,
                                }) }}
                            </div>

                            {% if commande.DEVISE_SOC != deviseReference %}
                                <div class="row">
                                    {{ inputAdvance('text', {
                                        'titre' : 'Valeur en Devise de la société' | trad,
                                        'name'  : 'VAL_DEVSTE',
                                        'value' : (commande.VAL_DEVSTE) | prix,
                                        'pathValidator' : path('Ajax.validator.float'),
                                        'paramsValidator' : "{'format' : 7.7}",
                                        'obligatoire' : true,
                                    }) }}
                                </div>
                            {% endif %}
                        </div>
                            <script>
                                $('#input_DEVISE').change(function(){
                                    $.ajax({
                                        url : '{{ path('Commande.ModificationCommande.getValDevise') }}', // on appelle le script JSON
                                        dataType : 'json', // on spécifie bien que le type de données est en JSON
                                        type: "POST",
                                        data: {'DEVISE' : $(this).val()},
                                        success : function(data){   
                                            $('#input_VAL_DEVIS').val(data.VAL_DEVIS);

                                            if($('#input_DEVISE').val()!='{{deviseReference}}')
                                            {
                                                $('#input_VAL_DEVIS').removeAttr('readOnly');
                                            }
                                            else{
                                                $('#input_VAL_DEVIS').attr("readOnly", true);
                                            }
                                        }
                                    });

                                });
                            </script>
                    </div>
                </div>

                {# ################################################# #}
                {# ################### LIVRAISON ################### #}
                {# ################################################# #}

                <div id="Livraison" class="tab-pane {% if onglet =='Livraison' %} active in {% else %} fade {% endif %} clearfix box-form">
                    <div id="adresseLivraison" class="clearfix">
                        <div class="colonne2">
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Centre de livraison' | trad,
                                    'name' : 'CTR_LIV',
                                    'pahtZoom' : path('Ajax.liste.centreLivraison'),
                                    'paramZoom' : "{'code_ste' : '"~commande.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', 'null' : false, 'post' : {'filter_LIVRAISON' : 'T', 'filter_CODE_STE' : '"~commande.CODE_STE~"'}}",
                                    'value' : commande.CTR_LIV,
                                    'option' : param.LOCK_CTR_LIV? 'readOnly':'',
                                    'obligatoire' : true,
                                }) }}
                            </div>
                            <div class="row">
                                <input type='hidden' id='IND_ADR_LIV' name='IND_ADR_LIV' value='{{ commande.IND_ADR_LIV }}'>
                                {{ inputAdvance('textArea', {
                                    'titre' : 'Adresse' | trad,
                                    'name'  : 'ADR_LIV',
                                    'value' : commande.ADR_LIV,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '90'}",
                                    '_option' : param.LOCK_ADCDEFOU? 'readOnly':'',
                                    'iconeLabel' : 'createur.png',
                                    'idIconeLabel' : 'iconeAdresseCtr',
                                }) }}
                            </div>
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {{ inputAdvance('select',{
                                    'titre' : 'Pays' | trad,
                                    'name'  : 'PAY_LIV',
                                    'listeValue' : tabPays,
                                    'value' : commande.PAY_LIV,
                                    '_option' : param.LOCK_ADCDEFOU? 'readOnly':'',
                                    'obligatoire' : true,
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Code postal' | trad,
                                    'name'  : 'CPLIV',
                                    'value' : commande.CPLIV,
                                    'pathValidator' : path('Ajax.validator.codePostal'),
                                    'paramsValidator' : "{'nomChamp' : '"~ 'Code postal' | trad ~"', 'sizeMin' : '0', 'PAYS' : $('#input_PAY_LIV').val()}",
                                    '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Ville' | trad,
                                    'name'  : 'VILLELIV',
                                    'value' : commande.VILLELIV,
                                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                        'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '40'}",
                                        '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                }) }}
                            </div>
                        </div>
                        <script>
                            
                            $("#iconeAdresseCtr").click(function(){

                                activeLoader();                                	
                                $.ajax({
                                        dataType : 'html',
                                    url: "{{ path('GlobalApplication.Adresses.ajaxListeAdresses', {'TYPE_ADRESSE' : 'CENTRE'}) }}",
                                    data: {'CODE' : $('#input_CTR_LIV').val(), 'divCode' : 'IND_ADR_LIV', 'idTrigger' : 'onglet_Livraison', 'idClose' : 'onglet_DivModulable', 'iDivReset' : 'DivModulable', 'idTriggerCreation' : 'onglet_DivModulableCreation', 'iDivAdd' : 'DivModulableCreation'},
                                    type: "POST",
                                    success: function(result){                                    	
                                        activeDivModulableCde(addFonctionAjax(result), "{{ 'Adresse centre' | trad  }}");
                                        desactiveLoader();
                                    }
                                });
                            });


                            
                            $("#IND_ADR_LIV").change(function(){
                                $.ajax({
                                    dataType : 'html',
                                    url: '{{ path('Commande.ModificationCommande.ajaxValueAdresseLiv',{idCommande : idCommande}) }}',
                                    data: $('#form_creationCde').serialize(),
                                    type: "POST",
                                    success: function(result){
                                        refreshFonction('adresseLivraison', result);
                                    }
                                });
                            });
                        </script>
                    </div>
                    <div class="clearfix">
                        <ul class="nav nav-tabs sous_onglet navBarClair">
                            <li class="active"><a data-toggle="tab" href="#contact1">{{ 'Contact 1' | trad }}</a></li>
                            <li><a data-toggle="tab" href="#contact2">{{ 'Contact 2' | trad }}</a></li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active in clearfix" id="contact1">
                                <div class="colonne2">
                                    <div class="row">
                                        <input type="hidden" id="CTC_IND1" name="CTC_IND1" value="">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Contact' | trad,
                                            'name'  : 'NMCTC1L',
                                            'value' : commande.NMCTC1L,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '25'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':'',
                                            'iconeLabel' : 'createur.png',
                                            'idIconeLabel' : 'iconeContactCtr1',
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Fonction' | trad,
                                            'name'  : 'FTCTC1L',
                                            'value' : commande.FTCTC1L,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '25'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Email' | trad,
                                            'name'  : 'MLCTC1L',
                                            'value' : commande.MLCTC1L,
                                            'pathValidator' : path('Ajax.validator.adresseMail'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '100'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                        }) }}
                                    </div>
                                </div>
                                <div class="colonne2 last">
                                    <div class="row">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Tel' | trad,
                                            'name'  : 'TLCTC1L',
                                            'value' : commande.TLCTC1L,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Portable' | trad,
                                            'name'  : 'PRCTC1L',
                                            'value' : commande.PRCTC1L,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Fax' | trad,
                                            'name'  : 'FXCTC1L',
                                            'value' : commande.FXCTC1L,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                        }) }}
                                    </div>
                                </div>
                                <script>
                                    $("#iconeContactCtr1").click(function(){
                                        activeLoader();                                	
                                        $.ajax({
                                                dataType : 'html',
                                            url: "{{ path('GlobalApplication.ContactsLivraison.ajaxListeContact') }}",
                                            data: {'CODE' : $('#input_CTR_LIV').val(), 'divCode' : 'CTC_IND1', 'idTrigger' : 'onglet_Livraison', 'idClose' : 'onglet_DivModulable', 'iDivReset' : 'DivModulable', 'idTriggerCreation' : 'onglet_DivModulableCreation', 'iDivAdd' : 'DivModulableCreation', 'module' : 'CDE'},
                                            type: "POST",
                                            success: function(result){
                                                activeDivModulableCde(addFonctionAjax(result), "{{ 'Contact centre' | trad  }}");
                                                desactiveLoader();
                                            }
                                        }); 
                                    });


                                    $("#CTC_IND1").change(function(){
                                        var idContact = $("#CTC_IND1").val();

                                        $.ajax({
                                            dataType : 'html',
                                            url: '{{ path('Commande.ModificationCommande.ajaxValueContactCentre', {idCommande : idCommande,numContact : 1}) }}',
                                            data: $('#form_creationCde').serialize(),
                                            type: "POST",
                                            success: function(result){
                                                refreshFonction('contact1', result);
                                            }
                                        });
                                    });
                                </script>
                            </div>
                            <div class="tab-pane fade clearfix" id="contact2">
                                <div class="colonne2">
                                    <div class="row">
                                        <input type="hidden" id="CTC_IND2" name="CTC_IND2" value="">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Contact' | trad,
                                            'name'  : 'NMCTC2L',
                                            'value' : commande.NMCTC2L,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '25'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':'',
                                            'iconeLabel' : 'createur.png',
                                            'idIconeLabel' : 'iconeContactCtr2',
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Fonction' | trad,
                                            'name'  : 'FTCTC2L',
                                            'value' : commande.FTCTC2L,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '25'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Email' | trad,
                                            'name'  : 'MLCTC2L',
                                            'value' : commande.MLCTC2L,
                                            'pathValidator' : path('Ajax.validator.adresseMail'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '100'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                        }) }}
                                    </div>
                                </div>
                                <div class="colonne2 last">
                                    <div class="row">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Tel' | trad,
                                            'name'  : 'TLCTC2L',
                                            'value' : commande.TLCTC2L,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Portable' | trad,
                                            'name'  : 'PRCTC2L',
                                            'value' : commande.PRCTC2L,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('text', {
                                            'titre' : 'Fax' | trad,
                                            'name'  : 'FXCTC2L',
                                            'value' : commande.FXCTC2L,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                            '_option' : param.LOCK_ADCDEFOU? 'readOnly':''
                                        }) }}
                                    </div>
                                </div>
                                <script>
                                    $("#iconeContactCtr2").click(function(){
                                        activeLoader();                                	
                                        $.ajax({
                                                dataType : 'html',
                                            url: "{{ path('GlobalApplication.ContactsLivraison.ajaxListeContact') }}",
                                            data: {'CODE' : $('#input_CTR_LIV').val(), 'divCode' : 'CTC_IND2', 'idTrigger' : 'onglet_Livraison', 'idClose' : 'onglet_DivModulable', 'iDivReset' : 'DivModulable', 'idTriggerCreation' : 'onglet_DivModulableCreation', 'iDivAdd' : 'DivModulableCreation', 'module' : 'CDE'},
                                            type: "POST",
                                            success: function(result){
                                                activeDivModulableCde(addFonctionAjax(result), "{{ 'Contact centre' | trad  }}");
                                                desactiveLoader();
                                            }
                                        }); 
                                    });

                                    $("#CTC_IND2").change(function(){
                                        var idContact = $("#CTC_IND2").val();

                                        $.ajax({
                                            dataType : 'html',
                                            url: '{{ path('Commande.ModificationCommande.ajaxValueContactCentre', {idCommande : idCommande, numContact : 2}) }}',
                                            data: $('#form_creationCde').serialize(),
                                            type: "POST",
                                            success: function(result){
                                                refreshFonction('contact2', result);
                                            }
                                        });
                                    });
                                </script>
                            </div>
                        </div>
                    </div>
                    <script>
                        $('#input_CTR_LIV').change(function(){
                            $.ajax({
                                dataType : 'html',
                                url: '{{ path('Commande.ModificationCommande.ajaxValueLivraison',{idCommande : idCommande}) }}',
                                data: $('#form_creationCde').serialize(),
                                type: "POST",
                                success: function(result){
                                    refreshFonction('Livraison', result);
                                }
                            });
                        });
                    </script>
                </div>

                {# ################################################# #}
                {# ################### Cond. PART ################## #}
                {# ################################################# #}

                <div id="CondPart" class="tab-pane {% if onglet =='CondPart' %} active in {% else %} fade {% endif %} clearfix box-form">
                    <div class="colonne2">
                            <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                'titre' : 'Centre émetteur' | trad,
                                'name' : 'CTR_EMETT',
                                'pahtZoom' : path('Ajax.liste.centreEmetteur'),
                                'paramZoom' : "{'code_ste' : '"~commande.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~"', 'null' : false, 'post' : {'filter_EMISSION' : 'T', 'filter_CODE_STE' : ''}}",
                                'value' : commande.CTR_EMETT,
                                'option' : param.LOCK_CTR_EMET? 'readOnly':'',
                                'obligatoire' : true,
                            }) }}
                        </div>
                            <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                'titre' : 'Condition de paiement' | trad,
                                'name' : 'COND_PAIE',
                                'pahtZoom' : path('Ajax.liste.conditionPaiement'),
                                'entity' : 'Condpaie',
                                'titleZoom' : 'Liste des conditions de paiement' | trad,
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathValidator' : path('Ajax.validator.zoom'),
                                'paramsValidator' : "{'entity' : 'Condpaie','nomChamp' : '"~'Condition de paiement' | trad~"', 'null' : false}",
                                'value' : commande.COND_PAIE,
                                'option' : (param.LOCK_COND_PAIE or (commande.COND_PAIE and droit.HA_CA_COND == false))? 'readOnly':''
                            }) }}
                        </div>
                            <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                'titre' : 'Mode de paiement' | trad,
                                'name' : 'MODE_PAIE',
                                'pahtZoom' : path('Ajax.liste.modePaiement'),
                                'entity' : 'Modepaie',
                                'titleZoom' : 'Liste des modes de paiement' | trad,
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathValidator' : path('Ajax.validator.zoom'),
                                'paramsValidator' : "{'entity' : 'Modepaie','nomChamp' : '"~'Mode de paiement' | trad~"', 'null' : false}",
                                'value' : commande.MODE_PAIE,
                                'option' : (param.LOCK_MODE_PAIE or (commande.COND_PAIE and droit.HA_CA_COND == false))? 'readOnly':''
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('SWITCH', {
                                'titre' : 'Expédition à la charge du fournisseur' | trad,
                                'name' : 'CHARGFOU',
                                'value' : commande.CHARGFOU
                            }) }}
                        </div>
                    </div>
                    <div class="colonne2 last">
                            <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                'titre' : 'Centre de facturation' | trad,
                                'name' : 'CTR_FACTU',
                                'pahtZoom' : path('Ajax.liste.centre'),
                                'paramZoom' : "{'filter_egal_FACTURAT' : 'T','filter_egal_CODE_STE' : '"~commande.CODE_STE~"' }",
                                'entity' : 'Centre',
                                'titleZoom' : 'Liste des centres de facturation' | trad,
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathValidator' : path('Ajax.validator.zoom'),
                                'paramsValidator' : "{'entity' : 'Centre','nomChamp' : '"~'Centre de facturation' | trad~"', 'null' : false, 'post' : {'filter_FACTURAT' : 'T', 'filter_CODE_STE' : ''}}",
                                'value' : commande.CTR_FACTU,
                                'option' : param.LOCK_CTR_FACTU? 'readOnly':'',
                                'obligatoire' : true,
                            }) }}
                        </div>
                            <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                'titre' : 'Mode de livraison' | trad,
                                'name' : 'MODE_LIV',
                                'pahtZoom' : path('Ajax.liste.modelivraison'),
                                'entity' : 'Modelivr',
                                'titleZoom' : 'Liste des modes de paiement' | trad,
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathValidator' : path('Ajax.validator.zoom'),
                                'paramsValidator' : "{'entity' : 'Modelivr','nomChamp' : '"~'Mode de livraison' | trad~"', 'null' : false}",
                                'value' : commande.MODE_LIV,
                                'option' : param.LOCK_MODE_LIV? 'readOnly':''
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                'titre' : 'Message libre' | trad,
                                'name' : 'COMM_LIBR',
                                'pahtZoom' : path('Ajax.liste.messstan'),
                                'entity' : 'Messstan',
                                'titleZoom' : 'Liste des messages libres' | trad,
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathValidator' : path('Ajax.validator.zoom'),
                                'paramsValidator' : "{'entity' : 'Messstan','nomChamp' : '"~'Message libre' | trad~"', 'null' : true}",
                                'value' : commande.COMM_LIBR,
                            }) }}
                        </div>
                    </div>
                </div>

                {# ################################################# #}
                {# ##################### INFO. ##################### #}
                {# ################################################# #}

                <div id="Info" class="tab-pane {% if onglet =='Info' %} active in {% else %} fade {% endif %} clearfix box-form">
                        <div class="row single">
                        {{ inputAdvance('textarea', {
                            'titre' : 'Titre' | trad,
                            'name'  : 'TITRE',
                            'value' : commande.TITRE,
                                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '3000'}",
                                'option' : param.LOCK_TITRE? 'readOnly':''
                        }) }}
                    </div>
                    <div class="row single">
                        {{ inputAdvance('text', {
                            'titre' : 'Objet' | trad,
                            'name'  : 'OBJET_CA',
                            'value' : commande.OBJET_CA,
                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '60'}",
                            'option' : param.LOCK_OBJET_CA? 'readOnly':''
                        }) }}
                    </div>
                    {% if commande.AVENANT %}
                        <div class="row single">
                            {{ inputAdvance('text', {
                                'titre' : 'Motif avenant' | trad,
                                'name'  : 'MOT_AVNT',
                                'value' : commande.MOT_AVNT,
                                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '120'}",
                            }) }}
                        </div>
                    {% endif %}
                    <div class="row single">
                        {{ inputAdvance('text',{
                            'titre' : 'Langue' | trad,
                            'name'  : 'COD_LNG',
                            'value' : tabLangue[commande.COD_LNG],
                            'option' : 'readOnly',
                            'obligatoire' : true,
                        }) }}
                    </div>
                </div>
                {% if param.ONGLET_EXPEDITION %}
                {# ################################################# #}
                {# #################### Transit #################### #}
                {# ################################################# #}

                <div id="Transit" class="tab-pane {% if onglet =='Transit' %} active in {% else %} fade {% endif %} clearfix box-form">
                    <div class="colonne2">
                        <div class="row">
                            {{ inputAdvance('SWITCH', {
                                'titre' : 'Avec expédition ?' | trad,
                                'name' : 'CDE_EXP',
                                'value' : commande.CDE_EXP,
                                'option' : LOCK_CDE_EXP? 'readOnly':'',
                                'obligatoire' : true,
                                'myFunction' : 'blocageExpeditionLigne'
                            }) }}
                        </div>
                    </div>
                    <div class="colonne2 last">
                        <div class="row">
                            {{ inputAdvance('select',{
                                'titre' : 'Mode de Transport' | trad,
                                'name'  : 'MOD_TRS',
                                'listeValue' : tabModeTransport,
                                'value' : commande.MOD_TRS,
                                'obligatoire' : true,
                                'option' : commande.CDE_EXP? '':'readOnly',
                            }) }}
                        </div>
                    </div>
                    <div id='contactTransit' class="clearfix">
                        <div class="colonne2">
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Transitaire' | trad,
                                    'name' : 'TRANSIT',
                                    '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' : false, post : {'filter_PROSPECT' : 'F'} }",
                                    'value' : commande.TRANSIT,
                                    'option' : commande.CDE_EXP? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                <input type='hidden' id='IND_TRANS' name='IND_TRANS' value='{{ commande.IND_TRANS }}'>
                                {{ inputAdvance('text', {
                                    'titre' : 'Contact' | trad,
                                    'name'  : 'CT_TRANS',
                                    'value' : commande.CT_TRANS,
                                    'pathValidator' : path('Ajax.validator.isStringSansEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '25'}",
                                    'iconeLabel' : 'createur.png',
                                    'idIconeLabel' : 'iconeContactTrans',
                                    'option' : commande.CDE_EXP? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Email' | trad,
                                    'name'  : 'MAICTTRS',
                                    'value' : commande.MAICTTRS,
                                    'pathValidator' : path('Ajax.validator.adresseMail'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '100'}",
                                    'option' : commande.CDE_EXP? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Devise' | trad,
                                    'name' : 'DEVTRS',
                                    '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~"', 'null' : false}",
                                    'value' : commande.DEVTRS,
                                    'option' : commande.CDE_EXP? '':'readOnly',
                                    'obligatoire' : true,
                                }) }}
                            </div>
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Tel' | trad,
                                    'name'  : 'TELCTTRS',
                                    'value' : commande.TELCTTRS,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                    'option' : commande.CDE_EXP? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Portable' | trad,
                                    'name'  : 'PORCTTRS',
                                    'value' : commande.PORCTTRS,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                    'option' : commande.CDE_EXP? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Fax' | trad,
                                    'name'  : 'FAXCTTRS',
                                    'value' : commande.FAXCTTRS,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                    'option' : commande.CDE_EXP? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Valeur en Devise de la base' | trad,
                                    'name'  : 'VALDEVTR',
                                    'value' : commande.VALDEVTR ?? 1,
                                    'pathValidator' : path('Ajax.validator.float'),
                                    'paramsValidator' : "{'format' : "~getConst('formatQTE')~"}",
                                    'option' : commande.CDE_EXP? '':'readOnly',
                                    'obligatoire' : true,
                                }) }}
                            </div>
                        </div>
                        <script>                            
                            $("#iconeContactTrans").click(function(){
                                activeLoader();                                	
                                $.ajax({
                                        dataType : 'html',
                                    url: "{{ path('GlobalApplication.ContactsFournisseur.ajaxListeContact') }}",
                                    data: {'CODE' : $('#input_TRANSIT').val(), 'divCode' : 'IND_TRANS', 'idTrigger' : 'onglet_Transit', 'idClose' : 'onglet_DivModulable', 'iDivReset' : 'DivModulable', 'idTriggerCreation' : 'onglet_DivModulableCreation', 'iDivAdd' : 'DivModulableCreation'},
                                    type: "POST",
                                    success: function(result){
                                        activeDivModulableCde(addFonctionAjax(result), "{{ 'Contact transitaire' | trad  }}");
                                        desactiveLoader();
                                    }
                                }); 
                            });
                            $("#IND_TRANS, #input_TRANSIT").change(function(){
                                if($(this).attr('id') == 'input_TRANSIT') {
                                    $('#IND_TRANS').val('');
                                }

                                $.ajax({
                                    dataType : 'html',
                                    url: '{{ path('Commande.ModificationCommande.ajaxValueContactTransitaire',{idCommande : idCommande}) }}',
                                    data: $('#form_creationCde').serialize(),
                                    type: "POST",
                                    success: function(result){
                                        refreshFonction('contactTransit', result);
                                    }
                                });
                            });
                        </script>
                    </div>
                    <div id='blockEnlevement' class="clearfix border-top">
                        <div class="colonne2">
                            <div class="row">
                                {{ inputAdvance('SWITCH', {
                                    'titre' : 'Enlèvement ?' | trad,
                                    'name' : 'PREACH',
                                    'value' : commande.PREACH,
                                    'option' : commande.CDE_EXP? '':'disabled',
                                }) }}
                            </div>
                        </div>
                        <div class="colonne2 last"></div>
                        <div class="colonne2">
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Lieu' | trad,
                                    'name' : 'FOURLIVR',
                                    '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' : false, post : {'filter_PROSPECT' : 'F'} }",
                                    'value' : commande.FOURLIVR,
                                    'option' : (commande.CDE_EXP and commande.PREACH)? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                <input type="hidden" id="IND_ADRLIVR" name="IND_ADRLIVR" value="">
                                {{ inputAdvance('textArea', {
                                    'titre' : 'Adresse' | trad,
                                    'name'  : 'ADRLIVR',
                                    'value' : commande.ADRLIVR,
                                    'iconeLabel' : 'createur.png',
                                    'idIconeLabel' : 'iconeAdresseTrans',
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '90'}",
                                    'option' : (commande.CDE_EXP and commande.PREACH)? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Tel' | trad,
                                    'name'  : 'TLADLVEN',
                                    'value' : commande.TLADLVEN,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                    'option' : (commande.CDE_EXP and commande.PREACH)? '':'readOnly',
                                }) }}
                            </div>
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {{ inputAdvance('select',{
                                    'titre' : 'Pays' | trad,
                                    'name'  : 'PAYLIVR',
                                    'listeValue' : tabPays,
                                    'value' : commande.PAYLIVR,
                                    'option' : (commande.CDE_EXP and commande.PREACH)? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Code postal' | trad,
                                    'name'  : 'CPLIVR',
                                    'value' : commande.CPLIVR,
                                    'pathValidator' : path('Ajax.validator.codePostal'),
                                    'paramsValidator' : "{'nomChamp' : '"~ 'Code postal' | trad ~"', 'sizeMin' : '0', 'PAYS' : $('#input_PAYLIVR').val()}",
                                    'option' : (commande.CDE_EXP and commande.PREACH)? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Ville' | trad,
                                    'name'  : 'VIL_LIVR',
                                    'value' : commande.VIL_LIVR,
                                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                        'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '40'}",
                                        'option' : (commande.CDE_EXP and commande.PREACH)? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('text', {
                                    'titre' : 'Fax' | trad,
                                    'name'  : 'FXADLVEN',
                                    'value' : commande.FXADLVEN,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                    'option' : (commande.CDE_EXP and commande.PREACH)? '':'readOnly',
                                }) }}
                            </div>
                        </div>
                        <script>
                        
                            $("#iconeAdresseTrans").click(function(){
                                activeLoader();                                	
                                $.ajax({
                                        dataType : 'html',
                                    url: "{{ path('GlobalApplication.Adresses.ajaxListeAdresses', {'TYPE_ADRESSE' : 'FOU'}) }}",
                                    data: {'CODE' : $('#input_FOURLIVR').val(), 'divCode' : 'IND_ADRLIVR', 'idTrigger' : 'onglet_Transit', 'idClose' : 'onglet_DivModulable', 'iDivReset' : 'DivModulable', 'idTriggerCreation' : 'onglet_DivModulableCreation', 'iDivAdd' : 'DivModulableCreation'},
                                    type: "POST",
                                    success: function(result){                                    	
                                        activeDivModulableCde(addFonctionAjax(result), "{{ 'Adresse enlèvement' | trad  }}");
                                        desactiveLoader();
                                    }
                                });
                            });
                            
                            $("#IND_ADRLIVR, #input_FOURLIVR").change(function(){
                                if($(this).attr('id') == 'input_FOURLIVR') {
                                    $('#IND_ADRLIVR').val('');
                                }

                                $.ajax({
                                    dataType : 'html',
                                    url: '{{ path('Commande.ModificationCommande.ajaxValueAdresseFrsLiv',{idCommande : idCommande}) }}',
                                    data: $('#form_creationCde').serialize(),
                                    type: "POST",
                                    success: function(result){
                                        refreshFonction('blockEnlevement', result);
                                    }
                                });
                            });
                            
                            $("#input_CDE_EXP").change(function()
                            {
                                if($('#input_CDE_EXP').is(':checked'))
                                {
                                    $('#Transit input').removeAttr('readOnly');
                                    $('#Transit textArea').removeAttr('readOnly');
                                    $('#Transit select').removeAttr('readOnly');
                                    $('#Transit select option').attr("disabled", false);
                                    $('#zoom_TRANSIT, #zoom_LOGIST, #zoom_FOURLIVR').show();
                                    $('#iconeContactTrans').show();
                                    $('#input_PREACH').removeAttr('disabled');
                                    $('#zoom_DEVTRS').show();

                                    if($('#input_DEVTRS').val()=='{{ deviseReference }}')
                                    {
                                        $('#input_VALDEVTR').attr("readOnly", true);
                                    }

                                    blockEnlevement();

                                    $('#CTRLENTR').attr("disabled", false);

                                    $('#input_RECEP_AUTO').attr("disabled", true);

                                    changeValueSwitch('RECEP_AUTO', false);
                                    enteteBlockRecep(false);
                                    
                                }
                                else
                                {
                                    $('#Transit input').attr("readOnly", true);
                                    $('#Transit textArea').attr("readOnly", true);
                                    $('#Transit select').attr("readOnly", true);
                                    $('#Transit select option').attr("disabled", true);
                                    $('#zoom_TRANSIT, #zoom_LOGIST, #zoom_FOURLIVR').hide();
                                    $('#iconeContactTrans').hide();
                                    $('#input_PREACH').attr("disabled", true);

                                    $('#CTRLENTR').attr("disabled", true);
                                    $('#CTRLENTR').attr("checked", false);
                                    $('#CTRLENTR').trigger( "change" );

                                    if ($('#input_SAISIEREC').is(':checked')) {
                                        $('#input_RECEP_AUTO').attr("disabled", false);
                                    }

                                }
                            });

                            $("#input_PREACH").change(function()
                            {
                                blockEnlevement();
                            });

                            function blockEnlevement()
                            {
                                if($('#input_PREACH').is(':checked'))
                                {
                                    $('#blockEnlevement input').removeAttr('readOnly');
                                    $('#blockEnlevement textArea').removeAttr('readOnly');
                                    $('#blockEnlevement select option').attr("disabled", false);
                                    $('#blockEnlevement select').removeAttr('readOnly');
                                    $('#zoom_FOURLIVR').show();
                                    $('#iconeAdresseTrans').show();
                                }
                                else
                                {
                                    $('#blockEnlevement input').attr("readOnly", true);
                                    $('#blockEnlevement textArea').attr("readOnly", true);
                                    $('#blockEnlevement select option').attr("disabled", true);
                                    $('#blockEnlevement select').attr("readOnly", true);
                                    $('#zoom_FOURLIVR').hide();
                                    $('#iconeAdresseTrans').hide();

                                }
                            }
                        </script>
                    </div>
                    <div class="border-top">
                        <div class="colonne2 ">
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Logisticien' | trad,
                                    'name' : 'LOGIST',
                                    'pahtZoom' : path('Ajax.liste.utilisateur'),
                                    'entity' : 'HASTUTIL',
                                    'titleZoom' : 'Liste des logisticiens' | trad,
                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                    'paramZoom' : "{'filter_LOGIST' : 'T' }",
                                    'convertLibelle' : 'convertLibelleGlobal',
                                    'pathValidator' : path('Ajax.validator.zoom'),
                                    'paramsValidator' : "{'entity' : 'HASTUTIL','nomChamp' : '"~'Logisticien' | trad~"', 'null' : true, 'post' : {'filter_egal_CODE_STE' : '',  'filter_LOGIST' : 'T'}}",
                                    'value' : commande.LOGIST,
                                    'option' : commande.CDE_EXP? '':'readOnly',
                                }) }}
                            </div>
                        </div>
                    </div>


                </div>

                {# ################################################# #}
                {# ##################### EXPORT #################### #}
                {# ################################################# #}

                <div id="Export" class="tab-pane {% if onglet =='Export' %} active in {% else %} fade {% endif %} clearfix box-form">
                    <div class="clearfix">
                        <div class="colonne2">
                            <div class="row">
                                {{ inputAdvance('SWITCH', {
                                    'titre' : 'Contrôle d\'entrée ?' | trad,
                                    'name' : 'CTRLENTR',
                                    'value' : commande.CTRLENTR,
                                }) }}
                            </div>
                        </div>
                    </div>
                    <div class="clearfix" id="divExport">
                        <div class="colonne2">
                            <div class="row">
                                {{ inputAdvance('DATE', {
                                    'titre' : 'Prévue le' | trad,
                                    'name'  : 'DTEPRVCTR',
                                    'value' : commande.DTEPRVCTR | dateTrad,
                                    'pathValidator' : path('Ajax.validator.date'),
                                    'paramsValidator' : '{}',
                                    'option' : commande.CTRLENTR? '':'readOnly',
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Organisme' | trad,
                                    'name' : 'ORGCTRL',
                                    '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' : '"~'Organisme' | trad~"', 'null' : true, post : {'filter_PROSPECT' : 'F'} }",
                                    'value' : commande.ORGCTRL,
                                    'option' : commande.CTRLENTR? '':'readOnly',
                                    'obligatoire' : true,
                                }) }}
                            </div>
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {# 'pahtZoom' : path('Ajax.liste.licence'),#}
                                {{ inputAdvance('TEXT', {
                                    'titre' : 'Licence' | trad,
                                    'name' : 'LICIMPORT',
                                    'entity' : 'Licence',
                                    'titleZoom' : 'Liste des licences' | trad,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '25'}",
                                    'value' : commande.LICIMPORT,
                                    'option' : commande.CTRLENTR ? '':'readOnly',
                                }) }}
                            </div>
                        </div>
                        <div id="contactExport">
                            <div class="colonne2 border-top">
                                <div class="row">
                                    <input type="hidden" id="IND_CTORGCT" name="IND_CTORGCT" value="">
                                    {{ inputAdvance('text', {
                                        'titre' : 'Contact' | trad,
                                        'name'  : 'CTORGCT',
                                        'value' : commande.CTORGCT,
                                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                        'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '25'}",
                                        'option' : commande.CTRLENTR? '':'readOnly',
                                        'iconeLabel' : 'createur.png',
                                        'idIconeLabel' : 'iconeContactExport',
                                    }) }}
                                </div>
                                <div class="row">
                                    {{ inputAdvance('text', {
                                        'titre' : 'Email' | trad,
                                        'name'  : 'MAICTORG',
                                        'value' : commande.MAICTORG,
                                        'pathValidator' : path('Ajax.validator.adresseMail'),
                                        'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '100'}",
                                        'option' : commande.CTRLENTR? '':'readOnly',
                                    }) }}
                                </div>
                            </div>
                            <div class="colonne2 last border-top">
                                <div class="row">
                                    {{ inputAdvance('text', {
                                        'titre' : 'Tel' | trad,
                                        'name'  : 'TELCTORG',
                                        'value' : commande.TELCTORG,
                                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                        'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                        'option' : commande.CTRLENTR? '':'readOnly',
                                    }) }}
                                </div>
                                <div class="row">
                                    {{ inputAdvance('text', {
                                        'titre' : 'Portable' | trad,
                                        'name'  : 'PORCTORG',
                                        'value' : commande.PORCTORG,
                                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                        'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                        'option' : commande.CTRLENTR? '':'readOnly',
                                    }) }}
                                </div>
                                <div class="row">
                                    {{ inputAdvance('text', {
                                        'titre' : 'Fax' | trad,
                                        'name'  : 'FAXCTORG',
                                        'value' : commande.FAXCTORG,
                                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                        'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '16'}",
                                        'option' : commande.CTRLENTR? '':'readOnly',
                                    }) }}
                                </div>
                            </div>
                            <script>
                                $("#iconeContactExport").click(function(){
                                    activeLoader();                                	
                                    $.ajax({
                                            dataType : 'html',
                                        url: "{{ path('GlobalApplication.ContactsFournisseur.ajaxListeContact') }}",
                                        data: {'CODE' : $('#input_ORGCTRL').val(), 'divCode' : 'IND_CTORGCT', 'idTrigger' : 'onglet_Export', 'idClose' : 'onglet_DivModulable', 'iDivReset' : 'DivModulable', 'idTriggerCreation' : 'onglet_DivModulableCreation', 'iDivAdd' : 'DivModulableCreation'},
                                        type: "POST",
                                        success: function(result){
                                            activeDivModulableCde(addFonctionAjax(result), "{{ 'Contact Organisme' | trad  }}");
                                            desactiveLoader();
                                        }
                                    }); 
                                });
                                $("#IND_CTORGCT").change(function(){
                                    $.ajax({
                                        dataType : 'html',
                                        url: '{{ path('Commande.ModificationCommande.ajaxValueContactExport',{idCommande : idCommande}) }}',
                                        data: $('#form_creationCde').serialize(),
                                        type: "POST",
                                        success: function(result){
                                            refreshFonction('contactExport', result);
                                        }
                                    });
                                });
                            </script>
                        </div>
                    </div>
                    <div class="clearfix border-top">
                        <div class="colonne3">
                            <div class="row">
                                {{ inputAdvance('SWITCH', {
                                    'titre' : 'Fournisseur Exportateur ?' | trad,
                                    'name' : 'FRNEXPORT',
                                    'value' : commande.FRNEXPORT,
                                }) }}
                            </div>
                        </div>
                        <div class="colonne3">
                            <div class="row">
                                {{ inputAdvance('SWITCH', {
                                    'titre' : 'Attente de DAU ?' | trad,
                                    'name' : 'ATTDAU',
                                    'value' : commande.ATTDAU,
                                }) }}
                            </div>
                        </div>
                        <div class="colonne3 last">
                            <div class="row">
                                {{ inputAdvance('SWITCH', {
                                    'titre' : 'Franchise de TVA ?' | trad,
                                    'name' : 'FRANCTVA',
                                    'value' : commande.FRANCTVA,
                                }) }}
                            </div>
                        </div>
                    </div>

                    <script>
                        $( "#input_CTRLENTR" ).change(function()
                        {
                                if($('#input_CTRLENTR').is(':checked'))
                                {
                                    $('#Export input').removeAttr('readOnly');
                                    showDatepicker('#input_DTEPRVCTR', '{{ baseUrl('IconeV2/Global/deadline-change.svg') }}', '{{ 'dd/mm/yy' | paramDateFormat }}');
                                    $('#zoom_ORGCTRL').show();
                                    $('#iconeContactExport').show();
                                }
                                else
                                {
                                    $('#Export input').attr("readOnly", true);
                                    $( "#input_DTEPRVCTR" ).datepicker( "destroy" );
                                    $('#zoom_ORGCTRL').hide();
                                    $('#iconeContactExport').hide();
                                }
                        });
                    </script>

                </div>
                {% endif %}

                {# ################################################# #}
                {# ####################### CS ###################### #}
                {# ################################################# #}

                <div id="Supp" class="tab-pane {% if onglet =='Supp' %} active in {% else %} fade {% endif %} clearfix box-form">
                    {% if CSExist('CA_ENTET') %}
                        {{ inputCSAdvance({
                            'codTab' : 'CA_ENTET', 
                            'colonneActif' : true, 
                            'codeEnr' : autoCompletCodeEnr(commande.NO_CDE), 
                            'ModeModif' : true,
                        }) }}
                    {% endif %}
                </div>
                
                {# ################################################# #}
                {# ##################### CLAUSE #################### #}
                {# ################################################# #}
                
                <div id="Clause" class="tab-pane {% if onglet =='Clause' %} active in {% else %} fade {% endif %} clearfix">
                    <table id="tabClause" class="table table-hover {% if modifiable == false %}sans_actions{% endif %}">
                            <thead class="thead-dark">
                            <tr>
                                <th scope="col" width='7%'>{{ 'Ordre' | trad }}</th>
                                <th scope="col">{{ 'Clause' | trad }}</th>
                                <th scope="col" width='75px'>{{ 'Actions' | trad }}</th>
                            </tr>
                            <tr id="filter_dynamique" class="recherche">
                                    <td><input name="filter_Ordre" class="filter_Ordre form-control form-control-sm " type="text" /></td>
                                    <td><input name="filter_Clause" class="filter_Clause form-control form-control-sm " type="text" /></td>
                                    <td></td>
                                </tr>
                            </thead>
                            <tbody>
                                {% for clause in listeClause %}
                                {% include '@Commande/Creation/Clause/ClauseNonModifiable.twig' %}
                                {% endfor %}
                                
                                {% if listeClause | lengthTable == 0 %}
                                    {% set idClause = 1 %}
                                    {% include '@Commande/Creation/Clause/ClauseModifiable.twig' %}
                                {% endif %}
                                <tr class="static">
                                    <td colspan="2"></td>
                                <td class="parametrage">
                                    {% if droit.HA_CA_CLA %}
                                        {{ Button('',1,'', "ajoutClause('"~path('Commande.ModificationClause.ajaxAjoutClause', {idCommande:commande.NO_CDE})~"','"~path('Commande.ModificationClause.validationClause', {idCommande : commande.NO_CDE})~"')", {}, true, 'ajout', '','addLigne', 'padding: 10px 10px 10px 10px;background-position: 4px 3px;margin-left: 5px;float: right;') }}
                                    {% endif %}
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    <script>
                        $('#form_creationCde #Clause tbody').sortable({
                            items: 'tr.sortable',
                            update: function( event, ui ) {
                                var row = $('#'+ui.item.attr("id"));
                                var saveID = $(row).attr("data-idClause");

                                /* annuler la modification si un filtre est activé ou si une ligne est en création/modif ou si la ligne est placer entre un TR d'affichage */
                                if($('#tabClause tbody tr').is(":hidden") || $('#tabClause tbody tr').hasClass('ligneModifClause'))
                                {
                                    $(this).sortable('cancel');
                                }
                                else
                                {
                                    activeLoader();
                                    var moveDown = ui.position.top - ui.originalPosition.top > 0 ? true : false;

                                    if(moveDown)
                                    {
                                        $(row).prevAll().each(function(){
                                            
                                            if(parseInt($(this).attr('data-idClause')) < $(row).attr('data-idClause'))
                                            {
                                                return;
                                            }
                                            
                                            if($(this).attr('data-idClause') !== undefined)
                                            {            
                                                var oldID = parseInt($(this).attr('data-idClause'));
                                                var newID = oldID-1;

                                                $(this).attr("data-idClause",newID);
                                                $(this).attr("id","CLAUSE"+newID+"NON_MODIF");
                                                $(this).find('td:first').html(newID);                            			
                                            }
                                        });

                                        var newIDmove = parseInt($(row).prev().attr('data-idClause'))+1;

                                    }
                                    else
                                    {
                                        $(row).nextAll().each(function(){
    
                                            if(parseInt($(this).attr('data-idClause')) > $(row).attr('data-idClause'))
                                            {
                                                return false;
                                            }
                                            
                                            if($(this).attr('data-idClause') !== undefined)
                                            {
                                                var oldID = parseInt($(this).attr('data-idClause'));
                                                var newID = oldID+1;

                                                $(this).attr("data-idClause",newID);
                                                $(this).attr("id","CLAUSE"+newID+"NON_MODIF");
                                                $(this).find('td:first').html(newID);
                                            }
                                        });

                                        var newIDmove = parseInt($(row).next().attr('data-idClause'))-1;
                                    }
                                                                    
                                    $(row).attr("data-idClause",newIDmove);
                                    $(row).attr("id","CLAUSE"+newIDmove+"NON_MODIF");
                                    $(row).find('td:first').html(newIDmove);

                                    //desactiveLoader();
                                    //return '';
                                    $.ajax({
                                        dataType : 'html',
                                        url: '{{ path('Commande.ModificationClause.ajaxModificationOrdre', {idCommande : commande.NO_CDE }) }}',
                                        data: {'newPosition' : newIDmove, 'oldPosition' : saveID},
                                        type: "POST",
                                        success: function(result){
                                            desactiveLoader();
                                        }
                                    });
                                }
                                /*******/
                                
                            },
                        });

                        function showDatepicker(id,calendarJPG, paramDateFormat)
                        {	

                            $(id).datepicker({
                                showOn: "button",
                                changeYear: true,
                                changeMonth: true,
                                buttonImage: calendarJPG,
                                buttonImageOnly: true,
                                showAnim: "fade", 
                                dateFormat: paramDateFormat
                            });
                        }

                        function blocageExpeditionLigne(id)
                        {
                            if($('#input_CDE_EXP').is(':checked')) 
                            {
                                changeValueSwitch('ligne_RECEP_AUTO', false);
                                $('#input_ligne_RECEP_AUTO').attr("disabled", true);

                                $('#input_ligne_DATEDEBCONT').attr("readOnly", true);
                                $( "#input_ligne_DATEDEBCONT" ).datepicker( "destroy" );
                                
                                $('#input_ligne_DATEFINCONT').attr("readOnly", true);
                                $( "#input_ligne_DATEFINCONT" ).datepicker( "destroy" );
                                
                                $('#input_ligne_CONTRAT_PERIOD').attr("readOnly", true);
                                $("#input_ligne_FIN_DEB_PER").attr("readOnly", true);
                                $("#input_ligne_CAEN_RECEPAUTO_JOUR").attr("readOnly", true);
                            }
                            else
                            {
                                $('#input_ligne_RECEP_AUTO').removeAttr('disabled');
                            }
                        }
                    </script>
                </div>
                
                {# ################################################# #}
                {# ##################### TERME DE PAIEMENT ######### #}
                {# ################################################# #}

                <div id="TermesDePaie" class="tab-pane {% if (onglet =='termesdepaiement') or ((queryParams.onglet == "termesdepaiement") or (post.onglet == "termesdepaiement")) %} active in {% else %} fade {% endif %} clearfix my-base">

                    {% include "@TermeDePaiement/TermeDePaiement/_termeDePaiementListe.twig" with {
                            canEdit: true,
                            MODULE: 'Commande',
                            id: idCommande, 
                            critere: '' 
                    } %}
                </div>
            </div>
        </form>
    </div>
    <script>
        function addQueryParams(key, value) {
            const url = new URL(window.location.href);
            url.searchParams.set(key, value);
            window.location.href = url.toString();
        }
    </script>

</section>
{% endblock %}
