@extends('master')

@section('title')
Verificar correo electrónico
@stop

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

@section('content')

<div class="page">
	<div class="container">
		<div class="row">
			<div class="col-md-3">
				@include('components.user_account_edit_sidebar')
			</div>

			<div class="col-md-9">
				<div class="md_card mtop32 shadow">
					<h4 class="title">Verificar correo electrónico</h4>
					<div class="inside">
						<div class="task-list mtop32">
							<ul>
								@if(is_null(Auth::user()->email_verified_at))
								<li>
									<div class="task">
										<div class="icon">
											<img src="{{ url('/static/images/icons/tasks/email_verified.png') }}">
										</div>
										<div class="desc">
											<h3>Verifica tu dirección de correo electrónico</h3>
											<p>De esta manera sabremos que no eres un robot, sin ofender a los robots 😁, Solicita tu código de verificación, que será enviado a tu correo electrónico. </p>
										</div>
										<div class="action">
											<a href="#" class="btn" id="request_email_verification_code">Enviar código</a>
										</div>
									</div>
								</li>
								@endif
							</ul>
						</div>

						<div class="form mtop32">
							{{ Form::open(['url' => '#', 'id' => 'form_acc_verify_email']) }}
							<div class="row">
								<div class="col-md-4 col-sm-12">
									<label for="name">Correo electrónico:</label>
					                <div class="group">
					                    <i class="far fa-envelope-open"></i>
					                    {{ Form::email('email', Auth::user()->email,['class' => 'input', 'disabled']) }}
					                </div>
								</div>

								<div class="col-md-4 col-sm-12">
									<label for="email">Código de verificación:</label>
					                <div class="group">
					                    <i class="fas fa-fingerprint"></i>
					                    {{ Form::number('code', null, ['class' => 'input']) }}
					                </div>
								</div>
								
							</div>
			               
			                <button type="submit" class="btn btn-csuccess mtop32"><i class="fas fa-check"></i> Verificar</button>
			                {{ Form::close() }}
			            </div>
		            </div>
	            </div>
			</div>
		</div>
	</div>
</div>

@stop