<div id ="blocAbonnement" style="display:none;" >
	{% if param.affichageCommandeEproc %}
    <fieldset class="scheduler-border" id="fieldAbonnement">
        <legend class="scheduler-border" id="commandeEproc">{{'Commande Eproc' | trad }} <input type="checkbox" class="form-control checkbox" id="" name="commandeEproc" onclick="checkAbonnement('fieldAbonnement')"></legend>
        <div class="row">
            <div class="colonne2" style="width: 16%;">
                <label for="societe_post" style="width: 100%;">{{ 'Autorisations' | trad }} : </label>
            </div>
            <div class="colonne2 last">
                <div class="row">
                    {{ inputAdvance('SWITCH',{
                        'titre' : 'Ligne manuelle panier' | trad,
                        'name' : 'LIGNE_MANUELLE',
                        'value' : post.LIGNE_MANUELLE,
                        'option' : 'disabled',
                    }) }}
                </div>
                <div class="row">
                    {{ inputAdvance('SWITCH',{
                        'titre' : 'Ligne libre' | trad,
                        'name' : 'LIGNE_LIBRE',
                        'value' : post.LIGNE_LIBRE,
                        'option' : 'disabled',
                    }) }}
                </div>
            
            </div>
            <div class="colonne2 last" >
                <div class="row">
                	{{ inputAdvance('DEVISE',{
                	    'titre' : 'Seuil commande Eproc' | trad,
                	    'name' : 'CDE_EPROC',
                	    'value' : post.CDE_EPROC,
					    'pathValidator' : path('Ajax.validator.float'),
					    'paramsValidator' : "{'format' : "~getConst('formatMontant')~"}",
                	    'option' : 'disabled',
                	}) }}
                </div>
            </div>
        </div>
    </fieldset> 
    {% endif %}
    <fieldset class="scheduler-border" id="fieldAppro">
        <legend class="scheduler-border" id="moduleAppro">{{'Module d\'approvisionnement' | trad }} <input type="checkbox" class="form-control checkbox" id="" name="modeAppro" onclick="checkAbonnement('fieldAppro')"></legend>
        <div class="row" id ="checkApprovisionnement">
             <h4>{{'Reception d\'un email pour :' | trad }}</h4>
                <div class="colonne2 clearfix">
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Saisie/validation Bon de réception sur vos Demande d\'achat ?' | trad,
                            'name' : 'SAISIE_VALIDE',
                            'value' : post.SAISIE_VALIDE,
                            'option' : 'disabled',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Signature de vos Demande d\'achat ?' | trad,
                            'name' : 'SIGNA_DA',
                            'value' : post.SIGNA_DA,
                            'option' : 'disabled',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Demande d\'achat traitée ?' | trad,
                            'name' : 'DA_TRAIT',
                            'value' : post.DA_TRAIT,
                            'option' : 'disabled',
                        }) }}
                    </div>
                </div>
                <div class="colonne2 last">
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Comparatif Appel d\'offre ?' | trad,
                            'name' : 'COMP_AO',
                            'value' : post.COMP_AO,
                            'option' : 'disabled',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Signature de vos commande ?' | trad,
                            'name' : 'SIG_CDE',
                            'value' : post.SIG_CDE,
                            'option' : 'disabled',
                        }) }}
                    </div>
                </div>
        </div>
    </fieldset>
    <fieldset class="scheduler-border">
        <legend class="scheduler-border">{{'Module de saisie de réception' | trad}}<input type="checkbox" class="form-control checkbox" id="" name="mdouleSaisieRecep"</legend>
        <div class="row">
            <div class="colonne2">                
            </div>                                    
    </div>
        
    </fieldset>
    <fieldset class="scheduler-border" id="fieldSignature">
        <legend class="scheduler-border" id="moduleSignature">{{'Module de signatures' | trad}} <input type="checkbox" class="form-control checkbox" id="" name="ModuleSignature" onclick="checkAbonnement('fieldSignature')"></legend>
        <div class="row">
             <h4>{{'Vous êtes signataires de' | trad ~ colon() }} </h4>
             {# <label for="imgSig_post">{{'Fichier image de votre signature :' | trad }}</label> #}
              <div class="colonne2 clearfix">
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Demande d\'achat' | trad,
                            'name' : 'DEMANDE_ACHAT',
                            'value' : post.DEMANDE_ACHAT,
                            'option' : 'disabled',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Commande' | trad,
                            'name' : 'COMMANDE',
                            'value' : post.COMMANDE,
                            'option' : 'disabled',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Bon à payer' | trad,
                            'name' : 'BONAP',
                            'value' : post.BONAP,
                            'option' : 'disabled',
                        }) }}
                    </div>
                </div>
                <div class="colonne2 last">
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Recevoir un e-mail pour DA à signer ?' | trad,
                            'name' : 'DA_SIG',
                            'value' : post.DA_SIG,
                            'option' : 'disabled',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Recevoir un e-mail pour CDE à signer ?' | trad,
                            'name' : 'CDE_SIG',
                            'value' : post.CDE_SIG,
                            'option' : 'disabled',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH',{
                            'titre' : 'Recevoir un e-mail pour BAP à signer ?' | trad,
                            'name' : 'BAP_SIG',
                            'value' : post.BAP_SIG,
                            'option' : 'disabled',
                        }) }}
                    </div>
                   
                </div>
            </div>
            <div class="single row">
                {{ inputAdvance('FILE', {
                    'titre' : 'Fichier image de votre signature :' | trad,
                    'name' : 'uploadImageSignature',
                    'format' : 'image',
                    'option' : 'disabled',
                }) }}
            </div>
 
    </fieldset>
    <fieldset class="scheduler-border" id="fieldBonSortie">
        <legend class="scheduler-border" id="bonDeSortie">{{'Module de suivi des bon de sortie' | trad}} <input type="checkbox" class="form-control checkbox" id="" name="ModuleSuivi" onclick="checkAbonnement('fieldBonSortie')"></legend>
            <div class="colonne2 row">
                {{ inputAdvance('zoomAdvance', {
                    'titre' : 'Site de stock',
          		    'name' : 'SITE_STK',
          		    'pahtZoom' : path('Ajax.liste.sitesto'),
                    'paramZoom' : "{'filter_CODE_STE' : $('#input_SOCIETE').val()}",
        	     	'pathConvert' : path('Ajax.outil.convertLibelle'),
             		'convertLibelle' : 'convertLibelleGlobal',
        		    'pathValidator' : path('Ajax.validator.zoom'),
        		    'paramsValidator' : "{'entity' : 'SsItesto','nomChamp' : 'Site de stock', 'null' : true}",
        		    'entity' : 'SsItesto',
        		    'titleZoom' : 'Liste des sites de stock',
        		    'value' : post.SITE_STK,
        		    'option' : 'disabled'
                }) }}
            </div>
    </fieldset>

  

    <div class="row">
        <button type="button" onClick="goToStep3('{{ path('Index.CreationCompte.ajaxAbonnements') }}');" class ="button principal button_right" >{{'Etape 3' | trad}}</button>
        <button type="button" onClick="backToStep1();" class ="button secondaire button_right" >{{'Etape 1' | trad }}</button>
    </div> 
</div>  
<script>
function backToStep1()
{
	$('#blocAbonnement').hide();
	$('#blocCordonne').show();

	$('#subAr2').removeClass('active');
	$('#subAr2 a').addClass('sans_hover');
	$('#subAr1').addClass('active');
	$('#subAr1 a').removeClass('sans_hover');
}
function goToStep3(path)
{
    var form = $('#formCreationCompte')[0];

	// Create an FormData object 
    var data = new FormData(form);
    data.append("importuploadImageSignature", $("#importuploadImageSignature").get(0).files[0]);

    $.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){
    		$('#blocAbonnement').hide();
    		$('#blocMdp').show();

    		$('#subAr2').removeClass('active');
	        $('#subAr2 a').addClass('sans_hover');
    		$('#subAr3').addClass('active');
            $('#subAr3 a').removeClass('sans_hover');

    		window.scrollTo(0, 0); 
    	}
    });
}

</script>