{% extends "base_admin.html" %}

{% block title %}BackItUp - Benutzer{% endblock %}

{% block content %}
<h2>Benutzerverwaltung</h2>
<p>Lege neue Benutzer fuer den Browser-Login an und steuere Adminrechte.</p>

<div class="grid">
  <article class="card">
    <h3>Neuen Benutzer anlegen</h3>
    <form method="post" action="{{ url_for('users') }}">
      <label for="username">Benutzername</label>
      <input id="username" name="username" type="text" required>

      <label for="password">Passwort</label>
      <input id="password" name="password" type="password" autocomplete="new-password" required>

      <label for="password_confirm">Passwort bestaetigen</label>
      <input id="password_confirm" name="password_confirm" type="password" autocomplete="new-password" required>

      <label>
        <input name="is_admin" type="checkbox" style="width:auto; margin-right:8px;"> Als Admin anlegen
      </label>

      <button class="btn" type="submit">Benutzer erstellen</button>
    </form>
  </article>

  <article class="card">
    <h3>Bestehende Benutzer</h3>
    <table class="users-table">
      <thead>
        <tr>
          <th>Benutzername</th>
          <th>Rolle</th>
        </tr>
      </thead>
      <tbody>
        {% for user in users %}
        <tr>
          <td>{{ user.username }}</td>
          <td>
            {% if user.is_admin %}
            <span class="badge">Admin</span>
            {% else %}
            Benutzer
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </article>
</div>
{% endblock %}