{{define "setup_hub_restore"}}
<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hub visszaállítás — Felhom</title>
    <link rel="stylesheet" href="/static/style.css">
</head>
<body class="login-body">
    <div class="setup-container">
        <div class="setup-header">
            <img src="/static/felhom-logo.svg" alt="Felhom.eu" style="width: 120px;">
            <h1>Visszaállítás a Hub-ról</h1>
            <p style="color: var(--text-secondary, #8b949e);">Adja meg az ügyfél-azonosítót és jelszót a mentés letöltéséhez.</p>
        </div>

        {{if .Error}}<div class="alert alert-error">{{.Error}}</div>{{end}}

        <div class="setup-card">
            <form method="POST" action="/setup/hub-restore">
                <input type="hidden" name="_csrf" value="{{.CSRF}}">
                <div class="form-group">
                    <label for="customer_id">Ügyfél-azonosító</label>
                    <input type="text" id="customer_id" name="customer_id" class="form-control"
                           value="{{.CustomerID}}" required autofocus placeholder="pl. kiscsalad-bp">
                </div>
                <div class="form-group">
                    <label for="password">Visszaállítási jelszó</label>
                    <input type="password" id="password" name="password" class="form-control"
                           required placeholder="A Hub-on beállított jelszó">
                </div>
                <div style="display: flex; gap: 0.75rem; margin-top: 1.5rem;">
                    <button type="submit" class="btn btn-primary">Kapcsolódás</button>
                    <a href="/setup" class="btn btn-outline">Vissza</a>
                </div>
            </form>
        </div>
    </div>
</body>
</html>
{{end}}
