@extends('layouts.admin-bloqueo-vista')

@section('titulo', 'Agregar un nuevo procedimiento')

@section('botonera')
	@include('componentes.boton-volver-al-listado-de-procedimientos')
	@include('componentes.boton-salir-con-aviso')
@endsection

@section('content')
	{{-- modals --}}
	@include('componentes.modal-salir')
	@include('componentes.modal-volver-al-listado-de-procedimientos')
	@include('alerts.request')

	{!! Form::open(['route'=>'procedimiento.store', 'method'=>'POST']) !!}
		@include('procedimientos.forms.procedimientos')
		<div class="col-xs-12">
			{!! Form::submit('Crear procedimiento', ['class'=>'btn btn-primary']) !!}
		</div>
	{!! Form::close() !!}
@endsection

@section('scripts')
	<script type="text/javascript">
		$(document).ready(function(){
			var xhr = null;

			// Validar el codigo
			$('input[name=id]').on('keyup change', function(){
				var t=$(this);
				if(xhr) {xhr.abort()};
				xhr = $.ajax({
					headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'},
					url:'{{URL::to("procedimiento-validar-campos")}}',
					method:'post',
					data:{
						id:t.val()
					},
					beforeSend:function(){
						t.parent().removeClass('has-error has-success');
					},
					success:function(r){
						r ? t.parent().removeClass('has-succes').addClass('has-error') : t.parent().removeClass('has-error').addClass('has-success');
					}
				});
			});

			// Validar el nombre
			$('input[name=nombre]').on('keyup change', function(){
				var t=$(this);
				if(xhr) {xhr.abort()};
				xhr = $.ajax({
					headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'},
					url:'{{URL::to("procedimiento-validar-campos")}}',
					method:'post',
					data:{
						nombre:t.val()
					},
					beforeSend:function(){
						t.parent().removeClass('has-error has-success');
					},
					success:function(r){
						r ? t.parent().removeClass('has-succes').addClass('has-error') : t.parent().removeClass('has-error').addClass('has-success');
					}
				});
			});

			// Resaltar campos al eviar el formulario, detectando errores de validación
			@if(count($errors) > 0)
				$('input').parent().addClass('has-success');
				@foreach($errors->getMessages() as $key => $value)
					$('input[name={{$key}}]').parent().removeClass('has-success').addClass('has-error');
				@endforeach
			@endif

			@include('componentes.script-mostrar-modal-request');

		});
	</script>
@endsection