@extends('auth.layouts.main')

@section('content')

<div class="register-container">
	
	@include('auth.partials.flash')
	
    <div class="hpanel">
				
		<div class="panel-body">
			
			@if( count($errors) > 0 )
				<div class="alert alert-danger">
					<ul>
						@foreach ($errors->all() as $error)
							<li>{{ $error }}</li>
						@endforeach
					</ul>
				</div>
			@endif

			<form id="form-registro" method="POST" action="{{ route('auth/register') }}">

				<input type="hidden" name="_token" value="{{ csrf_token() }}" />

				<div class="row">
					
					<div class="form-group col-md-12">
						<label>Nombre</label>
						<input type="text" id="nombre" name="nombre" class="form-control" value="{{ old('nombre') }}" required />
					</div>
					
					<div class="form-group col-md-12">
						<label>Apellido</label>
						<input type="text" id="apellido" name="apellido" class="form-control" value="{{ old('apellido') }}" required />
					</div>
					
					<div class="form-group col-md-12">
						<label>Email</label>
						<input type="text" id="email" name="email" class="form-control" value="{{ old('email') }}" placeholder="user@ford.com.co" />
					</div>
					
					<div class="form-group col-md-12">
						<label>Contrase&ntilde;a</label>
						<input type="password" id="password" name="password" class="form-control" value="" />
					</div>
					
					<div class="form-group col-md-12">
						<label>Repita la contrase&ntilde;a</label>
						<input type="password" id="password_confirmation" name="password_confirmation" class="form-control" value="" />
					</div>
					
					<div class="form-group col-md-12">
						<button class="btn btn-primary" type="submit">Registro</button>
						<a href="{{ route('auth/login') }}" class="btn btn-default">Cancelar</a>
					</div>
					
				</div>

			</form>

		</div>

	</div>
	
</div>

@endsection
@section('scripts')
<script type="text/javascript">

	$('#form-registro').bootstrapValidator({
		fields: {
			nombre: {
                validators: {
                    notEmpty: {
                        message: 'Por favor, introduzca un nombre.'
                    }
                }
            },
            apellido: {
                validators: {
                    notEmpty: {
                        message: 'Por favor, introduzca un apellido.'
                    }
                }
            },
            password: {
                validators: {
                    notEmpty: {
                        message: 'Por favor, introduzca una contraseña.'
                    }
                }
            },
            password_confirmation: {
                validators: {
                    notEmpty: {
                        message: 'Por favor, introduzca confirmación de contraseña.'
                    },
                    identical: {
                    	field: 'password',
                    	message: 'La clave introducida y su confirmación no son idénticas.'
                    }

                }
            },
			email: {
                validators: {
                    notEmpty: {
                        message: 'Por favor, introduzca un correo electrónico.'
                    },
                    email: {
                    	message: 'Por favor, introduzca una dirección de correo válida.'
                    },
                    remote: {
                    	url: '/validate-email'
                    }
                }
            }
		},

	});

</script>
@endsection