{{--
    brafa Systems — forgot password. Mirror of the brafa sign-in layout.
    Livewire backing: App\Http\Livewire\Auth\ForgetPassword. Bindings preserved:
      wire:submit.prevent="show", wire:model="email", @error('email'),
      Session::has('status'|'email'|'demo'), route('register').
--}}
<div class="brafa-auth">
    <aside class="brafa-auth__brand">
        <div class="brafa-auth__brand-mark">
            <img src="{{ asset('assets/img/brafa-Systems-white.png') }}" alt="brafa Systems" class="brafa-auth__logo">
        </div>
        <div class="brafa-auth__brand-tagline">
            <h2>Back in, in a minute.</h2>
            <p>Enter your email and we'll send a link to reset your password.</p>
        </div>
        <div class="brafa-auth__brand-foot">© {{ date('Y') }} brafa ehf</div>
    </aside>

    <main class="brafa-auth__panel">
        <div class="brafa-auth__card">
            <div class="brafa-auth__mobile-brand">
                <img src="{{ asset('assets/img/brafa-Systems-white.png') }}" alt="brafa Systems" class="brafa-auth__logo brafa-auth__logo--dark">
            </div>

            <span class="brafa-auth__eyebrow">Reset password</span>
            <h1 class="brafa-auth__title">Forgot password</h1>
            <p class="brafa-auth__subtitle">You'll receive an email within 60 seconds.</p>

            @if (Session::has('status'))
                <div class="brafa-auth__status">
                    <x-lucide name="check" size="16" stroke="#1E8A3E" />
                    <span>{{ Session::get('status') }}</span>
                </div>
            @elseif (Session::has('email'))
                <div class="brafa-auth__status brafa-auth__status--danger">
                    <x-lucide name="alert-circle" size="16" stroke="#E0524F" />
                    <span>{{ Session::get('email') }}</span>
                </div>
            @endif
            @if (Session::has('demo'))
                <div class="brafa-auth__status brafa-auth__status--danger">
                    <x-lucide name="alert-circle" size="16" stroke="#E0524F" />
                    <span>{{ Session::get('demo') }}</span>
                </div>
            @endif

            <form wire:submit.prevent="show" class="brafa-auth__form">
                <div class="brafa-auth__field">
                    <label class="brafa-auth__label" for="brafa-forgot-email">Email</label>
                    <input wire:model="email" id="brafa-forgot-email" type="email" autocomplete="email"
                           placeholder="you@brafa.is"
                           class="brafa-auth__input @error('email') is-invalid @enderror">
                    @error('email') <p class="brafa-auth__error">{{ $message }}</p> @enderror
                </div>

                <button type="submit" class="brafa-auth__submit">Send reset link</button>
            </form>

            <p class="brafa-auth__foot">
                Remembered it?
                <a href="{{ route('login') }}" class="brafa-auth__link">Sign in</a>
            </p>
        </div>
    </main>
</div>