@extends('auth.main')

@section('content-auth')
<form method="POST" action="{{ route('password.email') }}">
    @csrf
    <!-- Email / User login input -->
    <div class="form-floating mb-4">
        <input type="text" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ old('email') }}" placeholder autocomplete>
        <label for="email">{{ __('validation.attributes.email') }}<span class="text-danger">*</span></label>
        @error('email')
        <div class="invalid-feedback" role="alert">
            {{ $message }}
        </div>
        @enderror
    </div>

    <button type="submit" id="submit-forgot" class="btn w-100 btn-warning btn-block">
        <i class="fa fa-fw fa-rotate me-1"></i> {{ __('auth.send-password-reset') }}
    </button>

    <hr class="my-4">
    <div class="d-flex justify-content-center align-items-center">
        <a href="/"
            class="btn btn-sm btn-alt-success p-1 m-1 ">
            <i class="fa fa-fw fa-sign-in-alt me-1"></i> {{ __('general.login') }}

        </a>
    </div>

    @session('status')
        <div class="alert alert-success m-0 mt-2" role="alert">
            {{ session('status') }}
        </div>
    @endsession
</form>
@endsection

@push('scripts')
<script type="module">
        let inputEmail = document.getElementById("email");
        // Execute a function when the user presses a key on the keyboard
        inputEmail.addEventListener("keypress", function (event) {
            // If the user presses the "Enter" key on the keyboard
            if (event.key === "Enter") {
                // Cancel the default action, if needed
                event.preventDefault();
                // Trigger the button element with a click
                document.getElementById("submit-forgot").click();
            }
        });
    </script>
@endpush