transition
This commit is contained in:
@@ -0,0 +1,9 @@
|
||||
|
||||
|
||||
<x-lucent::notice type="success" title="Success">
|
||||
<p>
|
||||
If you have provided a valid email you should receive in the following seconds a login email
|
||||
</p>
|
||||
|
||||
<p>You can safely close this tab</p>
|
||||
</x-lucent::notice>
|
||||
@@ -0,0 +1,36 @@
|
||||
@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" >
|
||||
<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
|
||||
@@ -0,0 +1,24 @@
|
||||
@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">Welcome to Lucent</h2>
|
||||
|
||||
<form hx-post="/lucent/verify" hx-redirect="/lucent" hx-target-error=".form-errors" >
|
||||
<input type="hidden" value="{{$email}}" name="email" />
|
||||
<input type="hidden" value="{{$token}}" name="token" />
|
||||
@csrf
|
||||
<x-lucent::button-indicator>
|
||||
Enter as {{$email}}
|
||||
</x-lucent::button-indicator>
|
||||
</form>
|
||||
<div class="form-errors"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user