@extends('auth.layouts.main')

@section('content')

<div class="register-container">
	
    <div class="row">
		
        <div class="col-md-12">
			
			@if( Session::has('message') )
			<div class="alert alert-danger">{{ Session::get('message') }}</div>
			@endif
			
			@if (session('status'))
			<div class="alert alert-success">
				{{ session('status') }}
			</div>
			@endif

			@if (count($errors) > 0)
			<div class="alert alert-danger">
				@foreach ($errors->all() as $error)
					<p>{{ $error }}</p>
				@endforeach
			</div>
			@endif
			
			<div class="hpanel">
				
                <div class="panel-body">
					
					<form id="form-reset" class="form-horizontal" role="form" method="POST" action="{{ url('/password/reset') }}">
						<input type="hidden" name="_token" value="{{ csrf_token() }}">
						<input type="hidden" name="token" value="{{ $token }}">

						<div class="form-group">
							<label class="col-md-4 control-label">Email</label>
							<div class="col-md-6">
								<input type="hidden" name="email" value="{{ $email }}">
								<input type="email" class="form-control" name="_email" value="{{ $email }}" disabled="disabled">
							</div>
						</div>

						<div class="form-group">
							<label class="col-md-4 control-label">Contrase&ntilde;a</label>
							<div class="col-md-6">
								<input type="password" class="form-control" name="password">
							</div>
						</div>

						<div class="form-group">
							<label class="col-md-4 control-label">Repetir la contrase&ntilde;a</label>
							<div class="col-md-6">
								<input type="password" class="form-control" name="password_confirmation">
							</div>
						</div>

						<div class="form-group">
							<div class="col-md-6 col-md-offset-4">
								<button type="submit" class="btn btn-primary">
									Restablecer
								</button>
							</div>
						</div>
						
					</form>
					
				</div>
				
			</div>
			
		</div>
		
	</div>
	
</div>

@endsection
@section('scripts')
<script type="text/javascript">
	$('#form-reset').bootstrapValidator({
		fields: {
			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.'
                    }
                }
            }
		},

	});

</script>
@endsection