@include('includes.auth-head', ['pageTitle' => __('general.login_btn')])

<main class="auth">
    <div class="auth__box">
        <div class="auth__brand">
            <img src="/assets/img/logo-color.svg" alt="BRASCAST">
        </div>

        <div class="auth__card">
            <div class="auth__head">
                <h1 class="auth__title">{{ __('general.login_block_h1') }}</h1>
                <p class="auth__sub">{{ __('general.login_block_p') }}</p>
            </div>

            @if (\Session::has('success'))
                <div class="auth__alert auth__alert--ok" role="alert">
                    <i class="fa-solid fa-circle-check"></i>
                    <span>{!! \Session::get('success') !!}</span>
                </div>
                @php Session::forget('success'); @endphp
            @endif

            @if (\Session::has('error'))
                <div class="auth__alert auth__alert--err" role="alert">
                    <i class="fa-solid fa-circle-exclamation"></i>
                    <span>{{ \Session::get('error') }}</span>
                </div>
            @endif

            <div class="auth__alert auth__alert--err" role="alert" data-alert hidden>
                <i class="fa-solid fa-circle-exclamation"></i>
                <span data-alert-text></span>
            </div>

            <form class="auth__form" name="login" action="{{ route('doLogin') }}" method="POST" id="loginForm">
                @csrf

                <label class="field">
                    <span class="field__label">{{ __('general.login_field_email') }}</span>
                    <input class="input" type="email" id="email" name="email"
                           placeholder="{{ __('general.login_input_place_email') }}" autocomplete="username" autofocus>
                    <span class="field__err" id="email-error" hidden></span>
                </label>

                <label class="field">
                    <span class="field__label">{{ __('general.login_field_password') }}</span>

                    <span class="auth__pass">
                        <input class="input" type="password" id="password" name="password"
                               placeholder="{{ __('general.login_input_place_password') }}" autocomplete="current-password">
                        <button class="auth__eye" type="button" data-eye="password" aria-label="{{ __('general.login_field_password') }}">
                            <i class="fa-solid fa-eye"></i>
                        </button>
                    </span>

                    <span class="field__err" id="password-error" hidden></span>
                </label>

                <div class="auth__row">
                    <label class="auth__check">
                        <input type="checkbox" id="remember" name="remember">
                        <span>{{ __('general.login_input_remember') }}</span>
                    </label>

                    <a class="auth__link" href="{{ route('recover') }}">{{ __('general.login_input_forgot') }}</a>
                </div>

                <button type="submit" class="btn btn--primary auth__send btn-login">
                    <i class="fa-solid fa-arrow-right-to-bracket"></i>
                    <span data-label>{{ __('general.login_btn') }}</span>
                </button>
            </form>
        </div>

        <p class="auth__foot">&copy; {{ date('Y') }} BRASCAST</p>
    </div>
</main>

<script>
    var CONTENT_LOGIN_PROCCESS = @json(__('general.login_btn_proccess'));
    var CONTENT_LOGIN_BTN = @json(__('general.login_btn'));
    var CONTENT_LOGIN_FAIL = @json(__('general.login_msg_error_network'));
</script>
<script src="{{ assetv('/assets/js/login.js') }}"></script>
</body>
</html>