@extends('layouts.guest')
@section('title', 'Sign in with a code – ' . \App\Models\Setting::get('system_short_name', 'TRACE'))
@section('content')

<h1 class="h3 fw-bold mb-1">Sign in with a code</h1>
<p class="text-muted mb-4" style="font-size:.9rem">
    We'll email you a one-time code. No password needed.
</p>

@if($errors->any())
<div class="alert alert-danger d-flex align-items-start gap-2 py-2">
    <i class="bi bi-exclamation-circle mt-1"></i>
    <div>{{ $errors->first() }}</div>
</div>
@endif

<form method="POST" action="{{ route('login.code.send') }}" class="mb-3">
    @csrf
    <div class="mb-3">
        <label class="form-label" for="email">Email address</label>
        <input type="email" id="email" name="email" class="form-control"
               value="{{ old('email') }}" required autofocus autocomplete="email"
               placeholder="you@hospital.gov.my">
        <div class="form-text">Use the address your invitation was sent to.</div>
    </div>

    <button type="submit" class="btn btn-primary w-100">
        Email me a code <i class="bi bi-envelope-arrow-up ms-1"></i>
    </button>
</form>

<div class="auth-divider my-3">or</div>

<a href="{{ route('login') }}" class="btn btn-google w-100">
    <i class="bi bi-key me-1"></i>Sign in with a password
</a>

<p class="text-center small text-muted mt-4 mb-0">
    Codes expire after {{ \App\Models\LoginCode::TTL_MINUTES }} minutes.
</p>
@endsection