{% extends 'base.html.twig' %}
{% block title %}Configuración{% endblock %}
{% block page_title %}Configuración{% endblock %}

{% block breadcrumb %}
  <nav aria-label="breadcrumb" class="breadcrumb">
    <ol class="breadcrumb mb-0">
      <li class="breadcrumb-item"><a href="{{ path('home') }}">Inicio</a></li>
      <li class="breadcrumb-item active" aria-current="page">Configuración</li>
    </ol>
  </nav>
{% endblock %}

{% block content_header %}
  <div class="page-header">
    <div class="min-w-0">
      <p class="type-metadata font-semibold uppercase text-primary-600">Parametros por cliente / multi-sitio</p>
      <h1 class="page-title">Mantenimientos y catalogos</h1>
      <p class="page-subtitle">Centraliza reglas fiscales, bancos, cuentas y dimensiones usadas por el flujo de cuentas por pagar.</p>
    </div>
    <div class="page-actions">
      <a class="btn btn-soft-primary w-full sm:w-auto" href="{{ path('banco_new') }}">
        <i class="bi bi-plus-lg" aria-hidden="true"></i>
        Nuevo banco
      </a>
    </div>
  </div>
{% endblock %}

{% block content %}
  {% set mantenimientos = [
    {icon: 'bi-percent', title: 'Impuestos', description: 'IVA, IDP, timbre y configuraciones especiales por cliente.', route: 'imp_index'},
    {icon: 'bi-shield-check', title: 'Retenciones', description: 'ISR definitivo, no residente y retenciones IVA.', route: 'ret_index'},
    {icon: 'bi-calendar3', title: 'Condiciones de pago', description: 'Plazos, días de crédito y políticas por proveedor.', route: 'condpago_index'},
    {icon: 'bi-bank', title: 'Bancos', description: 'Catálogo de bancos asociados y cuentas maestras.', route: 'banco_index'},
    {icon: 'bi-credit-card', title: 'Cuentas bancarias', description: 'Cuentas operativas por empresa y moneda.', route: 'cuenta_index'},
    {icon: 'bi-diagram-3', title: 'Centros de costo', description: 'Estructura de costos y dimensiones contables.', route: 'cc_index'},
    {icon: 'bi-kanban', title: 'Proyectos', description: 'Etiquetas y seguimiento de proyectos para gastos.', route: 'proy_index'},
    {icon: 'bi-files', title: 'Tipos de documento', description: 'Catálogo SAT/Libro de compras y reglas por tipo.', route: 'tdoc_index'},
    {icon: 'bi-currency-exchange', title: 'Monedas', description: 'Control de monedas permitidas y tipo de cambio.', route: 'moneda_index'},
    {icon: 'bi-graph-up', title: 'Tipos de cambio', description: 'Histórico de TC y sugerencias para recalcular.', route: 'tc_index'}
  ] %}

  <section aria-labelledby="config-modules-title">
    <div class="mb-4 flex flex-col gap-1 sm:flex-row sm:items-end sm:justify-between">
      <div>
        <h2 id="config-modules-title" class="type-section-title">Catalogos operativos</h2>
        <p class="type-helper mt-1">Selecciona un modulo para administrar su configuracion.</p>
      </div>
      <span class="type-metadata">{{ mantenimientos|length }} modulos</span>
    </div>

    <div class="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3">
      {% for module in mantenimientos %}
        <article class="card card-interactive group relative min-h-48">
          <div class="card-body flex h-full flex-col justify-between gap-5">
            <div class="flex items-start gap-4">
              <div class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-primary-50 text-primary-700 ring-1 ring-primary-100">
                <i class="bi {{ module.icon }} text-xl" aria-hidden="true"></i>
              </div>
              <div class="min-w-0">
                <h3 class="type-card-title">{{ module.title }}</h3>
                <p class="type-helper mt-1">{{ module.description }}</p>
              </div>
            </div>
            <a class="btn btn-outline-primary btn-sm self-start" href="{{ path(module.route) }}">
              Administrar {{ module.title|lower }}
              <i class="bi bi-arrow-right-short text-base" aria-hidden="true"></i>
            </a>
          </div>
        </article>
      {% endfor %}
    </div>
  </section>
{% endblock %}