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

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

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

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

	{!! Form::open(['route'=>'barrio.store', 'method'=>'POST']) !!}
		@include('barrio.forms.barrio')
		<div class="col-xs-12">
			{!! Form::submit('Crear Barrio', ['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("barrio-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("barrio-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