{% extends "base.html" %}

{% block content %}
<div class="admin-panel">
    <h2>Benutzerverwaltung</h2>
    
    <!-- Tabelle für Benutzerverwaltung -->
    <table class="user-table">
        <thead>
            <tr>
                <th>ID</th>
                <th>Benutzername</th>
                <th>Admin</th>
                <th>Aktionen</th>
            </tr>
        </thead>
        <tbody>
            {% for user in users %}
            <tr>
                <td>{{ user.id }}</td>
                <td>{{ user.username }}</td>
                <td>{{ 'Ja' if user.is_admin else 'Nein' }}</td>
                <td>
                    <form action="{{ url_for('auth.reset_password', user_id=user.id) }}" method="post" style="display:inline;">
                        <input type="text" name="new_password" placeholder="Neues Passwort" required>
                        <button type="submit" class="reset-btn">Passwort zurücksetzen</button>
                    </form>
                    {% if not user.is_admin %}
                    <form action="{{ url_for('auth.delete_user', user_id=user.id) }}" method="post" style="display:inline;">
                        <button type="submit" class="delete-btn">Benutzer löschen</button>
                    </form>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    
    <!-- Formular zum Erstellen neuer Benutzer -->
    <h3>Neuen Benutzer erstellen</h3>
    <form action="{{ url_for('auth.create_user') }}" method="post" class="create-user-form">
        <input type="text" name="username" placeholder="Benutzername" required>
        <input type="password" name="password" placeholder="Passwort" required>
        <label>
            <input type="checkbox" name="is_admin"> Admin
        </label>
        <button type="submit" class="create-btn">Benutzer erstellen</button>
    </form>
</div>

<div class="config-box">
    <h3>⚙️ Einstellungen</h3>
    <form action="{{ url_for('auth.toggle_signup') }}" method="POST">
        <div class="toggle-row">
            <span>Benutzer-Registrierung:</span>
            {% if signup_allowed %}
                <span class="badge badge-green">✅ Aktiv</span>
                <button type="submit" class="btn-danger">🔒 Deaktivieren</button>
            {% else %}
                <span class="badge badge-red">🔒 Deaktiviert</span>
                <button type="submit" class="btn-success">✅ Aktivieren</button>
            {% endif %}
        </div>
    </form>
</div>

<style>
.config-box      { background: #f8f9fa; border: 1px solid #ddd; border-radius: 6px; padding: 16px; margin-bottom: 24px; }
.toggle-row      { display: flex; align-items: center; gap: 12px; }
.badge           { padding: 3px 10px; border-radius: 12px; font-size: 0.85em; font-weight: bold; }
.badge-green     { background: #d4edda; color: #155724; }
.badge-red       { background: #f8d7da; color: #721c24; }
.btn-danger      { background: #e74c3c; color: white; border: none; padding: 6px 14px; border-radius: 4px; cursor: pointer; }
.btn-success     { background: #27ae60; color: white; border: none; padding: 6px 14px; border-radius: 4px; cursor: pointer; }
.btn-danger:hover  { background: #c0392b; }
.btn-success:hover { background: #1e8449; }
</style>
{% endblock %}