{{ form_start(form,{'attr':{'id':'form','onSubmit':'grabarCrear("'~ruta_new~'"); return false'}}) }}
     <div class="row">
	 <div class="col-sm-12 col-md-12">
			<small class="text_mute">Tipo Documento</small>
	    	{{ form_row(form.tipoDocumento,{'label':false,'attr':{'class':'form-control tipodocumento'},'required':'required'})}}
	    </div>
     	<div class="col-sm-12 col-md-12">
			<small class="text_mute">Concepto</small>
	    	{{ form_row(form.concepto,{'label':false,'attr':{'class':'form-control'},'required':'required'})}}
	    </div>
		<div class="col-sm-12 col-md-6 divDescripcion">
			<small class="text_mute">Fecha Documento</small>
	    	{{ form_row(form.fechaDocumento,{'label':false,'attr':{'class':'form-control date'}})}}
	    </div>
		<div class="col-sm-12 col-md-6 divDescripcion">
			<small class="text_mute">Numero Documento</small>
	    	{{ form_row(form.boleta,{'label':false,'attr':{'class':'form-control numero'}})}}
	    </div>
		<div class="col-sm-6 col-md-6 divDescripcion">
			<small class="text_mute">Descripción</small>
	    	{{ form_row(form.descripcion,{'label':false,'attr':{'class':'form-control descripcion'}})}}
	    </div>
		<div class="col-sm-3 col-md-6">
			<small class="text_mute">Monto</small>
	    	{{ form_row(form.monto,{'label':false,'attr':{'class':'form-control'},'type':'number'})}}
	    </div>


	</div>
	<hr />
    <div class="float-left">

		<button class="btn btn-primary" >{{ button_label|default('Grabar gasto') }}</button>
		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
	</div>

	<script>

		$( document ).ready(function() {
			$(".date").datepicker({
				format: "yyyy-mm-dd",
				todayBtn: true,
				language: "es",
				todayHighlight: true,
				startDate:"-3M",
				endDate:"+1d"
			});

			

			
		});
		$(".tipodocumento").change(function(){
				habilitaComponentes($(this).val());

			});
	habilitaComponentes(1);

		function habilitaComponentes(tipoboleta){
			if(tipoboleta==1){
				$(".date").prop({
					'required':false,
					'disabled':true
				});
				$(".fechaDocumento").prop({
					'required':false,
					'disabled':true
				});
				$(".numero").prop({
					'required':false,
					'disabled':true
				});
				$(".descripcion").prop({
					'required':false,
					'disabled':true
				});
			}
			if(tipoboleta==2){
				$(".date").prop({
					'required':true,
					'disabled':false
				});
				$(".fechaDocumento").prop({
					'required':true,
					'disabled':false
				});
				$(".numero").prop({
					'required':true,
					'disabled':false
				});
				$(".descripcion").prop({
					'required':true,
					'disabled':false
				});
				
			}
		}

		


		
	</script>
{{ form_end(form) }}