@include('includes.auth-head', ['pageTitle' => __('general.recover_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_title') }}</h1>
                <p class="auth__sub">{{ __('general.recover_sub') }}</p>
            </div>

            @include('recover.alerts')

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

                <label class="field">
                    <span class="field__label">{{ __('general.recover_field_email') }}</span>
                    <input class="input" type="email" name="email" value="{{ old('email') }}"
                           placeholder="{{ __('general.login_input_place_email') }}"
                           autocomplete="email" autofocus required>
                </label>

                <button type="submit" class="btn btn--primary auth__send">
                    <i class="fa-solid fa-paper-plane"></i>
                    <span>{{ __('general.recover_send') }}</span>
                </button>

                <a class="auth__link auth__link--center" href="{{ route('login') }}">{{ __('general.recover_back_login') }}</a>
            </form>
        </div>

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

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