@extends('layouts.guest')

@section('title', 'ログイン - ' . config('app.name'))

@section('content')
    <header class="c-toolbar">
        <div class="c-toolbar__row">
            <h2 class="c-toolbar__title">管理者ログイン</h2>
        </div>
        <p class="c-toolbar__sub">応募者情報の管理にはログインが必要です。</p>
    </header>

    <form method="post" action="{{ route('login') }}" class="c-form c-form--sheet c-form--login">
        @csrf

        <div class="c-field">
            <label class="c-field__label" for="email">メールアドレス</label>
            <input
                type="email"
                id="email"
                name="email"
                value="{{ old('email') }}"
                required
                autocomplete="email"
                autofocus
                class="c-input @error('email') c-input--error @enderror"
            >
            @error('email')
                <p class="c-field__error">{{ $message }}</p>
            @enderror
        </div>

        <div class="c-field">
            <label class="c-field__label" for="password">パスワード</label>
            <input
                type="password"
                id="password"
                name="password"
                required
                autocomplete="current-password"
                class="c-input @error('password') c-input--error @enderror"
            >
            @error('password')
                <p class="c-field__error">{{ $message }}</p>
            @enderror
        </div>

        <div class="c-field c-field--checkbox">
            <label class="c-field__label c-field__label--inline">
                <input type="checkbox" name="remember" value="1" @checked(old('remember'))>
                ログイン状態を保持する
            </label>
        </div>

        <div class="c-form-actions">
            <button type="submit" class="c-btn c-btn--primary">ログイン</button>
        </div>
    </form>
@endsection