{% 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>
        	{{ 'Fournisseurs' | trad }}
        </h1>
    
        {{ ariane() }}
        
        <div id="oxalink" class="tab-content clearfix" style="margin-top:15px;">
        
            <h2 style="padding: 0px 15px;">
                {{ 'Parametrage des conditions générales d\'utilisation' | trad }}
            </h2>
        
            {{ arianeSub() }}
            
            <div class="padding15">

                <form method="post" name="form_cgu" id="form_cgu" class="bg_form padding_form border_form clearfix" >
                
        			<div class="clearfix">
                    	<div class="colonne2">
                    		<div class="row">
                        		{{ inputAdvance('TEXT',{
                        		    'titre' : 'Titre' | trad,
                        		    'name' : 'TITRE',
                                    'value' : "Conditions générales d'utilisation" | trad,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '30'}",
                                    'option' : 'disabled',
                        		}) }}
                    		</div>
                    		<div  class="row">
                        		{{ inputAdvance('TEXT',{
                        		    'titre' : 'Référence CGU' | trad,
                        		    'name' : 'REF_CGU' ,
                                    'value' : post.REF_CGU,
                                    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '50'}",
                                    'obligatoire' : true,
                        		}) }}
                    		</div>
                    	</div>
                    	<div class="colonne2 last">
                    		<div class="row">
                        		{{ inputAdvance('DATE', {
                        		    'titre' : 'Date de création' | trad,
                        		    'name'  : 'DATE_CGU',
                        		    'value' : post.DATE_CGU | dateTrad,
                        		    'pathValidator' : path('Ajax.validator.date'),
                        		    'paramsValidator' : "{}",
                        		    'obligatoire' : true,
                        		}) }}
                    		</div>
                    	</div>
                	</div>
					<div class="single row">
						{{ inputAdvance('FILE',{
						    'name' : 'CGU', 
						    'value' : post.CGU,
						}) }}
					</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" id="annuler" class="button secondaire button_right" onClick="redirectJSWithPost('{{pathAnnuler}}');">{{ 'Annuler' | trad }}</button>
                    </div>
                    
                </form>
            </div>
        </div>
    </div>
    
    <script>
		$('#save').click(function(){
		    var form = $('#form_cgu')[0];

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

		    jForm.append("TITRE", $('[name="TITRE"]').val());
		    jForm.append("REF_CGU", $('[name="REF_CGU"]').val());
		    jForm.append("DATE_CGU", $('[name="DATE_CGU"]').val());
		    			
			activeLoader();
			$.ajax({
				url: '{{ pathValidation }}',
        	  	dataType : 'html',
            	data: jForm,
            	type: "POST",
            	mimeType: "multipart/form-data",
                processData: false,  // Important!
                contentType: false,
                cache: false,
		        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;
    	        }
			});
		});
    </script>
{% endblock %}