{% extends 'layout.twig' %}

{% block body %}
	<script type="text/javascript" src="{{ baseUrl('js/Modules/DemandeAchat/ModificationDA.js') }}"></script>
	
	<div class="clearfix titre_div"  id="demandeAchat">
		<h1>{{ H1 }}</h1>
		{{ ariane() }}
		
		<h2>
		    {{ titreH2 }} 
		    
		    {{ Button('Valider' | trad, 1, '', 'validationFormulaire(\''~path('DemandeAchat.CreationFormulaireDemandeAchat.validationFormulaire', {idFormulaire : idFormulaire})~'\')') }}
			{{ Button('Annuler' | trad, 0, path('DemandeAchat.GestionDemandeAchat.index')) }}
		    
		    <script>
				function validationFormulaire(path)
				{
					activeLoader();
					$.ajax({
						url: path,
						type: 'POST',
						dataType: 'html',
						data: $('#form_creationFormulaire').serialize(),
						success: function (htmlData) {
							$("#modal-content").addClass("modal_small");
							$("#modal-title").html('{{ 'Erreur validation' | trad }}');
							$("#modal-body").html(htmlData);
							activePopup ();
							desactiveLoader();
						}
					});
				}
		    </script>
		</h2>
		
    	<div class="tab-content">
        	<form action="" method="post" name="form_creationFormulaire" id="form_creationFormulaire" class="padding15" >
            	<div class="block_edition">
                	<div class="titre_block">
                    	{{ 'Formulaire DA' | trad }}
                    </div>
					<div class="colonne3">
                    	<div class="informations">
                    	    <p>
                            	<span class="champs_label">{{ 'Code' | trad }}</span>
                                <span class="resultat">{{ entete.NO_CDE }}</span>
                            </p>
                        </div>
                    </div>
                    <div class="colonne3">
                    	<div class="informations">                   	    	
                    	    <p>
                            	<span class="champs_label">{{ 'Chiffrage/Exécution' | trad }}</span>
                                <span class="resultat">{{ typeChiffExec[entete.CHIF_EXE] }}</span>
                            </p>
                        </div>
                    </div>
                    <div class="colonne3 last">
                    	<div class="informations">
                    	    <p>
                            	<span class="champs_label">{{ 'Société' | trad }}</span>
                                <span class="resultat">{{ convertLibelleGlobal('SOCIETE', '', entete.CODE_STE) }} {% if entete.CODE_STE | trim %}({{ entete.CODE_STE }}){% endif %}</span>
                            </p>
                        </div>
                    </div>

					<div class="colonne2">
                        <div class="row">
                        	{{ inputAdvance('text', {
								'titre' : 'Libellé' | trad,
								'name'  : 'LIBELLE',
								'value' : entete.LIBELLE,
								'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
								'paramsValidator' : "{'nomChamp' : '"~ 'Libellé' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '60'}",
							}) }}
                        </div>
                    </div>
					<div class="colonne2">
                        <div class="row">
                        	{{ inputAdvance('text', {
								'titre' : 'Commentaire' | trad,
								'name'  : 'COMMENTAIRE',
								'value' : entete.COMMENTAIRE,
								'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
								'paramsValidator' : "{'nomChamp' : '"~ 'Commentaire' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '3000'}",
							}) }}
                        </div>
                    </div>
                    <div class="colonne2">
                        <div class="row">
						{# TODO LISTE sur table TYPFORM #}
                        	{{ inputAdvance('ZOOMADVANCE', {
								'titre' : 'Type' | trad,
								'name' : 'TYPEFORMU',
								'value' : entete.TYPEFORMU,
								'pahtZoom' : path('Ajax.liste.typeDoc'),
								'titleZoom' : 'Liste des types de document' | trad,
								'entity' : 'typeDoc',
								'pathConvert' : path('Ajax.outil.convertLibelle'),
								'convertLibelle' : 'convertLibelleGlobal',
								'pathValidator' : path('Ajax.validator.zoom'),
								'paramsValidator' : "{'entity' : 'typeDoc', 'nomChamp' : '"~ 'Type de document' | trad ~"', 'null' : true}",
							}) }}
                        </div>
                    </div>
					<div class="colonne2">
						<div class="row">
							{{ inputAdvance('SELECT', {
								'titre' : 'Chiffrage/Exécution' | trad,
								'name' : 'CHIF_EXEC',
								'listeValue' : typeChiffExec,
								'value' : entete.CHIF_EXEC,
							}) }}
						</div>
					</div>	
                    <div class="colonne2">
                        <div class="row">
                        	{{ inputAdvance('DATE', { 
                        	    'titre' : 'Valide du' | trad,
                        	    'name'  : 'DATEDEB',
                        	    'value' : entete.DATEDEB | dateTrad,
                        	    'pathValidator' : path('Ajax.validator.date'),
                        	    'paramsValidator' : "{'nomChamp' : '"~ 'Date Enregistrement' | trad ~"'}",
                        	}) }}
                        </div>
                    </div>	
                    <div class="colonne2">
                        <div class="row">
                        	{{ inputAdvance('DATE', { 
                        	    'titre' : 'au' | trad,
                        	    'name'  : 'DATEFIN',
                        	    'value' : entete.DATEFIN | dateTrad,
                        	    'pathValidator' : path('Ajax.validator.date'),
                        	    'paramsValidator' : "{'nomChamp' : '"~ 'Date Enregistrement' | trad ~"'}",
                        	}) }}
                        </div>
                    </div>
                    
                </div>
                
                <ul class="nav nav-tabs sous_onglet">
                	<li id="onglet_Article" class="active"><a data-toggle="tab" href="#Article">{{ 'Article' | trad }}</a></li>
                	<li id="onglet_Detail"><a data-toggle="tab" href="#Param">{{ 'Paramètres' | trad }}</a></li>
                	<li id="onglet_Fournisseur"><a data-toggle="tab" href="#Fournisseur">{{ 'Fournisseur' | trad }}</a></li>
                	<li id="onglet_Info"><a data-toggle="tab" href="#Imput">{{ 'Imputations' | trad }}</a></li>
                	<li id="onglet_Livraison"><a data-toggle="tab" href="#Adresses">{{ 'Adresses' | trad }}</a></li>
                	<li id="onglet_CondPart"><a data-toggle="tab" href="#CondPart">{{ 'Cond. Part.' | trad }}</a></li>
                	<li id="onglet_CondPart"><a data-toggle="tab" href="#Detail">{{ 'Détails' | trad }}</a></li>
                	<li id="onglet_Supp"><a data-toggle="tab" href="#Supp">{{ 'Chps supp.' | trad }}</a></li>
                </ul>
                <div class="tab-content">
                
                	{# ################################################# #}
                	{# ##################### ARTICLE ################### #}
                	{# ################################################# #}

                    <div id="Article" class="tab-pane active in clearfix">
                        <table class="table table-hover tableForm" id='ligneCde'>
                          	<thead class="thead-dark">
                                <tr>
                                    <th scope="col">{{ 'Ligne' | trad }}</th>
                                    <th scope="col">{{ 'Article' | trad }}</th>
                                    <th scope="col">{{ 'Desig. Article' | trad }}</th>
                                    <th scope="col" class="align-right" width="100px">{{ 'Quantité' | trad }}</th>
                                    <th scope="col" width="100px">{{ 'Unité' | trad }}</th>
                                    <th scope="col" class="align-right" width="120px">{{ 'Prix unitaire' | trad }}</th>
                                    <th scope="col" class="align-right" width="120px">{{ 'Remise' | trad }}</th>
                                    <th scope="col" class="align-right" width="120px">{{ 'Section' | trad }} {{ entete.DEVISE }}</th>
                                </tr>
                          	</thead>
                          	{% for ligne in lignes %}
                          		{% set index = loop.index %}
                          		{% include '@DemandeAchat/CreationFormulaire/DetailLigne.twig' %}
                          	{% endfor %}
                      	</table>
                    </div>

					{# ################################################# #}
                	{# #################### PARAMETRES ################# #}
                	{# ################################################# #}

                    <div id="Param" class="tab-pane fade clearfix box-form odd">
						<fieldset class="scheduler-border">
							<legend class="scheduler-border">{{ 'Gestion du formulaire' | trad }}</legend>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Duplication autorisée ?' | trad,
										'name' : 'DUPLIUTI',
										'value' : entete.DUPLIUTI,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Formulaire personnel ?' | trad,
										'name' : 'FORMPERSO',
										'value' : entete.FORMPERSO,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Accessible à tous ?' | trad,
										'name' : 'ACCETOUS',
										'value' : entete.ACCETOUS,
									}) }}
								</div>
							</div>
						</fieldset>
						<fieldset class="scheduler-border">
							<legend class="scheduler-border">{{ 'Pour les lignes de DA' | trad }}</legend>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou Création de lignes ?' | trad,
										'name' : 'VERCRELIG',
										'value' : entete.VERCRELIG,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou Quantité ?' | trad,
										'name' : 'VERQTECO',
										'value' : entete.VERQTECO,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou Désignation complémentaire ?' | trad,
										'name' : 'VERDESCO',
										'value' : entete.VERDESCO,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou Champs spécifiques ?' | trad,
										'name' : 'VERTETCS',
										'value' : entete.VERTETCS,
									}) }}
								</div>
							</div>
						</fieldset>
                    </div>
                    
                    {# ################################################# #}
                	{# ################### FOURNISSEUR ################# #}
                	{# ################################################# #}
                    
                    <div id="Fournisseur" class="tab-pane fade clearfix box-form">
                    	<div class="clearfix">
                        	<div class="colonne2">
                            	<div class="row">
								{# TODO REVOIR LES FILTRES #}
									{{ inputAdvance('ZOOMADVANCE', {
										'titre' : 'Accord-cadre' | trad,
										'name' : 'ACC_CADRE',
										'pahtZoom' : path('Ajax.liste.accadre'),
										'paramZoom' : "{'CODE_STE': '"~ entete.CODE_STE ~"', 'CENTRE_EMETTEUR': $('#input_DAENT_CENTRE_EMETTEUR').val(), 'CENTRE_LIVRAISON': $('#input_CTR_LIV').val(), 'FS_ACD_EXISTE' : '1'}",
										'entity' : 'Acccadre',
										'titleZoom' : 'Liste des accords-cadres' | trad,
										'pathConvert' : path('Ajax.outil.convertLibelle'),
										'convertLibelle' : 'convertLibelleGlobal',
										'pathValidator' : path('Ajax.validator.accordCadre'),
										'paramsValidator' : "{'nomChamp' : '"~ 'Accord-cadre' | trad ~"', 'null' : true, 'CODE_STE': '"~ entete.CODE_STE ~"', 'CENTRE_EMETTEUR': $('#input_DAENT_CENTRE_EMETTEUR').val(), 'CENTRE_LIVRAISON': $('#input_CTR_LIV').val(), 'FS_ACD_EXISTE' : '1', 'PROSPECT' : '"~ (entete.CODE_CHIF_EXEC == 'E' ? 'F' : '')  ~"'}",
										'value' : entete.ACC_CADRE,
									}) }}
								</div>
								<SCRIPT>
									$('#input_ACD').change(function(){
										$.ajax({
											dataType : 'html',
											url: window.location.pathname,
											data: $('#form_creationFormulaire').serialize() + "&MODE=ChangeAcd", 
											type: "POST",
											success: function(result){        	  		;
												refreshFonction('fournisseurDiv', result);
											}
										});
									});
								</SCRIPT>
							</div>
                        	<div class="colonne2">
                                <div class="row" id="fournisseurDiv">
                                    {{ inputAdvance('ZOOMADVANCE', {
										'titre' : 'Fournisseur' | trad,
										'name' : 'CODE_FOU',
										'pahtZoom' : path('Ajax.liste.fournisseur'),
										'paramZoom' : "{'filter_egal_PROSPECT' : '"~ (entete.CODE_CHIF_EXEC == 'E' ? 'F' : '')  ~"', 'valide' : 1, 'ACD_FG' : '"~ param.ACD_FG ~"'}",
										'entity' : 'Fourniss',
										'titleZoom' : 'Liste des fournisseurs' | trad,
										'pathConvert' : path('Ajax.outil.convertLibelle'),
										'convertLibelle' : 'convertLibelleGlobal',
										'pathValidator' : path('Ajax.validator.fournisseur'),
										'paramsValidator' : "{'nomChamp' : '"~ 'Fournisseur' | trad ~"', 'null' : "~ (param.OBLIG_FOU ? 'false' : 'true') ~", post : {'filter_egal_PROSPECT' : '"~ (entete.CODE_CHIF_EXEC == 'E' ? 'F' : '')  ~"', 'valide' : 1, 'ACD_FG' : '"~ param.ACD_FG ~"', 'messageCompl' : '"~ param.messageCompl ~"'} }",
										'value' : entete.CODE_FOU,
										'option' : param.LOCK_FOU? 'readOnly' : '',																	
										'obligatoire' : param.OBLIG_FOU,
									}) }}
                                </div>
                        	</div>
							
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('ZOOMADVANCE', {
										'titre' : 'Devise' | trad,
										'name' : 'DEVISE',
										'pahtZoom' : path('Ajax.liste.devise'),
										'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' : true}",
										'value' : entete.DEVISE,
									}) }}
								</div>
                        	</div>
                    	</div>
                    </div>                    

                    {# ################################################# #}
                	{# ################## IMPUTATIONS ################## #}
                	{# ################################################# #}

                    <div id="Imput" class="tab-pane fade clearfix box-form odd">
                        {% if param.SI_ACTIF %}
						<div class="clearfix">
							<div class="row single">
								{{ inputAdvance('ZOOMADVANCE', {
									'titre' : 'Section d\'imputation' | trad,
									'name' : 'SECTIMP',
									'value' : entete.SECTIMP,
									'pahtZoom' : path('Ajax.liste.si'),
									'paramZoom' : "{'si_valide': 'on', 'CODE_STE' : '"~ entete.CODE_STE ~"', 'showFiltreDate': '1'}",
									'titleZoom' : 'Liste des sections imputation' | trad,
									'entity' : 'Sectimpu',
                                    'codeSte' : entete.CODE_STE,
									'pathConvert' : path('Ajax.outil.convertLibelle'),
									'convertLibelle' : 'convertLibelleGlobal',
									'pathValidator' : path('Ajax.validator.sectionImputation'),
									'paramsValidator' : "{'nomChamp' : '"~ 'Section imputation' | trad ~"', 'null' : true, 'filter_egal_CODE_STE' : '"~ entete.CODE_STE ~"', 'min_bloquant' : '"~ param.MIN_SI_BLOQUANT ~"', 'max_bloquant' : '"~ param.MAX_SI_BLOQUANT ~"'}",
									'widthPopup' : 'modal_large',
									'option' : param.LOCK_SI? 'readOnly':'',
									'codeSte' : entete.CODE_STE,
								}) }}
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou ?' | trad,
										'name' : 'VERSI',
										'value' : entete.VERSI,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou ligne ?' | trad,
										'name' : 'VERSIL',
										'value' : entete.VERSIL,
									}) }}
								</div>
							</div>
						</div>
						{% endif %}
						{% if param.CDC_ACTIF %}
						<div class="clearfix border-top">
							<div class="row single">
								{{ inputAdvance('ZOOMADVANCE', {
									'titre' : 'Code complémentaire' | trad,
									'name' : 'CODECOMP',
									'value' : entete.CODECOMP,
									'pahtZoom' : path('Ajax.liste.cdc'),
									'paramZoom' : "{'cdc_valide': 'on', 'CODE_STE' : '"~ entete.CODE_STE ~"', 'showFiltreDate': '1'}",
									'titleZoom' : 'Liste des codes complémentaires' | trad,
									'entity' : 'codeComp',
									'pathConvert' : path('Ajax.outil.convertLibelle'),
									'convertLibelle' : 'convertLibelleGlobal',
									'pathValidator' : path('Ajax.validator.codeComplementaire'),
									'paramsValidator' : "{'entity' : 'codeComp', 'nomChamp' : '"~ 'Code complémentaire' | trad ~"', 'null' : true, 'filter_egal_CODE_STE' : '"~ entete.CODE_STE ~"', 'min_bloquant' : '"~ param.MIN_CDC_BLOQUANT ~"', 'max_bloquant' : '"~ param.MAX_CDC_BLOQUANT ~"'}",
									'widthPopup' : 'modal_large',
									'option' : param.LOCK_CDC? 'readOnly':'',
									'codeSte' : entete.CODE_STE,
								}) }}
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou ?' | trad,
										'name' : 'VERCDC',
										'value' : entete.VERCDC,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou ligne ?' | trad,
										'name' : 'VERCDCL',
										'value' : entete.VERCDCL,
									}) }}
								</div>
							</div>
						</div>
						{% endif %}
						{% if param.SCA_ACTIF %}
						<div class="clearfix border-top">
							<div class="row single">
								{{ inputAdvance('ZOOMADVANCE', {
									'titre' : 'Sous compte d\'analyse' | trad,
									'name' : 'SSCPTEANA',
									'pahtZoom' : path('Ajax.liste.sca'),
									'paramZoom' : "{'sca_valide': 'on', 'CODE_STE' : '"~ entete.CODE_STE ~"', 'showFiltreDate': '1'}",
									'entity' : 'Sscptana',
									'titleZoom' : 'Liste des sous comptes d\'analyse' | trad,
									'pathConvert' : path('Ajax.outil.convertLibelle'),
									'convertLibelle' : 'convertLibelleGlobal',
									'pathValidator' : path('Ajax.validator.sousCompteAnalyse'),
									'paramsValidator' : "{'nomChamp' : '"~ 'Sous compte analyse' | trad ~"', 'null' : true, 'filter_egal_CODE_STE' : '"~ entete.CODE_STE ~"', 'min_bloquant' : '"~ param.MIN_SCA_BLOQUANT ~"', 'max_bloquant' : '"~ param.MAX_SCA_BLOQUANT ~"'}",
									'value' : entete.SSCPTEANA,
									'option' : param.LOCK_SCA? 'readOnly':'',
									'codeSte' : entete.CODE_STE,
								}) }}
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou ?' | trad,
										'name' : 'VERSCA',
										'value' : entete.VERSCA,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou ligne ?' | trad,
										'name' : 'VERSCAL',
										'value' : entete.VERSCAL,
									}) }}
								</div>
							</div>
						</div>
						{% endif %}
                    </div>

					{# ################################################# #}
                	{# ###################### ADRESSE ################## #}
                	{# ################################################# #}
                    
                    <div id="Adresses" class="tab-pane fade clearfix box-form">
                    	<div class="clearfix">
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SELECT', {
											'titre' : 'Centre de livraison' | trad,
											'name' : 'TYPCTRLI',
											'listeValue' : tabInitCentreLivraison,
											'value' : entete.TYPCTRLI ?? '',
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('ZOOMADVANCE', {
										'titre' : 'Centre de livraison' | trad,
										'name' : 'CTR_LIV',
										'pahtZoom' : path('Ajax.liste.centreLivraison'),
										'paramZoom' : "{'code_ste' : '"~ entete.CODE_STE ~"', 'filter_egal_LIVRAISON' : 'T'}",
										'entity' : 'Centre',
										'titleZoom' : 'Liste des centres de livraison' | trad,
										'pathConvert' : path('Ajax.outil.convertLibelle'),
										'convertLibelle' : 'convertLibelleGlobal',
										'pathValidator' : path('Ajax.validator.zoom'),
										'paramsValidator' : "{'entity' : 'Centre', 'nomChamp' : '"~ 'Centre de livraison' | trad ~"', 'post' : {'filter_egal_CODE_STE' : '"~ entete.CODE_STE ~"', 'filter_LIVRAISON' : 'T'}}",
										'value' : entete.CTR_LIV,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
										'titre' : 'Verrou ?' | trad,
										'name' : 'VERSCA',
										'value' : entete.VERSCA,
									}) }}
								</div>
							</div>
                    	</div>
                    </div>
                    
                    {# ################################################# #}
                	{# #################### Cond. PART ################# #}
                	{# ################################################# #}
                    
                    <div id="CondPart" class="tab-pane fade clearfix box-form">
						<div class="clearfix">
							
							<div class="colonne2">	
								<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' : entete.COND_PAIE,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<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' : entete.MODE_PAIE,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<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 livraison' | trad,
										'pathConvert' : path('Ajax.outil.convertLibelle'),
										'convertLibelle' : 'convertLibelleGlobal',
										'pathValidator' : path('Ajax.validator.zoom'),
										'paramsValidator' : "{'entity' : 'Modelivr', 'nomChamp' : '"~ 'Mode de livraison' | trad ~"', 'null' : false}",
										'value' : entete.MODE_LIV,
									}) }}
								</div>
							</div>
							<div class="colonne2">
								<div class="row">
								{# TODO A VERIFIER #}
									{{ 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' : '"~ 'Messages libres' | trad ~"', 'null' : true}",
										'value' : entete.COMM_LIBR,
									}) }}
								</div>
							</div>
                    	</div>
                    </div> 

					{# ################################################# #}
                	{# ##################### DETAIL ## ################# #}
                	{# ################################################# #}
                    
                    <div id="Detail" class="tab-pane fade clearfix box-form">
						<div class="colonne2">
                            <div class="row">
								{{ inputAdvance('TEXTE', {
									'titre' : 'Titre de DA' | trad,
									'name' : 'NMTITDOC',
									'value' : entete.NMTITDOC,
									'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
									'paramsValidator' : "{'nomChamp' : '"~ 'Zone libre DA' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '30'}",
								}) }}
                            </div>
						</div>
						<div class="colonne2">
							<div class="row">
								{{ inputAdvance('SWITCH', {
									'titre' : 'Verrou ?' | trad,
									'name' : 'VERTITDOC',
									'value' : entete.VERTITDOC,
								}) }}
							</div>
						</div>
						<div class="colonne2">
                            <div class="row">
								{# TODO A VERIFIER #}
								{{ inputAdvance('TEXTE', {
									'titre' : 'Commentaire de DA' | trad,
									'name' : 'NMCOMDOC',
									'value' : entete.NMCOMDOC,
									'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
									'paramsValidator' : "{'nomChamp' : '"~ 'Zone libre DA' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '30'}",
								}) }}
                            </div>
						</div>
						<div class="colonne2">
							<div class="row">
								{{ inputAdvance('SWITCH', {
									'titre' : 'Verrou ?' | trad,
									'name' : 'VERCOMDOC',
									'value' : entete.VERCOMDOC,
								}) }}
							</div>
						</div>
						<div class="colonne2">
							<div class="row">
								{{ inputAdvance('text', {
									'titre' : 'Délai de livraison' | trad,
									'name' : 'DELLIV',
									'value' : entete.DELLIV,
									'pathValidator' : path('Ajax.validator.integer'),
									'paramsValidator' : "{'nomChamp' : '"~ 'Délai de livraison' | trad ~"'}",
								}) }}
							</div>
						</div>
						<div class="colonne2">
							<div class="row">
								{{ inputAdvance('SWITCH', {
									'titre' : 'Verrou ?' | trad,
									'name' : 'VERDELIV',
									'value' : entete.VERDELIV,
								}) }}
							</div>
						</div>
						<div class="colonne2">
							<div class="row">
								{{ inputAdvance('ZOOMADVANCE', {
									'titre' : 'Type du document' | trad,
									'name' : 'TYP_DOC',
									'value' : entete.TYP_DOC,
									'pahtZoom' : path('Ajax.liste.typeDoc'),
									'titleZoom' : 'Liste des types de document' | trad,
									'entity' : 'typeDoc',
									'pathConvert' : path('Ajax.outil.convertLibelle'),
									'convertLibelle' : 'convertLibelleGlobal',
									'pathValidator' : path('Ajax.validator.zoom'),
									'paramsValidator' : "{'entity' : 'typeDoc', 'nomChamp' : '"~ 'Type de document' | trad ~"', 'null' : true}",
								}) }}
							</div>
                    </div>
						
                    </div>                   
                    
                    {# ################################################# #}
                	{# ######################### CS #################### #}
                	{# ################################################# #}
                    
                    <div id="Supp" class="tab-pane fade clearfix box-form">
        				{% if CSExist('DA_ENTET') %}
                			{{ inputCSAdvance({'codTab' : 'DA_ENTET', 'codeEnr' : numDA, 'colonneActif' : true }) }} 
        				{% endif %}
                    </div>
                    
                </div>
            </form>
        </div>
		
	</div>
{% endblock %}