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

<div class="ca-page-header">
  <h4><i class="bi bi-shield-check me-2" style="color:#78BF30"></i>Verificación de Permisos de Acceso</h4>
</div>

<div class="ca-card">
  <div class="ca-card-header">
    <h5 class="ca-card-title"><i class="bi bi-person-circle"></i> Usuario Actual</h5>
  </div>
  <table class="ca-table">
    <caption class="visually-hidden">Información del usuario actualmente autenticado</caption>
    <thead>
      <tr>
        <th scope="col">Campo</th>
        <th scope="col">Valor</th>
      </tr>
    </thead>
    <tbody>
      <tr><td style="color:#64748b;">Nombre</td><td>{{ current_user.p_nombre }} {{ current_user.s_nombre }}</td></tr>
      <tr><td style="color:#64748b;">Apellido</td><td>{{ current_user.p_apellido }} {{ current_user.s_apellido }}</td></tr>
      <tr><td style="color:#64748b;">Correo</td><td>{{ current_user.correo_e }}</td></tr>
      <tr><td style="color:#64748b;">Usuario</td><td>{{ current_user.usuario }}</td></tr>
      <tr><td style="color:#64748b;">UUID</td><td style="font-family:monospace;font-size:.8rem;">{{ current_user.id }}</td></tr>
    </tbody>
  </table>
</div>

<div class="ca-card mt-3">
  <div class="ca-card-header">
    <h5 class="ca-card-title"><i class="bi bi-person-badge"></i> Roles Asignados</h5>
  </div>
  <table class="ca-table">
    <caption class="visually-hidden">Roles asignados al usuario actual</caption>
    <thead>
      <tr>
        <th>Usuario</th>
        <th>Rol</th>
        <th>Código Único</th>
      </tr>
    </thead>
    <tbody>
      {% for role in roles %}
      <tr>
        <td>{{ role.Usuario.usuario }}</td>
        <td>{{ role.Roles.name }}</td>
        <td style="font-family:monospace;font-size:.8rem;">{{ role.Roles.id }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{% for modulo in modulos %}
<div class="ca-card mt-3">
  <div class="ca-card-header">
    <h5 class="ca-card-title"><i class="bi bi-puzzle"></i> Módulo: {{ modulo.modulo | capitalize }}</h5>
    <span style="font-size:.75rem;color:#64748b;font-family:monospace;">{{ modulo.id }}</span>
  </div>
  <table class="ca-table">
    <caption class="visually-hidden">Permisos disponibles para el módulo mostrado</caption>
    <thead>
      <tr>
        <th>Permiso</th>
        <th>Estado</th>
      </tr>
    </thead>
    <tbody>
      {% set perms = [
        ("Autorizado", "autorizado"),
        ("Actualizar", "actualizar"),
        ("Anular", "anular"),
        ("Autorizar", "autorizar"),
        ("BI", "bi"),
        ("Cerrar", "cerrar"),
        ("Crear", "crear"),
        ("Consultar", "consultar"),
        ("Corregir", "corregir"),
        ("Eliminar", "eliminar"),
        ("Editar", "editar"),
        ("Importar", "importar"),
        ("Listar", "listar"),
        ("Reportar", "reportes"),
        ("Solicitar", "solicitar"),
        ("Validar", "validar"),
        ("Validar Solicitud", "validar_solicitud"),
      ] %}
      {% for label, attr in perms %}
      <tr>
        <td>{{ label }}</td>
        <td>
          {% if permisos(modulo=modulo.id, usuario=current_user.id)[attr] %}
          <span style="color:#78BF30;"><i class="bi bi-check-circle-fill me-1"></i>Permitido</span>
          {% else %}
          <span style="color:#e74c3c;"><i class="bi bi-x-circle me-1"></i>No Permitido</span>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endfor %}
{% endblock %}