@extends("layouts.guest")
@section("title", "Sign in with a link")
@section("heading", "Sign in with a link")
@section("subheading")
<p class="mt-2 text-sm text-ink-500 dark:text-ink-400">
Give us the address on the account and we will email you a link that signs you in.
</p>
@endsection
@section("content")
@include("partials.errors")
<form method="post" action="/magic-link" class="space-y-5" novalidate>
{!! csrf_field !!}
<div>
<label for="email" class="field-label">Email</label>
<div class="relative">
<svg class="field-icon" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M3 6.25A2.25 2.25 0 0 1 5.25 4h9.5A2.25 2.25 0 0 1 17 6.25v.36l-7 3.89-7-3.89v-.36Z"/><path d="M3 8.33v5.42A2.25 2.25 0 0 0 5.25 16h9.5A2.25 2.25 0 0 0 17 13.75V8.33l-6.64 3.69a.75.75 0 0 1-.72 0L3 8.33Z"/></svg>
<input id="email" name="email" type="email" value="{{ old_email }}" required autofocus
autocomplete="email" inputmode="email"
class="field-input pl-9 @if(error_email) field-input-invalid @endif">
</div>
@if(error_email)<p class="field-error">{{ error_email }}</p>@endif
</div>
<button type="submit" class="btn-primary w-full">Email me a link</button>
</form>
<div class="mt-6 border-t border-ink-200 pt-5 text-center dark:border-ink-800">
<a href="/login" class="text-sm font-medium text-ink-500 hover:text-ink-700 dark:text-ink-400">Sign in with a password instead</a>
</div>
@endsection