{{-- A split sign-in: the studio's brand on the left, the working form on the
     right. The form, its validation and rate limiting are Filament's,
     untouched — only the frame around it is ours. --}}
<div class="il-login">
    {{-- Left: the brand thesis, in the marketing "Stencil" voice. Hidden on
         small screens so the form takes the whole width. --}}
    <aside class="il-login__brand" aria-hidden="true">
        <div class="il-login__brand-glow"></div>

        <div class="il-login__brand-top">
            <span class="il-login__wordmark">InkLoop</span>
        </div>

        <div class="il-login__brand-body">
            <p class="il-login__eyebrow">Studio control room</p>
            <h1 class="il-login__headline">Everything the shop runs on, behind one door.</h1>
            <p class="il-login__sub">Requests, consent, bookings and the paperwork — waiting for you on the other side of this form.</p>
        </div>

        <div class="il-login__brand-foot">
            <span class="il-login__dot"></span> Admin access
        </div>
    </aside>

    {{-- Right: the actual Filament login form. --}}
    <main class="il-login__panel">
        <div class="il-login__form">
            <div class="il-login__form-head">
                <span class="il-login__wordmark il-login__wordmark--dark">InkLoop</span>
                <h2 class="il-login__title">Sign in</h2>
                <p class="il-login__title-sub">Welcome back. Enter your details to continue.</p>
            </div>

            {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::AUTH_LOGIN_FORM_BEFORE, scopes: $this->getRenderHookScopes()) }}

            <x-filament-panels::form id="form" wire:submit="authenticate">
                {{ $this->form }}

                <x-filament-panels::form.actions
                    :actions="$this->getCachedFormActions()"
                    :full-width="$this->hasFullWidthFormActions()"
                />
            </x-filament-panels::form>

            {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::AUTH_LOGIN_FORM_AFTER, scopes: $this->getRenderHookScopes()) }}
        </div>
    </main>
</div>