@extends('layouts.app')

@section('content')
    <div class="col-xl-6">
        <form class="" method="POST" action="{{ route('password.email') }}">
            @csrf
            <h1 class=" mb-3 fw-bolder mt-5 purple display-4 text-center">¿Olvidó su contraseña?</h1>
            <p class="fs-5 pb-2 text-center">Por favor ingrese un correo electrónico para cambiar la contraseña.</p>

            @if (session('status'))
                <div class="alert alert-success" role="alert">
                    {{ session('status') }}
                </div>
            @endif
            <div class="mb-3">
                <input type="email" class="form-control form-control-lg fromcss @error('email') is-invalid @enderror" name="email"
                    placeholder="Correo electrónico">
                @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <br>
            <button class="w-100 btn btn-lg mb-3 btn-enviar" type="submit">Enviar</button>
            <a href="{{ url('/login') }}" class="w-100 btn btn-lg mb-3 btn-cancelar" type="reset">Cancelar</a>
        </form>
    </div>
@endsection