@extends('layouts.portal')

@section('portal-content')
    <section class="section section--split">
        <article class="content-card">
            <span class="eyebrow">Личный кабинет</span>
            <h2>Вход в игровой аккаунт</h2>
            <p>
                Используй логин и пароль от игрового аккаунта. После входа будут доступны персонажи,
                смена пароля и ссылка на клиент игры.
            </p>

            <ul class="feature-points">
                <li>Просмотр всех персонажей аккаунта</li>
                <li>Смена пароля без ручных команд</li>
                <li>Быстрый переход к клиенту игры</li>
            </ul>
        </article>

        <aside class="hero-panel">
            <div class="panel-header">
                <span class="eyebrow">Авторизация</span>
                <h2>Войти</h2>
                <p>Вход выполняется по игровым учётным данным.</p>
            </div>

            <form class="register-form" method="POST" action="{{ route('login.store') }}">
                @csrf

                <label class="form-field">
                    <span>Логин</span>
                    <input
                        class="form-control @error('username') is-invalid @enderror"
                        type="text"
                        name="username"
                        value="{{ old('username') }}"
                        autocomplete="username"
                        maxlength="32"
                        required
                    >
                    @error('username')<span class="form-error">{{ $message }}</span>@enderror
                </label>

                <label class="form-field">
                    <span>Пароль</span>
                    <input
                        class="form-control @error('password') is-invalid @enderror"
                        type="password"
                        name="password"
                        autocomplete="current-password"
                        maxlength="32"
                        required
                    >
                    @error('password')<span class="form-error">{{ $message }}</span>@enderror
                </label>

                <button class="button button--gold button--full" type="submit">Войти в кабинет</button>
            </form>
        </aside>
    </section>
@endsection