<%- include('../partials/header') %>
<div class="flex ic jb mb24"><div><h2 style="font-size:20px;font-weight:700;margin-bottom:4px">Clients</h2><p class="muted sm"><%= total %> registered</p></div><a href="/clients/new" class="btn btn-primary"><i class="fa fa-user-plus"></i> Add Client</a></div>
<form method="GET"><div class="search-bar"><div class="si-wrap"><i class="fa fa-search"></i><input type="text" name="search" value="<%= search %>" placeholder="Name, GSTIN, code…"></div><button type="submit" class="btn btn-outline btn-sm"><i class="fa fa-filter"></i> Search</button><a href="/clients" class="btn btn-ghost btn-sm">Clear</a></div></form>
<div class="tbl-wrap">
  <%if(!clients.length){%><div class="empty"><i class="fa fa-building-user"></i><p>No clients. <a href="/clients/new" class="cacc">Add first →</a></p></div>
  <%}else{%><table><thead><tr><th>Code</th><th>Client Name</th><th>GSTIN</th><th>City</th><th>Phone</th><th>Products</th><th>Status</th><th>Actions</th></tr></thead>
  <tbody><% clients.forEach(c=>{%><tr>
    <td class="mono sm muted"><%= c.code %></td>
    <td class="fw6"><a href="/clients/<%= c.id %>" style="color:var(--text)"><%= c.name %></a></td>
    <td class="mono sm"><%= c.gstin||'—' %></td>
    <td><%= c.address?.city||'—' %></td>
    <td><%= c.contact?.phone||'—' %></td>
    <td>
      <% if(c.allowedProducts&&c.allowedProducts.length>0){%>
        <span class="badge badge-pending" title="Restricted to specific products"><i class="fa fa-lock"></i> <%= c.allowedProducts.length %> products</span>
      <%}else{%><span class="badge badge-issued">All Products</span><%}%>
    </td>
    <td><span class="badge <%= c.isActive?'badge-issued':'badge-cancelled' %>"><%= c.isActive?'Active':'Inactive' %></span></td>
    <td><div class="flex g8">
      <a href="/clients/<%= c.id %>" class="btn btn-ghost btn-sm"><i class="fa fa-eye"></i></a>
      <a href="/clients/<%= c.id %>/edit" class="btn btn-ghost btn-sm"><i class="fa fa-pen"></i></a>
      <a href="/sales-bills/new" class="btn btn-ghost btn-sm" title="New Invoice"><i class="fa fa-file-invoice"></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="/clients?page=<%= i %>&search=<%= search %>" class="pg-btn <%=page===i?'active':''%>"><%= i %></a><%}%></div><%}%>
  <%}%>
</div>
<%- include('../partials/footer') %>
