{% extends 'layout.twig' %}

{% block body %}
	<div class="clearfix titre_div"  id="creationDA">
		<h1>{{ 'Table des Opérations' | trad }}</h1>
		{{ ariane() }}
		
		<h2>
		    {{ H2  }}
		    
			{{ Button('Terminer' | trad, 1,'', "validation('"~path('ProjetAchat.CreationTableOperation.validation', {mode : mode, idOperation : idOperation})~"')", [], true, '', '',  'creation') }}
		    {{ Button('Annuler' | trad, 0, path('ProjetAchat.TableOperation.tableOperation')) }}			
		</h2>
		
		<script>
			function validation(path)
			{
				activeLoader();
				$.ajax({
					url : path ,
					type: 'POST',
					dataType : 'JSON',
					data: $('#form_creation_devise').serialize(),
					success: function (data) {            
						redirectJSWithPost(data.path);
					}, 
					error: function (data){
						desactiveLoader();
						$("#modal-content").addClass("modal_small");
						$("#modal-body").html(data.responseText);
						activePopup();
					} 
				});
			};
		</script>
	</div>
	<div class="tab-content TablesStatistiques">
		<form action="" method="post" name="form_creation_devise" id="form_creation_devise" class="padding15">
			<div id="contentFixe" class="clearfix bg_form padding_form border_form">			
				<div class="clearfix ">
					<div class="colonne2">                           	
						<div class="row">
							{{ inputAdvance('TEXTE', {
								'titre' : 'Code' | trad,
								'name' : 'CODE_OPE',
								'value' : operation.CODE_OPE,
								'pathValidator' : path('Ajax.validator.isStringSansEspace'),
								'paramsValidator' : "{'nomChamp' : '"~ 'Code' | trad ~"', 'sizeMin' : '1', 'sizeMax' : '10'}",
								'option' : mode=='modification' ? 'readOnly' : '',
								'obligatoire' : true,
							}) }}
						</div>                        	
						<div class="row">
							{{ inputAdvance('TEXTE', {
								'titre' : 'Libellé' | trad,
								'name' : 'LIB',
								'value' : operation.LIB,
								'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
								'paramsValidator' : "{'nomChamp' : '"~ 'Libellé' | trad ~"', 'sizeMin' : '1', 'sizeMax' : '120'}",
								'option' : params.CODE_LOCK? 'readOnly':'',
								'obligatoire' : true,
							}) }}
						</div>
					</div>
					<div class="colonne2">                           	
						<div class="row">
							{{ inputAdvance('TEXTAREA', {
								'titre' : 'Description' | trad,
								'name' : 'DESCR',
								'value' : operation.DESCR,
								'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
								'paramsValidator' : "{'nomChamp' : '"~ 'Description' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '3000'}",
							}) }}
						</div>
					</div>
					
					<div class="colonne2">
						<div class="row">
							{{ inputAdvance('DATE', { 
								'titre' : 'Date de début' | trad,
								'name'  : 'DATE_DEB',
								'value' : operation.DATE_DEB | dateTrad,
								'pathValidator' : path('Ajax.validator.date'),
								'paramsValidator' : "{null: false}",
								'obligatoire' : true,
							}) }}
						</div>
					</div>
					
					<div class="colonne2">
						<div class="row">
							{{ inputAdvance('DATE', { 
								'titre' : 'Date de fin' | trad,
								'name'  : 'DATE_FIN',
								'value' : operation.DATE_FIN | dateTrad,
								'pathValidator' : path('Ajax.validator.date'),
								'paramsValidator' : "{null: false}",
								'obligatoire' : true,
							}) }}
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
{% endblock %}