{% extends "base.html" %}
{% block title %}Users{% endblock %}

{% block content %}
<div class="d-flex align-items-center justify-content-between mb-3">
  <h4 class="fw-bold mb-0">
    <i class="bi bi-people-fill me-2 text-primary"></i>Users
  </h4>
  <a href="{{ url_for('settings.user_new') }}" class="btn btn-sm btn-primary">
    <i class="bi bi-person-plus-fill me-1"></i>New User
  </a>
</div>

<div class="card border-0 shadow-sm">
  <div class="card-body p-0">
    <table class="table table-hover mb-0">
      <thead class="table-dark">
        <tr>
          <th class="ps-3">Username</th>
          <th style="width:8rem;">Role</th>
          <th>Domain</th>
          <th>Mailbox</th>
          <th style="width:6rem;" class="text-center">Active</th>
          <th style="width:11rem;">Last Login</th>
          <th style="width:9rem;" class="text-center">Actions</th>
        </tr>
      </thead>
      <tbody>
        {% if domain_admins %}
          {% for u in domain_admins %}
          <tr class="{% if not u.is_active %}table-secondary opacity-60{% endif %}">
            <td class="ps-3 font-monospace">
              {{ u.username }}
              {% if u.is_mailbox_user and u.aliases %}
                {% set n = u.aliases|length %}
                <span class="text-muted small ms-1">(+{{ n }} alias{% if n != 1 %}es{% endif %})</span>
              {% endif %}
            </td>
            <td>
              {% if u.role == 'domain_admin' %}
                <span class="badge bg-primary">Domain admin</span>
              {% elif u.role == 'user' %}
                <span class="badge bg-info text-dark">Mailbox user</span>
              {% else %}
                <span class="badge bg-secondary">{{ u.role }}</span>
              {% endif %}
            </td>
            <td>{{ u.domain.domain if u.domain else '-' }}</td>
            <td class="font-monospace small">{{ u.mailbox or '-' }}</td>
            <td class="text-center">
              {% if u.is_active %}
                <span class="badge bg-success">Yes</span>
              {% else %}
                <span class="badge bg-secondary">No</span>
              {% endif %}
            </td>
            <td class="small text-muted">
              {{ u.last_login.strftime('%Y-%m-%d %H:%M') if u.last_login else 'Never' }}
            </td>
            <td class="text-center">
              <div class="d-flex justify-content-center gap-1">
                <a href="{{ url_for('settings.user_edit', user_id=u.id) }}"
                   class="btn btn-sm btn-outline-secondary py-0 px-2" title="Edit">
                  <i class="bi bi-pencil-fill"></i>
                </a>
                {% if u.id != current_user.id %}
                <form method="POST"
                      action="{{ url_for('settings.user_delete', user_id=u.id) }}"
                      data-confirm-msg="Delete user {{ u.username }}?"
                      onsubmit="return confirm(this.dataset.confirmMsg)">
                  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                  <button type="submit" class="btn btn-sm btn-outline-danger py-0 px-2"
                          title="Delete">
                    <i class="bi bi-trash3-fill"></i>
                  </button>
                </form>
                {% endif %}
              </div>
            </td>
          </tr>
          {% endfor %}
        {% else %}
          <tr>
            <td colspan="7" class="text-center text-muted py-4">
              <i class="bi bi-people fs-2 d-block mb-2 text-secondary"></i>
              No user accounts yet.
            </td>
          </tr>
        {% endif %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}