@php $c = app(\App\Support\ContentManager::class)->resolved('auth'); @endphp
<x-guest-layout title="Email me a sign-in link" :bare-status="false">
    @if (session('status'))
        {{-- Sent — dedicated confirmation state (replaces the form). --}}
        <div class="auth-ico ok"><i class="fa-light fa-envelope-circle-check"></i></div>
        <span class="auth-eyebrow"><i class="fa-light fa-paper-plane"></i> Link sent</span>
        <h2>Check your inbox</h2>
        <p class="lede">{{ session('status') }}</p>
        <p class="auth-note"><i class="fa-light fa-clock"></i> The link expires in 15 minutes. Didn’t get it? Check your spam folder, or send another.</p>

        <a href="{{ route('magic.request') }}" class="auth-btn auth-btn-primary"><i class="fa-light fa-rotate-right"></i> Send another link</a>

        <p class="auth-alt">{{ $c['magic_req.alt'] }} <a href="{{ route('login') }}">{{ $c['magic_req.alt_link'] }}</a></p>
    @else
        {{-- Request form. --}}
        <div class="auth-ico"><i class="fa-light fa-wand-magic-sparkles"></i></div>
        <span class="auth-eyebrow"><i class="fa-light fa-envelope"></i> {{ $c['magic_req.eyebrow'] }}</span>
        <h2>{{ $c['magic_req.heading'] }}</h2>
        <p class="lede">{{ $c['magic_req.lede'] }}</p>

        <form method="POST" action="{{ route('magic.email') }}">
            @csrf

            {{-- Honeypot. --}}
            <div style="position:absolute; left:-9999px; top:-9999px;" aria-hidden="true">
                <label>Website<input type="text" name="website" tabindex="-1" autocomplete="off"></label>
            </div>

            <div class="form-field">
                <label class="form-label" for="email">Email</label>
                <div class="input-group"><span class="input-group-text"><i class="fa-light fa-envelope"></i></span>
                    <input class="form-control" id="email" name="email" type="email" value="{{ old('email') }}" required autofocus autocomplete="email"></div>
                @error('email')<div class="match-status no-match">{{ $message }}</div>@enderror
            </div>

            <button type="submit" class="auth-btn auth-btn-primary"><i class="fa-light fa-paper-plane"></i> {{ $c['magic_req.submit'] }}</button>
        </form>

        <p class="auth-alt">{{ $c['magic_req.alt'] }} <a href="{{ route('login') }}">{{ $c['magic_req.alt_link'] }}</a></p>
    @endif
</x-guest-layout>