@extends('layouts.app')
@section('title', __('Forgot Password') . ' - ' . $settings->site_name)

@section('content')
<div class="be-hero py-5">
    <div class="container" style="max-width:480px;">
        <div class="be-panel">
            <div class="text-center mb-4">
                <span class="be-eyebrow">{{__('Forgot password')}}</span>
                <h2 class="be-section-title mt-1">{{__('Reset your password')}}</h2>
                <p class="text-muted mb-0">{{__('Enter your email and we will send you a link to reset it')}}</p>
            </div>

            @if ($errors->any())
            <div class="alert alert-danger be-alert">
                <ul class="mb-0 ps-3">
                    @foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach
                </ul>
            </div>
            @endif

            <form method="POST" action="{{ route('password.email') }}">
                @csrf
                <div class="mb-4">
                    <label class="form-label">{{__('Email')}}</label>
                    <input type="email" name="email" class="form-control" value="{{ old('email') }}" required autofocus>
                </div>
                <button type="submit" class="btn be-btn-primary w-100">{{__('Send Reset Link')}}</button>
            </form>

            <p class="text-center text-muted mt-4 mb-0"><a href="{{ route('login') }}" class="fw-bold">{{__('Back to login')}}</a></p>
        </div>
    </div>
</div>
@endsection