{% extends 'base.html' %}

{% block title %}Overview{% endblock %}

{% block content %}
<section class="content-section editorial-dashboard">
  <header class="editorial-dashboard__header">
    <div class="editorial-dashboard__actions">
      <div>
        <h1 class="editorial-panel__title mb-1">Overview</h1>
      </div>
    </div>
  </header>

  <div class="editorial-dashboard__stats superuser-overview-stats">
    <article class="editorial-stat-card editorial-stat-card--feature">
      <p class="editorial-stat-card__label"><span class="editorial-stat-card__pip"></span>Accountants</p>
      <p class="editorial-stat-card__value">{{ summary.accountants }}</p>
    </article>

    <article class="editorial-stat-card">
      <p class="editorial-stat-card__label"><span class="editorial-stat-card__pip"></span>Claims</p>
      <p class="editorial-stat-card__value">{{ summary.claims }}</p>
    </article>

    <article class="editorial-stat-card">
      <p class="editorial-stat-card__label"><span class="editorial-stat-card__pip"></span>Invoices</p>
      <p class="editorial-stat-card__value">{{ summary.invoices }}</p>
    </article>

    <article class="editorial-stat-card">
      <p class="editorial-stat-card__label"><span class="editorial-stat-card__pip"></span>Total Files</p>
      <p class="editorial-stat-card__value">{{ summary.total_files }}</p>
    </article>
  </div>

  <article class="surface-card dashboard-panel editorial-panel">
    <div class="table-responsive editorial-table-wrap superuser-overview-table-wrap">
      <table class="table table-sm table-hover align-middle mb-0 superuser-overview-table">
        <thead>
          <tr>
            <th>Accountant</th>
            <th class="text-end">Claims</th>
            <th class="text-end">Invoices</th>
            <th class="text-end">Completed</th>
            <th class="text-end">Invoice Files</th>
            <th class="text-end">Proofs</th>
            <th class="text-end">Total Files</th>
          </tr>
        </thead>
        <tbody>
          {% for row in accountant_rows %}
            <tr>
              <td>
                <div class="superuser-overview-table__name">{{ row.accountant.get_full_name|default:row.accountant.email }}</div>
                <div class="superuser-overview-table__sub">{{ row.accountant.email }}</div>
              </td>
              <td class="text-end">{{ row.claim_count }}</td>
              <td class="text-end">{{ row.invoice_count }}</td>
              <td class="text-end">{{ row.completed_invoice_count }}</td>
              <td class="text-end">{{ row.invoice_file_count }}</td>
              <td class="text-end">{{ row.payment_proof_count }}</td>
              <td class="text-end fw-semibold">{{ row.total_files }}</td>
            </tr>
          {% empty %}
            <tr>
              <td colspan="7" class="text-center py-4 text-secondary">No accountant data available yet.</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </article>
</section>
{% endblock %}