@extends("lucent::layouts.account")

@section("content")
    <div class="scope-login">
        <div class="bg-image">

        </div>
        <div class="login-form">
            <div class="form">
                <h2 class="mb-5">Enter Lucent</h2>

                <form hx-post="/lucent/login" >
                    @csrf
                    <p>Submit your email address and you will receive a <b>login link</b> to your email</p>
                    <p>Don't forget to check your spam folder</p>
                    <div class="mt-5 mb-3">
                        <label for="emailaddress" class="form-label">Email address</label>
                        <input
                                type="email"
                                name="email"
                                class="form-control"
                                id="emailaddress"
                                required
                        />
                    </div>



                    <x-lucent::button-indicator>
                        Send email
                    </x-lucent::button-indicator>

                </form>
            </div>
        </div>
    </div>
@endsection