@extends('admin.layouts.auth-base', ['title' => __('admin.login.title')])

@section('body')
    <h1 class="auth-title">{{ __('admin.login.title') }}</h1>
    <p class="auth-subtitle">{{ __('admin.login.subtitle') }}</p>

    @if ($errors->any() && ! $errors->has('email') && ! $errors->has('password'))
        <div class="alert alert-danger">{{ $errors->first() }}</div>
    @endif

    <form method="POST" action="{{ route('admin.login.attempt') }}" class="auth-form" novalidate>
        @csrf

        <div class="form-field">
            <label for="email">{{ __('admin.login.email') }}</label>
            <input id="email"
                   type="email"
                   name="email"
                   value="{{ old('email') }}"
                   placeholder="{{ __('admin.login.email_placeholder') }}"
                   autocomplete="email"
                   required>
            @error('email')<span class="field-error">{{ $message }}</span>@enderror
        </div>

        <div class="form-field">
            <label for="password">{{ __('admin.login.password') }}</label>
            <input id="password"
                   type="password"
                   name="password"
                   placeholder="{{ __('admin.login.password_placeholder') }}"
                   autocomplete="current-password"
                   required>
            @error('password')<span class="field-error">{{ $message }}</span>@enderror
        </div>

        <div class="form-row">
            <label class="checkbox">
                <input type="checkbox" name="remember" value="1" {{ old('remember') ? 'checked' : '' }}>
                <span>{{ __('admin.login.remember') }}</span>
            </label>
        </div>

        <button type="submit" class="btn-primary">{{ __('admin.login.submit') }}</button>
    </form>

    <div class="auth-footer">
        &copy; {{ date('Y') }} {{ __('admin.brand.name') }} &mdash; {{ __('admin.login.copyright') }}
    </div>
@endsection