@extends('layouts.guest')

@section('title', 'Forgot Password')

@section('content')

<div class="container">

    <div class="row justify-content-center">

        <div class="col-md-5">

            <div class="card shadow">

                <div class="card-header text-center">

                    <h4>

                        Forgot Password

                    </h4>

                    <p class="text-muted mb-0">

                        Enter your username or email address.

                    </p>

                </div>

                <div class="card-body">

                    @if(session('status'))

                        <div class="alert alert-success">

                            {{ session('status') }}

                        </div>

                    @endif

                    @if($errors->any())

                        <div class="alert alert-danger">

                            <ul class="mb-0">

                                @foreach($errors->all() as $error)

                                    <li>{{ $error }}</li>

                                @endforeach

                            </ul>

                        </div>

                    @endif

                    <form
                        method="POST"
                        action="{{ route('password.email') }}">

                        @csrf

                        <div class="mb-3">

                            <label class="form-label">

                                Username or Email

                            </label>

                            <input
                                type="text"
                                name="login"
                                class="form-control"
                                value="{{ old('login') }}"
                                required
                                autofocus>

                        </div>

                        <div class="d-grid">

                            <button
                                type="submit"
                                class="btn btn-primary">

                                Send Password Reset Link

                            </button>

                        </div>

                    </form>

                </div>

                <div class="card-footer text-center">

                    <a
                        href="{{ route('login') }}">

                        Back to Login

                    </a>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection