{{--
    brafa Systems — reset password. Mirror of the brafa sign-in layout.
    Livewire backing: App\Http\Livewire\Auth\ResetPassword. Bindings preserved:
      wire:submit.prevent="update", wire:model="email|password|passwordConfirmation",
      @error blocks, Session::has('email'), 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>Pick a new password.</h2>
            <p>Choose a strong password to secure your brafa Systems account.</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">New password</h1>
            <p class="brafa-auth__subtitle">Enter your email and a new password.</p>

            @if (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

            <form wire:submit.prevent="update" class="brafa-auth__form">
                <div class="brafa-auth__field">
                    <label class="brafa-auth__label" for="brafa-reset-email">Email</label>
                    <input wire:model="email" id="brafa-reset-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>

                <div class="brafa-auth__field">
                    <label class="brafa-auth__label" for="brafa-reset-password">New password</label>
                    <input wire:model="password" id="brafa-reset-password" type="password" autocomplete="new-password"
                           placeholder="At least 8 characters"
                           class="brafa-auth__input @error('password') is-invalid @enderror">
                    @error('password') <p class="brafa-auth__error">{{ $message }}</p> @enderror
                </div>

                <div class="brafa-auth__field">
                    <label class="brafa-auth__label" for="brafa-reset-password-confirm">Confirm password</label>
                    <input wire:model="passwordConfirmation" id="brafa-reset-password-confirm" type="password" autocomplete="new-password"
                           placeholder="Repeat new password"
                           class="brafa-auth__input @error('passwordConfirmation') is-invalid @enderror">
                    @error('passwordConfirmation') <p class="brafa-auth__error">{{ $message }}</p> @enderror
                </div>

                <button type="submit" class="brafa-auth__submit">Change password</button>
            </form>

            <p class="brafa-auth__foot">
                Don't have an account?
                <a href="{{ route('register') }}" class="brafa-auth__link">Sign up</a>
            </p>
        </div>
    </main>
</div>