<%- include('../partials/header') %>
<div class="flex ic jb mb16">
  <div class="flex ic g12"><a href="/clients" class="btn btn-ghost btn-sm"><i class="fa fa-arrow-left"></i></a>
    <div><h2 style="font-size:18px;font-weight:700"><%= client.name %></h2><p class="muted xs">Code: <span class="mono"><%= client.code %></span> · <%= client.gstType %></p></div>
    <span class="badge <%=client.isActive?'badge-issued':'badge-cancelled'%>"><%=client.isActive?'Active':'Inactive'%></span>
  </div>
  <div class="flex g8"><a href="/sales-bills/new" class="btn btn-primary btn-sm"><i class="fa fa-file-invoice"></i> New Invoice</a><a href="/clients/<%= client.id %>/edit" class="btn btn-outline btn-sm"><i class="fa fa-pen"></i> Edit</a></div>
</div>
<div class="det-grid">
  <div class="det-box"><div class="det-box-title">Business Info</div>
    <div class="det-row"><span class="det-k">GSTIN</span><span class="det-v mono"><%=client.gstin||'Unregistered'%></span></div>
    <div class="det-row"><span class="det-k">PAN</span><span class="det-v mono"><%=client.pan||'—'%></span></div>
    <div class="det-row"><span class="det-k">GST Type</span><span class="det-v"><%=client.gstType%></span></div>
    <div class="det-row"><span class="det-k">Pay. Terms</span><span class="det-v"><%=client.paymentTerms%> Days</span></div>
    <div class="det-row"><span class="det-k">Bank</span><span class="det-v"><%=client.bank?.bankName||'—'%></span></div>
    <div class="det-row"><span class="det-k">Account</span><span class="det-v mono"><%=client.bank?.accountNumber||'—'%></span></div>
  </div>
  <div class="det-box"><div class="det-box-title">Contact & Address</div>
    <div class="det-row"><span class="det-k">Address</span><span class="det-v"><%= [client.address?.line1,client.address?.city,client.address?.state,client.address?.pincode].filter(Boolean).join(', ')||'—' %></span></div>
    <div class="det-row"><span class="det-k">Phone</span><span class="det-v"><%=client.contact?.phone||'—'%></span></div>
    <div class="det-row"><span class="det-k">Email</span><span class="det-v"><%=client.contact?.email||'—'%></span></div>
    <div class="det-row"><span class="det-k">Contact</span><span class="det-v"><%=client.contact?.person||'—'%></span></div>
  </div>
</div>
<% if(client.allowedProducts && client.allowedProducts.length > 0) { %>
<div class="card mb16 mt16">
  <div class="card-hdr"><span class="card-title"><i class="fa fa-lock ca"></i> Restricted Products (<%= client.allowedProducts.length %>)</span><a href="/clients/<%= client.id %>/edit" class="btn btn-ghost btn-sm">Manage →</a></div>
  <div style="padding:14px;display:flex;flex-wrap:wrap;gap:8px">
    <% client.allowedProducts.forEach(p => { %>
      <span style="background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px">
        <span style="font-weight:600;color:var(--text)"><%= p.name %></span>
        <span class="muted xs" style="margin-left:6px">HSN: <%= p.hsnCode %></span>
      </span>
    <% }) %>
  </div>
</div>
<% } else { %>
<div style="background:var(--greenbg);border:1px solid rgba(34,197,94,.2);border-radius:6px;padding:10px 14px;margin:16px 0;font-size:12px;color:var(--green)">
  <i class="fa fa-check-circle"></i> No product restriction — this client can purchase any product.
</div>
<% } %>
<div class="tbl-wrap mt16">
  <div class="tbl-hdr"><span class="tbl-title">Recent Invoices</span><a href="/sales-bills" class="btn btn-ghost btn-sm">All →</a></div>
  <%if(!bills.length){%><div class="empty" style="padding:30px"><i class="fa fa-file-invoice"></i><p>No invoices yet</p></div>
  <%}else{%><table><thead><tr><th>Invoice No.</th><th>Date</th><th>Amount</th><th>Net Payable</th><th>Status</th><th></th></tr></thead>
  <tbody><% const moment=require('moment');bills.forEach(b=>{%><tr>
    <td><a href="/sales-bills/<%= b.id %>" class="cacc" style="font-family:var(--mono);font-size:12px"><%=b.invoiceNo%></a></td>
    <td class="muted sm"><%=moment(b.invoiceDate).format('DD/MM/YYYY')%></td>
    <td class="mono">₹<%=(b.taxableAmount||0).toFixed(2)%></td>
    <td class="mono fw6">₹<%=(b.netPayable||0).toFixed(2)%></td>
    <td><span class="badge badge-<%=b.status.toLowerCase()%>"><%=b.status%></span></td>
    <td><a href="/sales-bills/<%=b.id%>/print" target="_blank" class="btn btn-ghost btn-sm"><i class="fa fa-print"></i></a></td>
  </tr><%})%></tbody></table><%}%>
</div>
<%- include('../partials/footer') %>
