<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>FROGS</title>
    <link rel="stylesheet" href="assets/css/style.css?v=1.74.4">
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico">
    <link rel="apple-touch-icon" href="assets/img/frogs_logo_200.png">
    <style>
        html { scroll-behavior: smooth; }
        .nav-dropdown { position: relative; }
        .nav-dropdown > a::after { content: ' ▾'; font-size: 0.7em; }
        .nav-dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background: var(--green); min-width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); border-radius: 0 0 6px 6px; z-index: 200; }
        .nav-dropdown:hover .nav-dropdown-menu { display: block; }
        .nav-dropdown-menu a { display: block; padding: 0.5rem 1rem; border-bottom: 1px solid rgba(255,255,255,0.1); }
        .nav-dropdown-menu a:last-child { border-bottom: none; }
        .nav-user { font-size: 0.8rem; opacity: 0.7; padding: 0 0.75rem; }
        @media (max-width: 768px) {
            .nav-dropdown-menu { position: static; box-shadow: none; }
            .nav-dropdown:hover .nav-dropdown-menu { display: block; }
            .nav-dropdown-menu a { padding-left: 2rem; }
        }
        /* Member self-highlight — scoreboards (whole row) */
        .hl-me-row td { background: #fef3e2 !important; }
        .hl-me-row td:first-child { border-left: 3px solid #085041; padding-left: 6px !important; }
        /* Member self-highlight — name only (scorecards, MP draw) */
        .hl-me-name { color: #92400E; font-weight: 600; }
    </style>
</head>
<body>
<main class="container">

<div style="min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;padding:1rem">
<div style="background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.08);padding:2.5rem 2rem;width:100%;max-width:400px">

    <div style="text-align:center;margin-bottom:2rem">
        <img src="assets/img/frogs_logo.png" alt="FROGS Logo" style="width:120px;height:auto;margin-bottom:0.75rem">
        <h1 style="font-size:1.5rem;color:#0f5c2e;margin:0.25rem 0;letter-spacing:0.05em">FROGS</h1>
        <p style="color:var(--text-muted);font-size:0.9rem">Members App</p>
    </div>

    
    <form method="post">
        <div class="form-group">
            <label>Email <span style="color:var(--text-muted);font-weight:400">(members)</span>
                &nbsp;/&nbsp; Username <span style="color:var(--text-muted);font-weight:400">(admin)</span>
            </label>
            <input type="text" name="identifier"
                   value=""
                   autofocus autocomplete="username" required>
        </div>
        <div class="form-group">
            <label>Password</label>
            <input type="password" name="password" autocomplete="current-password" required>
        </div>
        <button type="submit" class="btn btn-primary" style="width:100%;padding:0.75rem">
            Log In
        </button>
    </form>

        
    <div style="text-align:center;margin-top:1.25rem">
        <a href="#" id="reset-toggle"
           style="font-size:0.85rem;color:var(--text-muted);text-decoration:underline"
           onclick="event.preventDefault();var f=document.getElementById('reset-form');var s=f.style.display==='none';f.style.display=s?'block':'none';this.style.display=s?'none':'inline';">
            Forgot password?
        </a>
    </div>

    <form method="post" id="reset-form"
          style="margin-top:0.75rem;display:none">
        <input type="hidden" name="action" value="request_reset_public">
        <div class="form-group" style="margin-bottom:0.5rem">
            <label style="font-size:0.85rem">Your registered email</label>
            <input type="email" name="reset_email" required autocomplete="email"
                   value="">
        </div>
        <button type="submit" class="btn btn-secondary" style="width:100%;padding:0.6rem;font-size:0.9rem">
            Send password reset link
        </button>
    </form>

    <p style="text-align:center;margin-top:1.25rem;font-size:0.8rem;color:var(--text-muted)">
        Still stuck? Email <a href="mailto:admin@frogs.lu" style="color:var(--text-muted)">admin@frogs.lu</a>.
    </p>

</div>

<!-- ── Main sponsor block ────────────────────────────────────────────── -->
<div style="text-align:center;width:100%;max-width:400px">
    <p style="font-size:0.7rem;color:#9ca3af;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 0.75rem;font-weight:500">Main sponsor</p>
    <img src="/assets/img/sponsors/ONE-logo-300.png" alt="ONE Group Solutions — main sponsor" class="sponsor-logo sponsor-logo-lg" width="180">    <p style="font-size:0.8rem;color:var(--text-muted);margin:0.6rem 0 0">ONE Group Solutions</p>
</div>

</div>
</main>
<footer class="footer">
    <p>FROGS v1.74.4 &middot; 2026</p>
    <p style="font-size:0.75rem; color:var(--text-muted); margin-top:0.25rem;">Friendly Round of Golf Society</p>
</footer>
</body>
</html>
