<%- include('../partials/header') %>
<div class="mb24">
  <h2 style="font-size:20px;font-weight:700;margin-bottom:4px">Dashboard</h2>
  <p class="muted sm"><%= new Date().toLocaleDateString('en-IN',{weekday:'long',year:'numeric',month:'long',day:'numeric'}) %></p>
</div>
<div class="stat-grid">
  <div class="stat-card blue"><div class="stat-label">Sales This Month</div><div class="stat-value">₹<%= ((salesThisMonth.total||0)/100000).toFixed(1) %>L</div><div class="stat-sub"><%= salesThisMonth.count %> invoices</div><i class="fa fa-file-invoice stat-icon"></i></div>
  <div class="stat-card green"><div class="stat-label">Purchase This Month</div><div class="stat-value">₹<%= ((purchaseThisMonth.total||0)/100000).toFixed(1) %>L</div><div class="stat-sub"><%= purchaseThisMonth.count %> bills</div><i class="fa fa-cart-arrow-down stat-icon"></i></div>
  <div class="stat-card amber"><div class="stat-label">Sales Receivable</div><div class="stat-value">₹<%= ((pendingSales.total||0)/100000).toFixed(1) %>L</div><div class="stat-sub"><%= pendingSales.count %> pending</div><i class="fa fa-clock stat-icon"></i></div>
  <div class="stat-card purple"><div class="stat-label">Purchase Payable</div><div class="stat-value">₹<%= ((pendingPurchases.total||0)/100000).toFixed(1) %>L</div><div class="stat-sub"><%= pendingPurchases.count %> pending</div><i class="fa fa-credit-card stat-icon"></i></div>
</div>
<div class="flex g8 mb24">
  <a href="/sales-bills/new" class="btn btn-primary"><i class="fa fa-plus"></i> New Sales Invoice</a>
  <a href="/purchase-bills/new" class="btn btn-outline"><i class="fa fa-plus"></i> Record Purchase</a>
  <a href="/clients/new" class="btn btn-outline"><i class="fa fa-user-plus"></i> Add Client</a>
  <a href="/vendors/new" class="btn btn-outline"><i class="fa fa-truck"></i> Add Vendor</a>
  <a href="/reports/gstr1" class="btn btn-outline"><i class="fa fa-file-shield"></i> GSTR-1</a>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px">
  <div class="card">
    <div class="card-hdr"><span class="card-title"><i class="fa fa-file-invoice cacc"></i> Recent Sales Invoices</span><a href="/sales-bills" class="btn btn-ghost btn-sm">All →</a></div>
    <% if (!recentSales.length) { %><div class="empty"><i class="fa fa-file-invoice"></i><p>No invoices yet</p></div>
    <% } else { %><table><thead><tr><th>Invoice #</th><th>Client</th><th>Date</th><th class="tr">Amount</th><th>Status</th></tr></thead><tbody>
      <% recentSales.forEach(b => { %><tr>
        <td><a href="/sales-bills/<%= b.id %>" class="cacc" style="font-family:var(--mono);font-size:12px;font-weight:600"><%= b.invoiceNo %></a></td>
        <td class="fw6"><%= b.client?.name||'-' %></td>
        <td class="muted sm"><%= moment(b.invoiceDate).format('DD MMM YY') %></td>
        <td class="mono tr">₹<%= (b.netPayable||0).toLocaleString('en-IN',{minimumFractionDigits:0}) %></td>
        <td><span class="badge badge-<%= b.status.toLowerCase() %>"><%= b.status %></span></td>
      </tr><% }) %>
    </tbody></table><% } %>
  </div>
  <div class="card">
    <div class="card-hdr"><span class="card-title"><i class="fa fa-cart-arrow-down cacc"></i> Recent Purchase Bills</span><a href="/purchase-bills" class="btn btn-ghost btn-sm">All →</a></div>
    <% if (!recentPurchases.length) { %><div class="empty"><i class="fa fa-cart-arrow-down"></i><p>No bills yet</p></div>
    <% } else { %><table><thead><tr><th>Bill #</th><th>Vendor</th><th>Date</th><th class="tr">Amount</th><th>Status</th></tr></thead><tbody>
      <% recentPurchases.forEach(b => { %><tr>
        <td><a href="/purchase-bills/<%= b.id %>" class="cacc" style="font-family:var(--mono);font-size:12px;font-weight:600"><%= b.billNo %></a></td>
        <td class="fw6"><%= b.vendor?.name||'-' %></td>
        <td class="muted sm"><%= moment(b.billDate).format('DD MMM YY') %></td>
        <td class="mono tr">₹<%= (b.netPayable||0).toLocaleString('en-IN',{minimumFractionDigits:0}) %></td>
        <td><span class="badge badge-<%= b.status.toLowerCase() %>"><%= b.status %></span></td>
      </tr><% }) %>
    </tbody></table><% } %>
  </div>
</div>
<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px">
  <a href="/clients" style="text-decoration:none"><div class="card" style="padding:16px;display:flex;align-items:center;gap:14px"><div style="width:40px;height:40px;background:rgba(61,127,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px"><i class="fa fa-building-user"></i></div><div><div style="font-size:22px;font-weight:700;font-family:var(--mono)"><%= totalClients %></div><div class="xs muted">Active Clients</div></div></div></a>
  <a href="/vendors" style="text-decoration:none"><div class="card" style="padding:16px;display:flex;align-items:center;gap:14px"><div style="width:40px;height:40px;background:rgba(168,85,247,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--purple);font-size:18px"><i class="fa fa-truck"></i></div><div><div style="font-size:22px;font-weight:700;font-family:var(--mono)"><%= totalVendors %></div><div class="xs muted">Active Vendors</div></div></div></a>
  <a href="/reports/gstr1" style="text-decoration:none"><div class="card" style="padding:16px;display:flex;align-items:center;gap:14px"><div style="width:40px;height:40px;background:rgba(34,197,94,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--green);font-size:18px"><i class="fa fa-file-shield"></i></div><div><div style="font-size:13px;font-weight:600">GSTR-1</div><div class="xs muted">Outward Supplies</div></div></div></a>
  <a href="/reports/outstanding" style="text-decoration:none"><div class="card" style="padding:16px;display:flex;align-items:center;gap:14px"><div style="width:40px;height:40px;background:rgba(245,158,11,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--amber);font-size:18px"><i class="fa fa-clock-rotate-left"></i></div><div><div style="font-size:13px;font-weight:600">Outstanding</div><div class="xs muted">Dues & Payables</div></div></div></a>
</div>
<%- include('../partials/footer') %>
