<%- include('../../partials/header') %>
<div class="flex ic jb mb24"><div><h2 style="font-size:20px;font-weight:700;margin-bottom:4px">Purchase Bills</h2><p class="muted sm"><%= total %> total bills</p></div><a href="/purchase-bills/new" class="btn btn-primary"><i class="fa fa-plus"></i> Record Purchase</a></div>
<form method="GET" action="/purchase-bills"><div class="search-bar">
  <div class="si-wrap"><i class="fa fa-search"></i><input type="text" name="search" value="<%= search %>" placeholder="Search bill no, vendor…"></div>
  <select name="status" class="filter-sel"><option value="">All Status</option><% ['Draft','Received','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="/purchase-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-cart-arrow-down"></i><p>No bills yet. <a href="/purchase-bills/new" class="cacc">Record first →</a></p></div>
  <%}else{%>
  <table><thead><tr><th>Our Bill No.</th><th>Vendor Invoice</th><th>Date</th><th>Vendor</th><th class="tr">Taxable</th><th class="tr">GST</th><th class="tr">Net Payable</th><th>Status</th><th>Actions</th></tr></thead>
  <tbody><% bills.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="mono sm muted"><%= b.vendorInvoiceNo||'—' %></td>
    <td class="muted sm"><%= moment(b.billDate).format('DD/MM/YYYY') %></td>
    <td class="fw6"><%= b.vendor?.name||'—' %></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><div class="flex g8">
      <a href="/purchase-bills/<%= b.id %>" class="btn btn-ghost btn-sm"><i class="fa fa-eye"></i></a>
      <a href="/purchase-bills/<%= b.id %>/print" target="_blank" class="btn btn-ghost btn-sm"><i class="fa fa-print"></i></a>
      <a href="/purchase-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="/purchase-bills?page=<%= i %>&search=<%= search %>&status=<%= status %>&from=<%= from %>&to=<%= to %>" class="pg-btn <%=page===i?'active':''%>"><%= i %></a><%}%></div><%}%>
  <%}%>
</div>
<%- include('../../partials/footer') %>
