@extends('layouts.guest')

@section('title', 'Forgot your password?')

@section('content')
    <p class="text-secondary mb-4">
        Let us know your email address and we'll send you a link to choose a new password.
    </p>

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

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

        <div class="mb-3">
            <label class="form-label" for="email">Email address</label>
            <input id="email" name="email" type="email" class="form-control @error('email') is-invalid @enderror"
                   value="{{ old('email') }}" required autofocus autocomplete="username">
            @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>

        <div class="form-footer">
            <button type="submit" class="btn btn-primary w-100">
                <i class="ti ti-mail me-2"></i> Email password reset link
            </button>
        </div>
    </form>

    <div class="text-center text-secondary mt-3">
        <a href="{{ route('login') }}">Back to sign in</a>
    </div>
@endsection