@php $c = app(\App\Support\ContentManager::class)->resolved('auth'); @endphp
<x-guest-layout title="Sign in">
    <div class="auth-ico"><i class="fa-light fa-right-to-bracket"></i></div>
    <span class="auth-eyebrow"><i class="fa-light fa-user"></i> {{ $c['login.eyebrow'] }}</span>
    <h2>{{ $c['login.heading'] }}</h2>
    <p class="lede">{{ $c['login.lede'] }}</p>

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

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

        <div class="form-field">
            <div class="form-row">
                <label class="form-label" for="password" style="margin:0;">Password</label>
                @if (Route::has('password.request'))
                    <a class="auth-link" href="{{ route('password.request') }}">Forgot password?</a>
                @endif
            </div>
            <div class="input-group"><span class="input-group-text"><i class="fa-light fa-lock"></i></span>
                <input class="form-control" id="password" name="password" type="password" required autocomplete="current-password"></div>
            @error('password')<div class="match-status no-match">{{ $message }}</div>@enderror
        </div>

        <label class="auth-remember" style="margin-bottom:1.1rem;">
            <input type="checkbox" name="remember"> Keep me signed in
        </label>

        <button type="submit" class="auth-btn auth-btn-primary"><i class="fa-light fa-right-to-bracket"></i> {{ $c['login.submit'] }}</button>
    </form>

    <div class="auth-divider">or</div>

    <a class="auth-btn auth-btn-ghost" href="{{ route('magic.request') }}"><i class="fa-light fa-wand-magic-sparkles"></i> {{ $c['login.magic'] }}</a>

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