@extends('layouts.guest')
@section('title', 'Reset your password – ' . \App\Models\Setting::get('system_short_name', 'TRACE'))
@section('content')

@if(! \App\Support\Registration::passwordLoginEnabled())
<h1 class="h3 fw-bold mb-1">Sign in without a password</h1>
<p class="text-muted mb-4" style="font-size:.9rem">
    TRACE doesn't use passwords. Enter your email and we'll send you a one-time code.
</p>
<a href="{{ route('login.code') }}" class="btn btn-primary w-100 mb-3">
    <i class="bi bi-envelope me-1"></i>Email me a sign-in code
</a>
<p class="text-center small text-muted mb-0">
    <a href="{{ route('login') }}" class="fw-semibold text-decoration-none">Back to sign in</a>
</p>
@else
<h1 class="h3 fw-bold mb-1">Reset your password</h1>
<p class="text-muted mb-4" style="font-size:.9rem">
    Enter your email and we'll send you a link to set a new one.
</p>

@if(session('status'))
<div class="alert alert-success d-flex align-items-start gap-2 py-2">
    <i class="bi bi-check-circle mt-1"></i>
    <div>{{ session('status') }}</div>
</div>
@endif

@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('password.email') }}" 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@uitm.edu.my">
    </div>

    <button type="submit" class="btn btn-primary w-100">
        Send reset link <i class="bi bi-envelope-arrow-up ms-1"></i>
    </button>
</form>

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

<a href="{{ route('login.code') }}" class="btn btn-google w-100 mb-2">
    <i class="bi bi-envelope me-1"></i>Sign in with a one-time code
</a>

<p class="text-center small text-muted mt-4 mb-0">
    Remembered it? <a href="{{ route('login') }}" class="fw-semibold text-decoration-none">Back to sign in</a>
</p>
@endif
@endsection