{% extends "base.html" %}
{% block contenido %}

<nav aria-label="breadcrumb">
  <ol class="breadcrumb lh-sm">
    <li class="breadcrumb-item">
      <a href="{{ url_for('cacao_app.pagina_inicio') }}" class="link-dark">
        <i class="bi bi-house"></i> {{ _("Inicio") }}
      </a>
    </li>
    <li class="breadcrumb-item">
      <a href="{{ url_for('admin.admin_') }}" class="link-dark">{{ _("Configuración") }}</a>
    </li>
    <li class="breadcrumb-item active" aria-current="page">{{ _("Administración de Usuarios") }}</li>
  </ol>
</nav>

<div class="ca-page-header">
  <h4><i class="bi bi-people me-2" style="color:#BB6A40"></i>{{ _("Administración de Usuarios") }}</h4>
</div>

<div class="ca-card mb-4">
  <div class="d-flex justify-content-between align-items-center">
    <p class="mb-0" style="color:#64748b;font-size:.875rem;">
      {{ _("Administra usuarios del sistema, asigna roles y controla su estado de acceso.") }}
    </p>
    {% if can_create_user %}
    <a href="{{ url_for('admin.crear_usuario') }}" class="btn btn-sm btn-primary">{{ _("Nuevo Usuario") }}</a>
    {% endif %}
  </div>
</div>

<div class="ca-card p-4">
  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      {% for category, message in messages %}
        <div class="alert alert-{{ 'danger' if category == 'danger' else 'success' }} py-2 small">{{ message }}</div>
      {% endfor %}
    {% endif %}
  {% endwith %}

  <div class="table-responsive">
    <table class="table table-sm align-middle">
      <caption>{{ _("Administración de Usuarios del Sistema") }}</caption>
      <thead>
        <tr>
          <th>{{ _("Usuario") }}</th>
          <th>{{ _("Correo") }}</th>
          <th>{{ _("Roles") }}</th>
          <th>{{ _("Estado") }}</th>
          <th class="text-end">{{ _("Acciones") }}</th>
        </tr>
      </thead>
      <tbody>
        {% for usuario in usuarios %}
        <tr>
          <td><strong>{{ usuario.user }}</strong></td>
          <td>{{ usuario.e_mail or "-" }}</td>
          <td>{{ roles_por_usuario[usuario.id] or _("Sin roles") }}</td>
          <td>
            <span class="badge bg-{{ 'success' if usuario.active else 'secondary' }}">
              {{ _('Activo') if usuario.active else _('Inactivo') }}
            </span>
          </td>
          <td class="text-end">
            <a href="{{ url_for('admin.editar_usuario', user_id=usuario.id) }}" class="badge text-bg-primary text-decoration-none me-1">{{ _("Editar") }}</a>
            <a href="{{ url_for('admin.usuario_roles', user_id=usuario.id) }}" class="badge text-bg-secondary text-decoration-none me-1">{{ _("Roles") }}</a>
            {% if is_cloud_mode() and usuario.classification not in ('customer', 'supplier') %}
            <a href="{{ url_for('admin.usuario_companias', user_id=usuario.id) }}" class="badge text-bg-info text-decoration-none me-1">{{ _("Compañías") }}</a>
            {% endif %}
            <a href="{{ url_for('admin.usuario_password', user_id=usuario.id) }}" class="badge text-bg-warning text-dark text-decoration-none me-1">{{ _("Contraseña") }}</a>
            <form method="post" class="d-inline">
              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
              <input type="hidden" name="user_id" value="{{ usuario.id }}">
              <button
                type="submit"
                name="action"
                value="toggle"
                class="badge border-0 bg-{{ 'danger' if usuario.active else 'success' }}"
              >
                {{ _('Deshabilitar') if usuario.active else _('Habilitar') }}
              </button>
            </form>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

{% endblock %}