{% extends 'layout.twig' %}
     
{% block body %}

	<div class="contenu clearfix"  id="fournisseurs">
    	<h1>
        	{{ 'Paramétrage portail fournisseur' | trad }}
        </h1>
    
        {{ ariane() }}
        
        <div class="tab-content clearfix" style="margin-top:15px;">        	
        	{{ arianeSub() }}
        
        	<div class="padding15">
            	<form method="post" name="form_fournisseur" id="form_fournisseur" enctype="multipart/form-data" class="bg_form padding_form border_form clearfix" >

                	<div class="single row">
      					{{ inputAdvance('TEXT',{
          					'titre' : 'Nom de l\'onglet navigateur OXA.LINK' | trad,
      					    'name' : 'ONGLET_NAV',
      					    'value' : post.ONGLET_NAV,
      					    'pathValidator' : path('Ajax.validator.isStringAvecEspace'), 
      					    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '100'}"
      					}) }}
                	</div>
                	
                	<div class="single row">
                		{{ inputAdvance('SELECT', {
                		    'titre' : 'Couleur OXA.LINK' | trad,
                		    'name'  : 'COULEUR_OXALINK',
                		    'value' : post.COULEUR_OXALINK,
                		    'listeValue' : liste_COULEUR_OXALINK
                		}) }}
                	</div>
                	
                	<div class="single row">
                		{{ inputAdvance('SELECT', {
                		    'titre' : 'Page d\'accueil' | trad,
                		    'name'  : 'PAGE_ACCUEIL',
                		    'value' : post.PAGE_ACCUEIL,
                		    'listeValue' : liste_PAGE,
                		    'optionVide' : true,
                		}) }}
                	</div>
                	
                	<div class="single row">
                		{{ inputAdvance('SELECT', {
                		    'titre' : 'Page de référencement' | trad,
                		    'name'  : 'PAGE_REFERENCEMENT',
                		    'value' : post.PAGE_REFERENCEMENT,
                		    'listeValue' : liste_PAGE,
                		    'optionVide' : true,
                		}) }}
                	</div>
                	
                	<div class="clearfix colonne2 row" style="margin-left:0;">
                		{{ inputAdvance('switch', {
                		    'titre' : 'Suivre les factures jusqu\'au règlement ? (sinon, le suivi s\'arrête au BAP)' | trad,
							'name' : 'FACT_SUIVIREG',
							'value' : post.FACT_SUIVIREG,
						}) }}
                	</div>

                	<div class="clearfix colonne2 row" style="margin-left:0;">
                		{{ inputAdvance('switch', {
                		    'titre' : 'Affichage détaillé des statuts de document ?' | trad,
							'name' : 'FACT_STATUT',
							'value' : post.FACT_STATUT,
						}) }}
                	</div>

                	<div class="clearfix colonne2 row" style="margin-left:0;">
                		{{ inputAdvance('switch', {
                		    'titre' : 'Affichage de la date d\'enregistrement de la facture ?' | trad,
							'name' : 'FACT_DATE_ENREG',
							'value' : post.FACT_DATE_ENREG,
						}) }}
                	</div>
                	
                	<div class="clearfix single row">
      					{{ inputAdvance('TEXT',{
          					'titre' : 'Email LAD par défaut' | trad,
      					    'name' : 'MAIL_DEFAUT',
      					    'value' : PAR_DEFAUT,
      					    'pathValidator' : path('Ajax.validator.adresseMail'), 
      					    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '100','type' : true}"
      					}) }}
                	</div>
                	<a class="button principal button_right"  style="margin-bottom:10px;" href="{{ path('Parametrage.ParametrageOxalink.paramMail') }}">{{ 'Email par société' | trad }}</a>
                	
                	
                	
                	<div class="single row clearfix" style="display:flex;">
                		{{ inputAdvance('FILE', {
                			'name' : 'BANDEAU_OXALINK', 
                			'titre' : 'Bandeau OXA.LINK' | trad, 
                			'format' : 'image', 
                			'value' : post.BANDEAU_OXALINK,
                			'iconeLabel' : 'image-Preview.svg',
							'idIconeLabel' : 'button_Bandeau',
                		}) }}
                		
                		<button type="button" class="button secondaire deleteImage" onClick="deleteImage('BANDEAU_OXALINK');">{{ 'Effacer l\'image' | trad }}</button>
                	</div>
                	
                	<script>
						$('#button_Bandeau').click(function(){
							$('#imageBandeau').show();$('#button_Bandeau').hide();
						});
                	</script>
                	<div id="imageBandeau" class="single row apercu_image" style="display:none;">
						{{ displayImgOxadata(image['BANDEAU_OXALINK']) }}
                    	
                    	<div class="button_right full validation_modal">
                        	<button class="button principal button_right" type="button" onClick="$('#imageBandeau').hide();$('#button_Bandeau').show();">{{ 'Fermer' | trad }}</button>
                    	</div>
                	</div>
                	
                	<div class="single row" style="display:flex;">
                		{{ inputAdvance('FILE', {
                			'name' : 'BG_ACCUEIL_OXALINK', 
                			'format' : 'image', 
                			'titre' : 'Image d\'accueil OXA.LINK' | trad, 
                			'value' : post.BG_ACCUEIL_OXALINK,
                			'iconeLabel' : 'image-Preview.svg',
							'idIconeLabel' : 'button_BgAccueil',
                		}) }}
                		<button type="button" class="button secondaire deleteImage" onClick="deleteImage('BG_ACCUEIL_OXALINK');">{{ 'Effacer l\'image' | trad }}</button>
                	</div>
                	
                	<script>
						$('#button_BgAccueil').click(function(){
							$('#imageBgAccueil').show();$('#button_BgAccueil').hide();
						});
                	</script>
                	<div id="imageBgAccueil" class="single row apercu_image" style="display:none;">
                    	{{ displayImgOxadata(image['BG_ACCUEIL_OXALINK']) }}
                    	
                    	<div class="button_right full validation_modal">
                        	<button class="button principal button_right" type="button" onClick="$('#imageBgAccueil').hide();$('#button_BgAccueil').show();">{{ 'Fermer' | trad }}</button>
                    	</div>
                	</div>

            		<button class="button principal button_right" type="button" onClick="sendFormParametrage('{{ path('Parametrage.ParametrageOxalink.index') }}');">{{ 'Enregistrer' | trad }}</button>
            	
            	</form>
        	</div>
        	
        	<div id="theDiv">
        	</div>
        	
        </div>
        
    </div>
	<script>


    	function deleteImage(inputName)
    	{
    		$('#import'+inputName).val('');
    		$('#file_name'+inputName).val('');
    		$('#text_'+inputName).html('{{ 'Déplacez votre fichier ici, ou bien cliquez pour ajouter.' | trad }}');
    	}

	
		function sendFormParametrage(path)
		{
			jForm.append("ONGLET_NAV", $('[name="ONGLET_NAV"]').val());
			jForm.append("COULEUR_OXALINK", $('[name="COULEUR_OXALINK"]').val());
			jForm.append("PAGE_ACCUEIL", $('[name="PAGE_ACCUEIL"]').val());
			jForm.append("PAGE_REFERENCEMENT", $('[name="PAGE_REFERENCEMENT"]').val());
			jForm.append("MAIL_DEFAUT", $('[name="MAIL_DEFAUT"]').val());
			jForm.append("file_nameBANDEAU_OXALINK", $('[name="file_nameBANDEAU_OXALINK"]').val());
			jForm.append("file_nameBG_ACCUEIL_OXALINK", $('[name="file_nameBG_ACCUEIL_OXALINK"]').val());
			
			if($('[name="FACT_SUIVIREG"]').is(':checked'))
			{
    			jForm.append("FACT_SUIVIREG", $('[name="FACT_SUIVIREG"]').val());
			}

			if($('[name="FACT_STATUT"]').is(':checked'))
			{
    			jForm.append("FACT_STATUT", $('[name="FACT_STATUT"]').val());
			}

			if($('[name="FACT_DATE_ENREG"]').is(':checked'))
			{
    			jForm.append("FACT_DATE_ENREG", $('[name="FACT_DATE_ENREG"]').val());
			}
			

			activeLoader();
			$.ajax({
			  	dataType : 'html',
		        type: 'POST',
			  	//dataType : 'JSON',
		        data: jForm,
		        mimeType: "multipart/form-data",
		        contentType: false,
		        cache: false,
		        processData: false,
				url: path,
				success: function(result){
					/*refreshFonction('imageBandeau', result);
					refreshFonction('imageBgAccueil', result);
					desactiveLoader();*/
					alert("{{ 'Vos modifications sont prises en compte.' | trad }}");
					/* TODO REPORT AD*/
					location.reload();
				},
		        error: function (data){
					$("#modal-content").removeClass('modal_large modal_small').addClass('modal_small');
					$("#modal-body").html(data.responseText);
					activePopup ();
					desactiveLoader();
		        }
			});
		}
	
       	{% if erreur %}
            	activePopupErreur("{{ path('Ajax.Erreur.popupErreurValid') }}", "{{'Erreur lors de la validation !' | trad }} ", "{{erreur | raw}}");
        {% endif %}
    </script>
{% endblock %}