{% extends "base.html" %}

{% block title %}Central - Setup{% endblock %}

{% block content %}
<article>
    <header>
        <h1>Central First-Time Setup</h1>
        <p>Create the initial operator account to get started.</p>
    </header>
    
    {% if error %}
    <p style="color: var(--pico-color-red-500);">{{ error }}</p>
    {% endif %}
    
    <form action="/setup" method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        
        <label for="username">
            Username
            <input type="text" id="username" name="username" required 
                   autocomplete="username" autofocus>
        </label>
        
        <label for="password">
            Password
            <input type="password" id="password" name="password" required
                   autocomplete="new-password" minlength="8">
            <small>Minimum 8 characters</small>
        </label>
        
        <label for="confirm_password">
            Confirm Password
            <input type="password" id="confirm_password" name="confirm_password" required
                   autocomplete="new-password">
        </label>
        
        <button type="submit">Create Operator</button>
    </form>
</article>
{% endblock %}