<!DOCTYPE html>
<html lang="pt-br">
<head>
  <title>Dashboard — CobraGestão</title>
  <%- include('partials/head') %>
</head>
<body>
  <div class="app-shell">
    <%- include('partials/sidebar', { active: 'dashboard' }) %>

    <main class="main">
      <div class="page-header">
        <div>
          <h1>Dashboard</h1>
          <p class="text-muted" style="margin-top:2px;">Visão geral da cobrança</p>
        </div>
      </div>

      <div class="cards-grid">
        <a href="<%= basePath %>/dashboard/lista/atrasados" class="stat-card atrasados">
          <div class="label">Atrasados</div>
          <div class="valor"><%= formatMoeda(resumo.atrasados.total) %></div>
          <div class="qtd"><%= resumo.atrasados.qtd %> cliente(s) em atraso</div>
        </a>

        <a href="<%= basePath %>/dashboard/lista/hoje" class="stat-card hoje">
          <div class="label">Para hoje</div>
          <div class="valor"><%= formatMoeda(resumo.hoje.total) %></div>
          <div class="qtd"><%= resumo.hoje.qtd %> cliente(s) a cobrar hoje</div>
        </a>

        <a href="<%= basePath %>/dashboard/lista/a-vencer<%= dataLimite ? '?data_limite=' + dataLimite : '' %>" class="stat-card avencer">
          <div class="label">A vencer</div>
          <div class="valor"><%= formatMoeda(resumo.aVencer.total) %></div>
          <div class="qtd"><%= resumo.aVencer.qtd %> cliente(s) — <%= dataLimite ? 'até ' + formatData(dataLimite) : 'próximos 7 dias' %></div>
        </a>
      </div>

      <form class="filtro-data" method="GET" action="<%= basePath %>/dashboard">
        <div class="field">
          <label for="data_limite">Ver "a vencer" até a data</label>
          <input type="date" id="data_limite" name="data_limite" value="<%= dataLimite || '' %>">
        </div>
        <button type="submit" class="btn btn-outline">Aplicar filtro</button>
        <% if (dataLimite) { %>
          <a href="<%= basePath %>/dashboard" class="btn btn-outline">Limpar</a>
        <% } %>
      </form>

      <p class="text-muted">Clique em um dos cartões acima para ver a lista detalhada de clientes, valores e contato via WhatsApp.</p>
    </main>
  </div>
</body>
</html>
