<%- include('../partials/header') %>
<div class="flex ic jb mb24"><div><h2 style="font-size:20px;font-weight:700;margin-bottom:4px">Vendors</h2><p class="muted sm"><%= total %> registered</p></div><a href="/vendors/new" class="btn btn-primary"><i class="fa fa-plus"></i> Add Vendor</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…"></div><button type="submit" class="btn btn-outline btn-sm"><i class="fa fa-filter"></i> Search</button><a href="/vendors" class="btn btn-ghost btn-sm">Clear</a></div></form>
<div class="tbl-wrap">
  <%if(!vendors.length){%><div class="empty"><i class="fa fa-truck"></i><p>No vendors. <a href="/vendors/new" class="cacc">Add first →</a></p></div>
  <%}else{%><table><thead><tr><th>Code</th><th>Vendor Name</th><th>GSTIN</th><th>City</th><th>Phone</th><th>Status</th><th>Actions</th></tr></thead>
  <tbody><%vendors.forEach(v=>{%><tr>
    <td class="mono sm muted"><%=v.code%></td>
    <td class="fw6"><a href="/vendors/<%=v.id%>" style="color:var(--text)"><%=v.name%></a></td>
    <td class="mono sm"><%=v.gstin||'—'%></td>
    <td><%=v.address?.city||'—'%></td>
    <td><%=v.contact?.phone||'—'%></td>
    <td><span class="badge <%=v.isActive?'badge-issued':'badge-cancelled'%>"><%=v.isActive?'Active':'Inactive'%></span></td>
    <td><div class="flex g8"><a href="/vendors/<%=v.id%>" class="btn btn-ghost btn-sm"><i class="fa fa-eye"></i></a><a href="/vendors/<%=v.id%>/edit" class="btn btn-ghost btn-sm"><i class="fa fa-pen"></i></a></div></td>
  </tr><%})%></tbody></table><%}%>
</div>
<%- include('../partials/footer') %>
