{% extends "base.html" %}
{% block title %}First-Run Setup — Steward{% endblock %}
{% block content %}
<div style="max-width:400px;margin:4rem auto;">
    <div class="card">
        <h2 class="page-title" style="margin-bottom:0.5rem;">First-Run Setup</h2>
        <p style="margin-bottom:1.5rem;color:var(--text-muted);font-size:0.9rem;">Create the initial admin account.</p>
        <form method="post" action="/setup">
            <div class="form-group">
                <label>Username</label>
                <input type="text" name="username" autofocus required>
            </div>
            <div class="form-group">
                <label>Email</label>
                <input type="email" name="email" required>
            </div>
            <div class="form-group">
                <label>Password</label>
                <input type="password" name="password" required>
            </div>
            <div class="form-group">
                <label>Steward URL
                    <span style="color:var(--text-muted);font-weight:normal;font-size:0.78rem;">(how hosts & browsers reach this server)</span>
                </label>
                <input type="text" name="public_base_url" value="{{ default_url or '' }}"
                       placeholder="https://steward.example.com">
                <span style="color:var(--text-muted);font-size:0.78rem;">
                    Used for agent installs, share links, and alert links. Pre-filled from your current
                    address — change it if hosts reach Steward by a different name. Editable later in Settings → General.
                </span>
            </div>
            <button type="submit" class="btn">Create Admin Account</button>
        </form>
    </div>
</div>
{% endblock %}