@extends('layouts.shop')

@section('content')
    @include('partials.breadcrumbs', [
        'items' => [
            ['label' => 'Главная', 'url' => route('home')],
            ['label' => 'Вход', 'url' => null],
        ],
    ])

    <section class="pc-section pc-auth-section">
        <div class="pc-section-title">
            <h2>Вход</h2>
            <p>Введите email и пароль для доступа к заказам и профилю.</p>
        </div>

        <form class="pc-card pc-form pc-auth-form" method="post" action="{{ route('login.attempt') }}">
            @csrf
            <label>
                Email
                <input type="email" name="email" value="{{ old('email') }}" required>
            </label>
            <label>
                Пароль
                <input type="password" name="password" required>
            </label>
            <label>
                Капча: решите пример {{ $captchaQuestion }}
                <input type="text" name="captcha" inputmode="numeric" autocomplete="off" required>
            </label>
            <label class="pc-checkbox">
                <input type="checkbox" name="remember" value="1" @checked(old('remember'))>
                <span>Запомнить меня</span>
            </label>
            <div class="pc-product-actions">
                <button class="pc-btn primary" type="submit">Войти</button>
                <a class="pc-btn ghost" href="{{ route('register') }}">Создать аккаунт</a>
            </div>
        </form>
    </section>
@endsection