{% extends "base.html" %}
{% block title %}Benutzerverwaltung - Docker Registry{% endblock %}
{% block content %}

<div class="card">
    <h2>Neuen Benutzer anlegen</h2>
    <form method="post" action="{{ url_for('add_user') }}">
        <div class="form-row">
            <div class="form-group">
                <label for="username">Benutzername</label>
                <input type="text" id="username" name="username" required placeholder="z.B. deploy-user">
            </div>
            <div class="form-group">
                <label for="password">Passwort</label>
                <input type="password" id="password" name="password" required placeholder="Min. 6 Zeichen" minlength="6">
            </div>
            <div>
                <button type="submit" class="btn btn-primary">Anlegen</button>
            </div>
        </div>
    </form>
</div>

<div class="card">
    <h2>Registry-Benutzer</h2>
    {% if users %}
    <table>
        <thead>
            <tr>
                <th>Benutzername</th>
                <th>Erstellt am</th>
                <th>Passwort aendern</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for user in users %}
            <tr>
                <td><strong>{{ user.username }}</strong></td>
                <td>{{ user.created_at }}</td>
                <td>
                    <form method="post" action="{{ url_for('change_password', user_id=user.id) }}" class="inline-form">
                        <input type="password" name="password" placeholder="Neues Passwort" required minlength="6">
                        <button type="submit" class="btn btn-secondary">Aendern</button>
                    </form>
                </td>
                <td>
                    <form method="post" action="{{ url_for('delete_user', user_id=user.id) }}"
                          onsubmit="return confirm('Benutzer &quot;{{ user.username }}&quot; wirklich loeschen?')">
                        <button type="submit" class="btn btn-danger">Loeschen</button>
                    </form>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p class="empty">Noch keine Benutzer angelegt.</p>
    {% endif %}
</div>

<div class="card">
    <h2>Nutzung</h2>
    <p style="font-size: 0.9rem; color: #6b7280; line-height: 1.6;">
        Nach dem Anlegen eines Benutzers kann sich dieser mit <code>docker login {{ request.host }}</code> anmelden
        und Images pushen/pullen.
    </p>
</div>

{% endblock %}