{% import "macros.html" as macros %}
{% extends "nbapp_base.html" %}
{% block content %}
<!-- cliente_dashboard.html -->
<h2>{{ cliente.nombre }} - RIF: {{ cliente.rif }}</h2>

<div class="kpi-cards">
  <div class="card">Facturado mes: ${{ resumen.total_facturado }}</div>
  <div class="card">Cobrado mes: ${{ resumen.total_cobrado }}</div>
  <div class="card">Saldo: ${{ resumen.total_pendiente }}</div>
  <div class="card">Último abono: {{ resumen.ultimo_abono }}</div>
</div>

<h3>Evolución mensual</h3>
<canvas id="graficoEvolucion"></canvas>

<h3>Distribución por estado</h3>
<canvas id="graficoEstadoFacturas"></canvas>

<h3>Facturas con color de mora</h3>
<table>
  <tr>
    <th>Factura</th><th>Fecha</th><th>Monto</th><th>Estado</th><th>Color</th>
  </tr>
  {% for f in facturas %}
  <tr style="background-color: {{ colores[f.estado_mora] }};">
    <td>{{ f.id }}</td>
    <td>{{ f.fecha_emision }}</td>
    <td>${{ f.monto }}</td>
    <td>{{ f.estado }}</td>
    <td>{{ f.estado_mora }}</td>
  </tr>
  {% endfor %}
</table>

{% endblock %}