@extends('layouts.auth')

@section('content')
    <div class="auth-content my-auto">
        <div class="text-center">
            <h5 class="mb-0">Forgot your password?</h5>
            <p class="text-muted mt-2">No problem. Just let us know your email address and we will email you a
                password reset link that will allow you to choose a new one.</p>
        </div>

        @session('status')
            <div class="mb-4 font-medium text-sm text-success text-center">
                {{ $value }}
            </div>
        @endsession

        <form method="POST" action="{{ route('password.email') }}" class="mt-4 pt-2">
            @csrf
            <div class="mb-3">
                <label for="email" class="form-label">Email</label>
                <input tabindex="1" id="email" type="text"
                    class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}"
                    required autocomplete="email" placeholder="Enter your email" autofocus>

                @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>

            <div class="mb-3">
                <button class="btn btn-primary w-100 waves-effect waves-light" type="submit">Email Password Reset
                    Link</button>
            </div>
        </form>

        @if (Route::has('login'))
            <div class="mt-5 text-center">
                <p class="text-muted mb-0">Do not want to change password ? <a href="{{ route('login') }}"
                        class="text-primary fw-semibold"> Goto Login </a> </p>
            </div>
        @endif
    </div>
@endsection