@extends('layout.site', ['title' => 'Вход в личный кабинет'])

@section('content')
    <section class="product-cart">
        <div class="container">
            <h2 class="modal-auth__title">
                Авторизация
            </h2>
            <form method="post" class="modal-auth-form" action="{{ route('auth.auth') }}">
                @csrf
                <label class="form__label auth-label-mail" for="email-auth">E-mail
                    <span class="auth-mail-error auth-mail-error--hidden">Ошибка</span>
                </label><br>
                <input class="form-input form__email auth-mail-err" type="email" id="email-auth" name="email" placeholder="Введите ваш e-mail" required value="{{ old('email') ?? '' }}"><br><br>

                <label class="form__label auth-label-pass" for="password-auth">Пароль
                    <span class="auth-pass-error auth-pass-error--hidden">Ошибка</span>
                </label><br>
                <input class="form-input auth-pass-err js_auth_pass" type="password" id="password-auth" name="password" placeholder="Введите ваш пароль" required>
                <button class="modal-auth-show-pass js_auth_show_pass"></button>
                <div class="parts-content-form-bottom modal-auth-bottom">
                    <a class="modal-auth-bottom__reset js_restore_pass" href="#">Забыли пароль?</a>

                    <label class="form-check-label" for="remember">
                        <input type="checkbox" class="form-check-input" name="remember" id="remember">Запомнить меня
                    </label>
                    <p class="parts-content-form-bottom__par modal-auth-bottom__note">Даю согласие на обработку персональных данных.</p>
                    <button class="parts-content-form-bottom__button" type="submit">Войти</button>
                </div>
            </form>
        </div>
    </section>
@endsection