@extends('layouts.auth')

@section('title', __('auth.admin_login') . ' — ' . config('app.name'))

@section('form')
    <span class="section-eyebrow">{{ __('auth.admin_login') }}</span>
    <h1 class="text-3xl">{{ __('auth.sign_in') }}</h1>
    <p class="mt-3 leading-relaxed text-ink-500">{{ __('auth.admin_login_intro') }}</p>

    <div class="mt-6">
        <x-alerts/>
    </div>

    <form method="POST" action="{{ route('admin.login.store') }}" class="mt-2 space-y-5">
        @csrf

        <div>
            <label for="email" class="field-label">{{ __('auth.email') }}</label>
            <input id="email"
                   name="email"
                   type="email"
                   autocomplete="username"
                   autofocus
                   required
                   dir="ltr"
                   value="{{ old('email') }}"
                   class="field-input">
            @error('email')
                <p class="field-error">{{ $message }}</p>
            @enderror
        </div>

        <div>
            <label for="password" class="field-label">{{ __('auth.password') }}</label>
            <input id="password"
                   name="password"
                   type="password"
                   autocomplete="current-password"
                   required
                   dir="ltr"
                   class="field-input">
            @error('password')
                <p class="field-error">{{ $message }}</p>
            @enderror
        </div>

        <button type="submit" class="btn-brand w-full">{{ __('auth.sign_in') }}</button>
    </form>
@endsection