<%- include('../../partials/header') %>
<div class="flex ic jb mb24">
  <div><h2 style="font-size:20px;font-weight:700;margin-bottom:4px">Sales Invoices</h2><p class="muted sm"><%= total %> total invoices</p></div>
  <a href="/sales-bills/new" class="btn btn-primary"><i class="fa fa-plus"></i> New Invoice</a>
</div>
<form method="GET" action="/sales-bills">
<div class="search-bar">
  <div class="si-wrap"><i class="fa fa-search"></i><input type="text" name="search" value="<%= search %>" placeholder="Search invoice no, client name…"></div>
  <select name="status" class="filter-sel"><option value="">All Status</option><% ['Draft','Issued','Paid','Partial','Overdue','Cancelled'].forEach(s=>{ %><option value="<%= s %>" <%= status===s?'selected':'' %>><%= s %></option><% }) %></select>
  <div class="dt-range"><input type="date" name="from" value="<%= from %>" style="width:140px"><span>to</span><input type="date" name="to" value="<%= to %>" style="width:140px"></div>
  <button type="submit" class="btn btn-outline btn-sm"><i class="fa fa-filter"></i> Filter</button>
  <a href="/sales-bills" class="btn btn-ghost btn-sm">Clear</a>
</div>
</form>
<div class="tbl-wrap">
  <% if (!bills.length) { %><div class="empty"><i class="fa fa-file-invoice"></i><p>No invoices found. <a href="/sales-bills/new" class="cacc">Create first invoice →</a></p></div>
  <% } else { %>
  <table><thead><tr><th>Invoice No.</th><th>Date</th><th>Client</th><th>PO No.</th><th class="tr">Taxable</th><th class="tr">GST</th><th class="tr">Net Payable</th><th>Status</th><th>EWB</th><th>Actions</th></tr></thead>
  <tbody><% bills.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="muted sm"><%= moment(b.invoiceDate).format('DD/MM/YYYY') %></td>
      <td class="fw6"><%= b.client?.name||b.billedTo?.name||'-' %></td>
      <td class="mono sm muted"><%= b.poNo||'-' %></td>
      <td class="mono tr">₹<%= (b.taxableAmount||0).toFixed(2) %></td>
      <td class="mono tr">₹<%= (b.totalGst||0).toFixed(2) %></td>
      <td class="mono fw6 tr">₹<%= (b.netPayable||0).toFixed(2) %></td>
      <td><span class="badge badge-<%= b.status.toLowerCase() %>"><%= b.status %></span></td>
      <td><% if(b.eWayBill&&b.eWayBill.ewbNo){%><span class="badge badge-generated" title="<%= b.eWayBill.ewbNo %>"><i class="fa fa-check"></i> EWB</span><%}else if(b.netPayable>=50000){%><span class="badge badge-pending">! EWB</span><%}else{%><span class="muted xs">—</span><%}%></td>
      <td><div class="flex g8">
        <a href="/sales-bills/<%= b.id %>" class="btn btn-ghost btn-sm"><i class="fa fa-eye"></i></a>
        <a href="/sales-bills/<%= b.id %>/print" target="_blank" class="btn btn-ghost btn-sm"><i class="fa fa-print"></i></a>
        <% if(b.status!=='Cancelled'){%><a href="/sales-bills/<%= b.id %>/edit" class="btn btn-ghost btn-sm"><i class="fa fa-pen"></i></a><%}%>
      </div></td>
    </tr>
  <% }) %></tbody></table>
  <% if(pages>1){%><div class="pagination" style="padding:16px"><% for(let i=1;i<=pages;i++){%><a href="/sales-bills?page=<%= i %>&search=<%= search %>&status=<%= status %>&from=<%= from %>&to=<%= to %>" class="pg-btn <%= page===i?'active':'' %>"><%= i %></a><%}%></div><%}%>
  <% } %>
</div>
<%- include('../../partials/footer') %>
