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

<link href="{{ baseUrl('ext/jodit/css/jodit.min.css') }}" rel="stylesheet">
<script src="{{ baseUrl('ext/jodit/js/jodit.min.js') }}"></script>

	<div class="contenu clearfix"  id="fournisseurs">
    	<h1>
        	{{ 'Paramétrage portail fournisseur' | trad }}
        </h1>
    
        {{ ariane() }}
        
        <div id="oxalink" class="tab-content clearfix" style="margin-top:15px;">
                
            {{ arianeSub() }}
			
            <div class="padding15">
                <form method="post" name="form_fournisseur"  enctype="multipart/form-data"  id="form_fournisseur" class="box-form clearfix" >
                	
                
        			<div class="clearfix">
                    	<div class="colonne2">
                    		<div class="row">
                        		{{ inputAdvance('TEXT',{
                        		    'titre' : 'Titre' | trad,
                        		    'name' : 'TITRE',
                                    'value' : post.TITRE,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '30'}",
                        		}) }}
                    		</div>
                    		{% if langueActif == false %}
                        		<div class="row">
                        			{{ inputAdvance('SWITCH', {
                        			    'titre' : 'Page Publique ou Privée'  | trad,
                        			    'name' : 'PAGE_PUBLIC',
                        			    'value' : post.PAGE_PUBLIC,
                        			    'textCheck' : 'Publique' | trad,
                        			    'textUnCheck' : 'Privé' | trad,
										'option' : post.pageParametree ? 'disabled' : ''
                        			}) }}
									{% if post.pageParametree %}
										<input type="hidden" name="PAGE_PUBLIC" value="on" />
									{% endif %}
                        		</div>
                    		{% endif %}
                    	</div>
                    	<div class="colonne2 last row">
                    		{{ inputAdvance('SELECT', {
                    		    'titre' : 'Type de contenu' | trad,
                    		    'name'  : 'TYPE_URL',
                    		    'value' : post.TYPE_URL,
                    		    'listeValue' : listeTypeEnreg,
                    		}) }}
                    	</div>
                	</div>
                	<div id='divContent' class="single row" {% if post.TYPE_URL!='CONTENT' %}style="display: none;"{% endif %}>
                        <textarea id='contentOXALINK' name="FIC" style="display: none;">
                        	{{ post.FIC_OU_URL |raw  }}    	
                		</textarea >
                	</div>
                	
                	<div id='divUrl' class="single row clearfix" style="{% if post.TYPE_URL!='URL' %}display: none;{% endif %}">
                		{{ inputAdvance('TEXT', {
                    		'titre' : 'URL de la page' | trad,
                		    'name'  : 'URL',
                		    'value' : post.FIC_OU_URL,
                                'pathValidator' : path('Ajax.validator.isUrlValide'),
                                'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '3000'}",
                		}) }}
                	</div>
                    
					<div class="button_right full clearfix" style="margin-bottom:15px;">					
                    	<button type="button" id="save" class="button principal button_right">{{ 'Enregistrer' | trad }}</button>
                    	<button type="button" class="button secondaire button_right" onclick="redirectJSWithPost('{{ path('Parametrage.ParametrageOxalink.page') }}')">{{ 'Annuler' | trad }}</button>
                    </div>
                    
                </form>
            </div>
        </div>
    </div>
    
    <script>
		$('#save').click(function(){
			activeLoader();
			$.ajax({
				url: '{{ pathValidation }}',
				type: 'POST',
				dataType: 'html',
				data: $('#form_fournisseur').serialize(),
		        success: function (data) {        
	            	desactiveLoader();
	                $("#modal-content").addClass("modal_small");
	        		$("#modal-body").html(data);
	                activePopup();
    	        },
    	        error: function (data){
    	        	var data = jQuery.parseJSON(data.responseText);
    	        	window.location.href = data.path;
    	        }
			});
		});
    	
    
		$('#input_TYPE_URL').change(function(){
			if($(this).val()=='CONTENT')
			{
				$('#divContent').show();
				$('#divUrl').hide();
			}
			else if($(this).val()=='URL')
			{
				$('#divContent').hide();
				$('#divUrl').show();
			}
		});
    
        var editor = new Jodit('#contentOXALINK', {
            textIcons: false,
            iframe: false,
            iframeStyle: '*,.jodit_wysiwyg {color:red;}',
            height: 300,
            defaultMode: Jodit.MODE_WYSIWYG,
            observer: {
                timeout: 100
            },
            commandToHotkeys: {
                'openreplacedialog': 'ctrl+p'
            }
        });
    </script>
{% endblock %}