@extends('eliteadmin::layouts.auth')

@section('title', 'Forgot Password')
@section('brand_heading', 'Reset your password securely')
@section('brand_description', 'We will send you instructions to regain access to your account.')

@section('content')
    <div class="auth-card">
        <div class="auth-card-header">
            <div class="auth-icon">
                <i class="bi bi-key"></i>
            </div>
            <h1 class="auth-title">Forgot password?</h1>
            <p class="auth-subtitle">No worries, we'll send you reset instructions.</p>
        </div>

        @if (session('status'))
            <x-eliteadmin::alert type="success" :message="session('status')" class="mb-3" />
        @endif

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

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

            <button type="submit" class="btn btn-primary btn-block">Send reset link</button>
        </form>

        <p class="auth-footer-text">
            <a href="{{ route('login') }}" class="auth-link">
                <i class="bi bi-arrow-left"></i> Back to login
            </a>
        </p>
    </div>
@endsection