@extends('layouts.master2')

@section('css')
@endsection

@section('content')
	<div class="page">
		<div class="page-single">
			<div class="container">
				<div class="row">
					<div class="col mx-auto">
						<div class="row justify-content-center">
							<div class="col-md-5">
								<div class="card card-group mb-0">
									<div class="card p-4">

										@if (session('success'))
											<div class="alert alert-success" role="alert">
												{{ session('success') }}
											</div>
										@endif

										<div class="card-body">

											<form method="POST" action="{{ url('/password/forgot-password') }}">
												{{ csrf_field() }}
												<div class="text-center title-style mb-6">
													<h1 class="mb-2">Olvidaste tu Contraseña</h1>
													<hr>
													<p class="text-muted">Recuerda tu contraseña</p>
												</div>
												<div class="input-group mb-4">
													<span class="input-group-addon"><svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 8l-8 5-8-5v10h16zm0-2H4l8 4.99z" opacity=".3"/><path d="M4 20h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2zM20 6l-8 4.99L4 6h16zM4 8l8 5 8-5v10H4V8z"/></svg></span>
													<input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" placeholder="Ingresa tu correo" value="{{ $email ?? old('email') }}" required autocomplete="off" autofocus>
													@error('email') <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span> @enderror
												</div>
												<div class="form-group">
													<label class="custom-control custom-checkbox">
														<input type="checkbox" class="custom-control-input" required />
														<span class="custom-control-label">Aceptar los <a href="{{ url('/' . $page='terms') }}">Términos y Condiciones</a></span>
													</label>
												</div>
												<div class="row">
													<div class="col-12">
														<button type="submit" class="btn btn-lg btn-primary btn-block px-4"><i class="fe fe-arrow-right"></i> {{ __('Enviar') }}</button>
													</div>
												</div>
											</form>

										</div>
									</div>
								</div>
								<div class="text-center pt-4">
									<div class="font-weight-normal fs-16">Olvídalo <a href="{{ url('/login' ) }}" class="btn-link font-weight-normal">{{ __('Envíame de vuelta') }}</a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection

@section('js')
@endsection