<div id ="blocCordonne">
    <fieldset class="scheduler-border" id="fieldCordonne">
        <legend class="scheduler-border">{{'Coordonnées' | trad }}</legend>
        <div class="clearfix">
            <div class="colonne2">
       
                <div class="row">
                    {{ inputAdvance('TEXTE', {
                        'name' : 'NOM',
                        'titre' : 'Nom' | trad, 
                        'obligatoire' : true,
                        'value' : post.NOM
                    }) }}	
                </div>
                <div class="row">
                      {{ inputAdvance('TEXTE', {
                        'titre' : 'Téléphone fixe' | trad,
                        'name' : 'TEL_FIX',
                        'value' : post.TEL_FIX
                    }) }}	
                </div>
                <div class="row">
                      {{ inputAdvance('TEXTE', {
                        'titre' : 'Fax' | trad,
                        'name' : 'FAX',
                        'value' : post.FAX
                    }) }}		
                </div>
                <div class="row">
                    {{ inputAdvance('TEXTE', {
                        'name' : 'MAIL',
                        'titre' : 'Mail' | trad, 
                        'obligatoire' : true,
                        'value' : post.MAIL
                    }) }}		
              	</div>
            </div>
            <div class="colonne2 last">
                <div class="row">
                       {{ inputAdvance('TEXTE', {
                        'name' : 'PRENOM',
                        'titre' : 'Prénom' | trad, 
                        'obligatoire' : true,
                        'value' : post.PRENOM
                    }) }}	
                </div>
                <div class="row">
                      {{ inputAdvance('TEXTE', {
                        'titre' : 'Téléphone mobile' | trad,
                        'name' : 'TEL_MOB',
                        'value' : post.TEL_MOB
                    }) }}	
                </div>
                <div class="row">
                    {{ inputAdvance('ZOOM', {
                            'name' : 'FONCTION',
                            'titre' : 'Fonction' | trad, 
                            'value' : post.NOM,
                            'titleZoom' : 'Liste fonctions' | trad,
                            'pahtZoom' : path('Ajax.liste.fonctionUser'),
                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '40'}",
                            'option' : contactNoEdit,
                     }) }}		
                </div>
            </div>
		</div>
		<hr>
         <div id="axeImputation" class="clearfix">
            <div class="colonne2">
                <div class="row">
                       {{ inputAdvance('ZOOMADVANCE', {
                        'name' : 'SOCIETE',
                        'titre': 'Société' | trad,
                        'obligatoire' : true,
                        'pahtZoom' : path('Ajax.liste.societe'),
                        'entity' : 'Societe',
                        'titleZoom' : 'Liste des sociétés' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'convertLibelle' : 'convertLibelleGlobal',
                        'pathValidator' : path('Ajax.validator.zoom'),
                        'paramsValidator' : "{'entity' : 'Societe','nomChamp' : 'Societe', 'messageSpecifique' : ' "~'ne correspond pas à un code existant dans la liste des Sociétés' | trad~"'}",
                        'value' : post.SOCIETE
                    }) }}	
                </div>
                <div class="row">
                      {{ inputAdvance('ZOOMADVANCE', {
                            'titre' : 'Section d\'imputation' | trad,
                            'name' : 'SI',
                            'pahtZoom' : path('Ajax.liste.si'),
                            'entity' : 'Sectimpu',
                            'codeSte' : post.SOCIETE,
                            'paramZoom' : "{'CODE_STE' : $('#input_SOCIETE').val(),'codeSte' : $('#input_SOCIETE').val() , 'si_valide' : '1'}",
                            'titleZoom' : 'Liste des sections d\'imputation' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.sectionImputation'),
                            'paramsValidator' : "{'nomChamp' : '"~ 'Section d\'imputation' | trad |e('js')|raw ~"', 'null' : true, 'CODE_STE' : $('#input_SOCIETE').val()}",
                            'value' : post.SI,
                            'option' : 'disabled',
                            'widthPopup' : 'modal_large',
                            'codeSte' : post.SOCIETE,
                            'faceAttr' : {
                                'data-stelink' : 'input_SOCIETE',
                            },
                    }) }}	
                </div>
                <div class="row">
                     {{ inputAdvance('ZOOMADVANCE', {
                        'titre' : 'Centre Emetteur' | trad,
                        'name' : 'Emtteur',
                        'pahtZoom' : path('Ajax.liste.centreEmetteur'),
                        'entity' : 'Centre',
                        'paramZoom' : "{'CODE_STE' : $('#input_SOCIETE').val(),'code_ste' : $('#input_SOCIETE').val() }",
                        'titleZoom' : 'Liste des centres émetteurs' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'convertLibelle' : 'convertLibelleGlobal',
                        'pathValidator' : path('Ajax.validator.zoom'),
                        'paramsValidator' : "{'entity' : 'Centre','nomChamp' : 'Centre Emetteur', 'post' : {'filter_EMISSION' : 'T', 'filter_egal_CODE_STE' : $('#input_SOCIETE').val()}}",
                        'value' : post.Emtteur,
                        'obligatoire' : true,
                        'option' : 'disabled',
                    }) }}
                </div>
                {% if param['choixSupHier'] == 1 and param['choixUO'] == 1 %}
                        <hr>
                {% endif %}
                
                {% if param['choixSupHier'] == 1 %}
                  <div class="row">
                
                    {{ inputAdvance('ZOOMADVANCE', {
                        'titre' : 'Supérieur Hiérarchique' | trad ,
                        'name' : 'SUPHIERARCHIQUE',
                        'obligatoire': true,
                        'pahtZoom' : path('Ajax.liste.utilisateur'),
                        'paramZoom' : "{'USRSUPHIE' : 'T', 'CODE_STE' : $('#input_SOCIETE').val()}",
                        'entity' : 'Hastutil',
                        'titleZoom' : 'Liste des supérieurs hiérarchiques' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'convertLibelle' : 'convertLibelleGlobal',
                        'pathValidator' : path('Ajax.validator.zoom'),
                        'paramsValidator' : "{'entity' : 'Hastutil','nomChamp' : 'Supérieur Hiérarchique'}",
                        'value' : post.TYPEMARC,
                        'option' : 'disabled',
                    }) }}		
                    	
                </div>
                {% endif %}                                               
               
            </div>

            <div class="colonne2 last">
                <div class="row">
                    {{ inputAdvance('ZOOMADVANCE', {
                        'titre' : 'Code Complémentaire' | trad ,
                        'name' : 'CDC',
                        'pahtZoom' : path('Ajax.liste.cdc'),
                        'entity' : 'Codecomp',
                        'codeSte' : post.SOCIETE,
                        'titleZoom' : 'Liste des codes complémentaires' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'convertLibelle' : 'convertLibelleGlobal',
                        'paramZoom' : "{'CODE_STE' : $('#input_SOCIETE').val(),'filter_egal_CODE_STE' : $('#input_SOCIETE').val(), 'cdc_valide' : '1' }",
                        'pathValidator' : path('Ajax.validator.codeComplementaire'),
                        'paramsValidator' : "{'nomChamp' : '"~ 'Code complémentaire' | trad ~"', 'null' : true, 'CODE_STE' : $('#input_SOCIETE').val()}",
                        'value' : post.CDC,
                        'option' : 'disabled',
                        'widthPopup' : 'modal_large',
                        'codeSte' : post.SOCIETE,
                        'faceAttr' : {
                            'data-stelink' : 'input_SOCIETE',
                        },
                    }) }}
                </div>
        
                <div class="row">
                    {{ inputAdvance('ZOOMADVANCE', {
                        'titre' : 'Sous-compte d\'analyse' | trad,
                        'name' : 'SCA',
                        'pahtZoom' : path('Ajax.liste.sca'),
                        'entity' : 'Sscptana',
                        'codeSte' : post.SOCIETE,
                        'paramZoom' : "{'codeSte' : $('#input_SOCIETE').val(),'CODE_STE' : $('#input_SOCIETE').val(), 'sca_valide' : '1' }",
                        'titleZoom' : 'Liste des sous-comptes d\'analyse' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'convertLibelle' : 'convertLibelleGlobal',
                        'pathValidator' : path('Ajax.validator.sousCompteAnalyse'),
                        'paramsValidator' : "{'nomChamp' : '"~ 'Sous compte d\'analyse' | trad |e('js')|raw ~"', 'null' : true, 'CODE_STE' : $('#input_SOCIETE').val(),'valide_obligatoire' : '0'}",
                        'value' : post.SDC,
                        'option' : 'disabled',
                        'widthPopup' : 'modal_large',
                        'codeSte' : post.SOCIETE,
                        'faceAttr' : {
                            'data-stelink' : 'input_SOCIETE',
                        },
                    }) }}
                </div>
                <div class="row">
                    {{ inputAdvance('ZOOMADVANCE', {
                        'titre' : 'Centre de Livraison' | trad,
                        'name' : 'LIVRAISON',
                        'obligatoire': true, 
                        'pahtZoom' : path('Ajax.liste.centreLivraison'),
                        'entity' : 'Centre',
                        'paramZoom' : "{'code_ste' : $('#input_SOCIETE').val(),'filter_egal_CODE_STE' : $('#input_SOCIETE').val(), 'filter_LIVRAISON' : 'T'}",
                        '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 livraisons', 'post' : {'filter_LIVRAISON' : 'T', 'filter_egal_CODE_STE' : $('#input_SOCIETE').val()}}",
                        'value' : post.LIVRAISON,
                        'option' : 'disabled',
                    }) }}
                </div>
                <hr>
                {% if param['choixUO'] == 1 %}
                
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'Uo',
                            'titre' : 'Unité Organisationnelle' | trad,
                            'obligatoire': true,
                            'pahtZoom' : path('Ajax.Treeview.uoTreeview'),
                            'paramZoom' : "{'CODE_STE' : $('#input_SOCIETE').val(), 'input' : 'Uo','all' : '1' }",
                            'entity' : 'Uo',
                            'titleZoom' : 'Liste des unités organisationnelles' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Uo','nomChamp' : 'Unité Organisationnelle'}",
                            'value' : post.Uo,
                            'option' : 'disabled',
                        }) }}
                    </div>
                
                {% endif %}
                </div>   
                
                <script>
                	$('#input_SOCIETE').change(function(){
                		$('#axeImputation').find('input').each(function(ev){
                			if(ev!='0' && ev!='1')
                			{
                				if($('#input_SOCIETE').val())
                				{
                					$(this).attr('disabled', false);
                					$(this).parent().find('span').show();
                				}
                				else
                				{
                					$(this).attr('disabled', true);
                					$(this).parent().find('span').hide();
                				}
                			}
                		});
                	});
                </script>
                
            </div>
    </fieldset> 
    {% if param['MasquerSMTP'] != 1 %}
        <fieldset class="scheduler-border">
            <legend class="scheduler-border">{{'Messagerie' | trad }}</legend>
            <div class="row">
                <div class="colonne2">
                    <div class="row">
                        {{ inputAdvance('TEXTE', {
                            'titre' : 'Code Utilisateur' | trad,
                            'name' : 'CODE_UTILISATEUR',
                            'value' : post.CODE_UTLISATEUR
                        }) }}
                    </div>
                </div>
                <div class="colonne2 last">
                    <div class="row">
                        {{ inputAdvance('TEXTE', {
                            'titre' : 'Mot de passe' | trad,
                            'name' : 'MessagerieMdp',                                  
                            'value' : post.MessagerieMdp
                        }) }}
                    </div>
                    <div class="row">
                    <a href ="javascript:void(0)" onClick = "testSmtp();" class="form-control form-control-sm" id="buttonSmtp" style="width: 100px;float: right;background-color: silver;text-align:center;">{{'Test' | trad}}</a>
                    </div>
                </div>
            </div>
        </fieldset>
    {% else %}
        <input type="hidden" name="CODE_UTILISATEUR" value="" />
        <input type="hidden" name="MessagerieMdp" value="" />
    {% endif %}
    {% if DomaineFonctionnel %}
        <fieldset class="scheduler-border">
            <legend class="scheduler-border">{{'Domaines Fonctionnels' | trad}}</legend>
            <div class="row">
            <div class="colonne2">
                <div class="row">
                   	{{ 
                   	    inputAdvance('ZOOM', {
                   	        'titre' : 'Domaines Fonctionnels' | trad,
                   	        'name' : 'DOMFONCT',
                   	        'value' : post.DOMFONCT,
                   	        'pahtZoom' : path('GlobalApplication.MultiSelect.afficher'),
                   	        'paramZoom' : "{'titre' : 'Domaines Fonctionnels','value' : $('#input_DOMFONCT').val(),'entity' : 'DomaineFonctionnel'}",
                   	        'option' : 'desactiveSaisie',
                   	    })
                    }}
                </div>
              
        
        </div>
        </fieldset>
    {% endif %}
    <fieldset class="scheduler-border" id="fieldModeConnecion">
        <legend class="scheduler-border">{{'Mode de connexion' | trad}}</legend>
            {% if param['ssoActive'] == 1 %}
                <div class="colonne3">
                    <div class="row">
                        {{ inputSwitch('Single Sign-On ?' | trad, 'SingleOne', post.SingleOne | boolSql ) }}
                    </div>
                </div>
            {% endif %}
            {% if param.activeDirectory %}
                <div class="colonne3">
                    <div class="row">
                        {{ inputSwitch('Domaines Active Directory' | trad, 'ActiveDirectory', post.SingleOne | boolSql ) }}
                    </div>
                </div>
                <div class="colonne3">
                	{{ inputAdvance('SELECT',{
                	    'name' : 'DOMAINE',
                	    'listeValue' : listeDomaine,
                	    'value' : post.DOMAINE,
                	    'option' : 'disabled'
                	}) }}
                </div>
                <script>
					$('#input_ActiveDirectory').change(function(){
						if($(this).is(':checked'))
						{
							$('#input_DOMAINE').attr('disabled', false);
							
							$('#input_MDP').attr('disabled', true);
							$('#input_MDP_CONFIRM').attr('disabled', true);
							$('#validatorPassword').hide();
						}
						else
						{
							$('#input_DOMAINE').attr('disabled', true);
							
							$('#input_MDP').attr('disabled', false);
							$('#input_MDP_CONFIRM').attr('disabled', false);
							$('#validatorPassword').show();
						}
					});
                </script>
            {% endif %}
    </fieldset>
    
    <fieldset class="scheduler-border" id="fieldEnvoieMal">
        <legend class="scheduler-border">{{'Copie Cachée lors de l\'envoi des emails suivants' | trad}}</legend>
            <div class="colonne2">
                <div class="row">
                    {{ inputSwitch('Bons de commande envoyés aux fournisseurs' | trad, 'ENV_FOURN', pj.LECTURE | boolSql ) }}
                </div>
            </div>
            
    </fieldset>


    <div class="row">
        <a  onClick="goToStep2('{{ path('Index.CreationCompte.ajaxCoordonnees') }}');" class ="button principal button_right" >{{'Etape 2' | trad}}</a>
        <a href ="{{ path ('Contrat.marche.index') }}" class="button secondaire button_right" >{{'Retour' | trad }}</a>
    </div> 
    
    <script>
        function goToStep2(path)
        {
            var form = $('#formCreationCompte')[0];
    
        	// Create an FormData object 
            var data = new FormData(form);
            data.append("importuploadImageSignature", $("#importuploadImageSignature").get(0).files[0]);
    
            $('#formCreationCompte').find('input:not(:file), select, textarea').each(function(){
        		jForm.append($(this).attr('name'), $(this).val());
            });
    
        	$.ajax({
        	  	dataType : 'html',
            	url: path,
            	data: data,
            	type: "POST",
            	mimeType: "multipart/form-data",
                processData: false,  // Important!
                contentType: false,
                cache: false,
    
            	success: function(result){
                    $("#modal-content").addClass("modal_small");
            		$("#modal-body").html(result);
                    activePopup();
            	},
            	error: function (data){
            		$('#blocCordonne').hide();
            		$('#blocAbonnement').show();
    
            		$('#subAr1').removeClass('active');
	                $('#subAr1 a').addClass('sans_hover');
            		$('#subAr2').addClass('active');
            		$('#subAr2 a').removeClass('sans_hover');
            		
            		window.scrollTo(0, 0); 
            	}
            });
        }
    </script>
    
</div>