{% set acceso = permisos(modulo=id_modulo("purchases"), usuario=usuario.id) %}
{% extends "base.html" %}
{% block contenido %}

{%- if TESTING -%}
<div data-test_info="La Plantilla fue renderizada correctamente: cacao_accounting/compras/templates/compras.html"></div>
{%- endif -%}

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

<div class="ca-page-header">
  <h4><i class="bi bi-cart4 me-2" style="color:#78BF30"></i>Módulo de Compras</h4>
</div>

<div class="ca-module-grid">

  {# ── Columna 1: Configuración ─────────────────────── #}
  <div class="ca-module-card">
    <h5><i class="bi bi-sliders"></i> Configuración del Módulo</h5>
    <ul class="ca-module-links">

      {% if acceso.configurar %}
      <li>
        <a href="{{ url_for('compras.compras_proveedor_lista') }}">Proveedores</a>
        <span class="ca-status-dot ca-status-ok" title="Acceso disponible"></span>
      </li>
      {% else %}
      <li class="ca-no-access">
        <span>Proveedores</span>
        <span class="ca-status-dot ca-status-no-access" title="Sin acceso a configuración"></span>
      </li>
      {% endif %}

    </ul>
  </div>

  {# ── Columna 2: Registros ─────────────────────────── #}
  <div class="ca-module-card">
    <h5><i class="bi bi-card-list"></i> Registros del Módulo</h5>
    <ul class="ca-module-links">

      {% if acceso.autorizado %}
      <li>
        <a href="{{ url_for('compras.compras_solicitud_compra_lista') }}">Solicitud de Compra</a>
        <span class="ca-status-dot ca-status-ok" title="Acceso disponible"></span>
      </li>
      <li>
        <a href="{{ url_for('compras.compras_solicitud_cotizacion_lista') }}">Solicitud de Cotización</a>
        <span class="ca-status-dot ca-status-ok" title="Acceso disponible"></span>
      </li>
      <li>
        <a href="{{ url_for('compras.compras_cotizacion_proveedor_lista') }}">Cotización de Proveedor</a>
        <span class="ca-status-dot ca-status-ok" title="Acceso disponible"></span>
      </li>
      <li>
        <a href="{{ url_for('compras.compras_comparativo_ofertas_lista') }}">Comparativo de Ofertas</a>
        <span class="ca-status-dot ca-status-ok" title="Acceso disponible"></span>
      </li>
      <li>
        <a href="{{ url_for('compras.compras_orden_compra_lista') }}">Órdenes de Compra</a>
        <span class="ca-status-dot ca-status-warning" title="Hay registros pendientes de aprobación"></span>
      </li>
      <li>
        <a href="{{ url_for('compras.compras_recepcion_lista') }}">Recepciones de Mercancía</a>
        <span class="ca-status-dot ca-status-ok" title="Acceso disponible"></span>
      </li>
      <li>
        <a href="{{ url_for('compras.compras_factura_compra_lista') }}">Facturas de Proveedor</a>
        <span class="ca-status-dot ca-status-ok" title="Acceso disponible"></span>
      </li>
      {% else %}
      <li class="ca-no-access">
        <span>Órdenes de Compra</span>
        <span class="ca-status-dot ca-status-no-access" title="Sin acceso"></span>
      </li>
      <li class="ca-no-access">
        <span>Recepciones de Mercancía</span>
        <span class="ca-status-dot ca-status-no-access" title="Sin acceso"></span>
      </li>
      <li class="ca-no-access">
        <span>Facturas de Proveedor</span>
        <span class="ca-status-dot ca-status-no-access" title="Sin acceso"></span>
      </li>
      {% endif %}

    </ul>
  </div>

  {# ── Columna 3: Reportes ──────────────────────────── #}
  <div class="ca-module-card">
    <h5><i class="bi bi-bar-chart-fill"></i> Reportes del Módulo</h5>
    <ul class="ca-module-links">

      {% if acceso.autorizado %}
      <li>
        <a href="{{ url_for('compras.compras_proveedor_lista') }}">Compras por Proveedor</a>
        <span class="ca-status-dot ca-status-ok" title="Disponible"></span>
      </li>
      <li>
        <a href="{{ url_for('compras.compras_factura_compra_lista') }}">Cuentas por Pagar</a>
        <span class="ca-status-dot ca-status-ok" title="Disponible"></span>
      </li>
      <li>
        <a href="{{ url_for('compras.compras_orden_compra_lista') }}">Órdenes Pendientes</a>
        <span class="ca-status-dot ca-status-ok" title="Disponible"></span>
      </li>
      {% else %}
      <li class="ca-no-access">
        <span>Reportes</span>
        <span class="ca-status-dot ca-status-no-access" title="Sin acceso"></span>
      </li>
      {% endif %}

    </ul>
  </div>

  {# ── Columna 4: Conciliación ──────────────────────── #}
  <div class="ca-module-card">
    <h5><i class="bi bi-arrow-left-right"></i> Conciliación de Compras</h5>
    <ul class="ca-module-links">

      {% if acceso.autorizado %}
      <li>
        <a href="{{ url_for('compras.compras_reconciliation_panel') }}">Panel de Conciliaciones</a>
        <span class="ca-status-dot ca-status-ok" title="Disponible"></span>
      </li>
      <li>
        <a href="{{ url_for('compras.compras_purchase_reconciliation') }}">Conciliaciones Pendientes</a>
        <span class="ca-status-dot ca-status-ok" title="Disponible"></span>
      </li>
      {% else %}
      <li class="ca-no-access">
        <span>Conciliación de Compras</span>
        <span class="ca-status-dot ca-status-no-access" title="Sin acceso"></span>
      </li>
      {% endif %}

    </ul>
  </div>

</div>
{% endblock %}