{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Register Admin - {{ login_brand_name }}{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/hil-pages/register_admin.css">
{% endblock %}
{% block content %}
<div class="register-shell">
    <div class="register-card">
        <a href="{{ home_url }}" class="back-link">← Back to Dashboard</a>
        <h1 class="brand">Add Admin</h1>
        <p class="subtitle">Create an additional admin account for your shop. Maximum 5 admins allowed.</p>

        {% if error %}
            <div class="error">{{ error }}</div>
        {% endif %}

        <form method="POST" action="/register-admin">
            <div class="form-group">
                <label for="username">Admin Username</label>
                <input id="username" name="username" placeholder="Enter username" required>
            </div>

            <div class="form-group">
                <label for="password">Password</label>
                <input id="password" name="password" type="password" placeholder="Enter password (min 8 chars)" required minlength="8">

            </div>

            <div class="form-group">
                <label for="confirm-password">Confirm Password</label>
                <input id="confirm-password" name="confirm_password" type="password" placeholder="Confirm password" required>
            </div>

            <button type="submit">Create Admin</button>
        </form>
    </div>
</div>
{% endblock %}