@extends('master')

@section('title')
Recuperar a mi cuenta
@stop

@section('custom_js_files')
<script src="{{ url('/static/js/user.js?v='.time()) }}"></script>
@stop

@section('content')
<div class="page page_connect">
	<div class="box shadow-lg">
		<div class="col">
			<img src="{{ url('/static/images/icons/user_recover.gif') }}">
			<p class="welcome"><strong>Hola invitado</strong>, perder su contraseña no es algo que se deba tomar a la ligera, nos pone nervioso lo sabemos, pero tranquilo que aquí te ayudare a recuperarla.</p>
			<p class="w-100 btn-white"><a href="{{ url('/login') }}">¿Ya tienes cuenta? inicia sesión</a></p>
		</div>
		
		<div class="col">
			<div class="form">
				<h2 class="title_connect">Recuperar a mi cuenta</h2>
				{{ Form::open(['url' => '/recover', 'id' => 'form_recover']) }}
		            
		            <label for="email" class="mtop16">Correo electrónico:</label>
		            <div class="group">
		            	<i class="far fa-envelope-open"></i>
		            	{{ Form::email('md_email', null, ['class' => 'input', 'autocomplete' => 'none', 'id' => 'email_recover_password']) }}
		            </div>

		            <a href="#" class="btn-link mtop16" id="user_show_password_reset">¡Ya tengo un código, quiero ingresarlo!</a>
                	{{ Form::submit('Recuperar', ['class' => 'btn mtop16 w-100']) }}


		        {{ Form::close() }}

		        {!! Form::open(['url' => '/reset', 'style' => 'display: none;', 'id' => 'form_reset']) !!}
	            <div class="alert alert-success">Ingrese el código que le hemos enviado a su correo electrónico.</div>
	            <label for="email" class="mtop16">Correo electrónico:</label>
	            <div class="group">
	                <i class="far fa-envelope-open"></i>
	                {!! Form::email('md_email', null, ['class' => 'input', 'id' => 'email_reset_password']) !!}
	            </div>

	            <label for="code" class="mtop16">Código de recuperación:</label>
	            <div class="group">
	                <i class="fas fa-user-lock"></i>
	                {!! Form::number('md_code', null, ['class' => 'input']) !!}
	            </div>
	            
	            {!! Form::submit('Enviar mi contraseña', ['class' => 'btn mtop16 w-100']) !!}
	            {!! Form::close() !!}

		        <div class="btns">
		        <a href="{{ url('/login') }}" class="btn btn-outline btn-login w-100 sl">¿Ya tienes cuenta? inicia sesión</a>
		        <a href="#" class="btn btn-facebook w-100"><i class="fab fa-facebook-f"></i> Ingresar con Facebook</a>
		        </div>
			</div>
		</div>
	</div>
</div>
@stop