<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Fieldly — Reset Password</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"/>
    <style>body{background:#f1f5f9;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:-apple-system,sans-serif}.card{max-width:400px;width:100%;border-radius:16px;border:none;box-shadow:0 4px 24px rgba(0,0,0,.08)}.form-control{font-size:16px}</style>
</head>
<body>
    <div class="card p-4">
        <h4 class="fw-bold mb-1">Reset Password</h4>
        <p class="text-muted mb-3" style="font-size:14px">Enter your email and we'll send a reset link.</p>
        <?php if (session()->getFlashdata('error')): ?><div class="alert alert-danger py-2"><?= esc(session()->getFlashdata('error')) ?></div><?php endif; ?>
        <form action="/forgot-password" method="POST">
            <?= csrf_field() ?>
            <div class="mb-3"><label class="form-label fw-semibold" style="font-size:13px">Email</label><input type="email" name="email" class="form-control" required/></div>
            <button type="submit" class="btn btn-primary w-100">Send Reset Link</button>
            <div class="text-center mt-2"><a href="/login" style="font-size:13px">Back to login</a></div>
        </form>
    </div>
</body>
</html>
