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

<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.recover_new_title') }}</h1>
                <p class="auth__sub">{{ __('general.recover_new_sub') }}</p>
            </div>

            @include('recover.alerts')

            <form class="auth__form" method="POST" action="{{ route('recover.save') }}" id="recoverForm">
                @csrf

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

                    <span class="auth__pass">
                        <input class="input" type="password" name="password" id="password"
                               autocomplete="new-password" minlength="8" required>
                        <button class="auth__eye" type="button" data-eye="password" aria-label="{{ __('general.recover_field_password') }}">
                            <i class="fa-solid fa-eye"></i>
                        </button>
                    </span>
                </label>

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

                    <span class="auth__pass">
                        <input class="input" type="password" name="password_confirmation" id="password_confirmation"
                               autocomplete="new-password" minlength="8" required>
                        <button class="auth__eye" type="button" data-eye="password_confirmation" aria-label="{{ __('general.recover_field_password_confirm') }}">
                            <i class="fa-solid fa-eye"></i>
                        </button>
                    </span>
                </label>

                <button type="submit" class="btn btn--primary auth__send">
                    <i class="fa-solid fa-lock"></i>
                    <span>{{ __('general.recover_save') }}</span>
                </button>
            </form>
        </div>

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

<script src="{{ assetv('/assets/js/pages/recover.js') }}"></script>
</body>
</html>