@extends('layouts.app')

@section('content')
<div class="container">
    <div class="box small-box col-4">
        <div class='small-box-header'>
            <h2>Restablecer contraseña</h2>
            <p>¿Has olvidado tu contraseña?</p>
        </div>
        <div class='small-box-content'>
            @if (session('status'))
                <div class="alert alert-success" >
                    {{ session('status') }}
                    <i onClick="remove(this)" id='alert-close' class="fa fa-times"></i>
                </div>
            @endif
            <form method="POST" action="{{ route('password.email') }}">
                @csrf
                <div class="form-group">
                    <input
                        id="email"
                        type="email"
                        placeholder="E-Mail"
                        class="@error('email') input-error @enderror"
                        name="email"
                        value="{{ old('email') }}"
                        autocomplete="email"
                        autofocus
                        required>

                    @error('email')
                        <div class="form-error">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-submit">
                        Enviar
                    </button>
                </div>
            </form>
        </div>
        <div class='small-box-footer'>
            <a href="{{ route('login') }}" >Iniciar sesión</a> /
            <a href="{{ route('register') }}">Crear una cuenta</a>
        </div>
    </div>
</div>
@endsection