{% extends "base.html" %}
{% block title %}Users - Juniper Manager{% endblock %}
{% block content %}
<div class="actions-row">
  <h1>Users</h1>
  <a href="{{ url_for('users.new_user') }}" class="btn btn-primary">Add user</a>
</div>

<div class="card">
  <table>
    <thead>
      <tr><th>Username</th><th>Email</th><th>Role</th><th>Status</th><th></th></tr>
    </thead>
    <tbody>
      {% for user in users %}
      <tr>
        <td>{{ user.username }}</td>
        <td>{{ user.email or "—" }}</td>
        <td><span class="badge badge-{{ user.role }}">{{ user.role }}</span></td>
        <td>{% if user.is_active_user %}<span class="status-ok">Active</span>{% else %}<span class="status-bad">Disabled</span>{% endif %}</td>
        <td>
          <a href="{{ url_for('users.edit_user', user_id=user.id) }}" class="btn btn-sm">Edit</a>
          {% if user.id != current_user.id %}
          <form class="inline" method="post" action="{{ url_for('users.delete_user', user_id=user.id) }}" onsubmit="return confirm('Delete user {{ user.username }}?');">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button type="submit" class="btn btn-sm btn-danger">Delete</button>
          </form>
          {% endif %}
        </td>
      </tr>
      {% else %}
      <tr><td colspan="5">No users yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}