<%- include('../partials/header') %>
<div class="mb24"><h2 style="font-size:20px;font-weight:700;margin-bottom:4px">Settings</h2></div>
<form action="/settings/company" method="POST">
<div class="form-section"><div class="form-section-title"><i class="fa fa-building"></i> Company Information</div>
  <div class="form-grid form-grid-3">
    <div class="form-group"><label>Company Name *</label><input type="text" name="companyName" value="<%=settings?.company?.name||''%>" required></div>
    <div class="form-group"><label>GSTIN *</label><input type="text" name="gstin" value="<%=settings?.company?.gstin||''%>" style="text-transform:uppercase"></div>
    <div class="form-group"><label>PAN</label><input type="text" name="pan" value="<%=settings?.company?.pan||''%>" style="text-transform:uppercase"></div>
    <div class="form-group full"><label>Address Line 1</label><input type="text" name="addrLine1" value="<%=settings?.company?.address?.line1||''%>"></div>
    <div class="form-group"><label>City</label><input type="text" name="city" value="<%=settings?.company?.address?.city||''%>"></div>
    <div class="form-group"><label>State</label><input type="text" name="state" value="<%=settings?.company?.address?.state||'Maharashtra'%>"></div>
    <div class="form-group"><label>State Code</label><input type="text" name="stateCode" value="<%=settings?.company?.address?.stateCode||'27'%>" style="width:80px"></div>
    <div class="form-group"><label>Pincode</label><input type="text" name="pincode" value="<%=settings?.company?.address?.pincode||''%>"></div>
    <div class="form-group"><label>Phone</label><input type="text" name="phone" value="<%=settings?.company?.contact?.phone||''%>"></div>
    <div class="form-group"><label>Alt Phone</label><input type="text" name="altPhone" value="<%=settings?.company?.contact?.altPhone||''%>"></div>
    <div class="form-group"><label>Email</label><input type="email" name="email" value="<%=settings?.company?.contact?.email||''%>"></div>
  </div>
</div>
<div class="form-section"><div class="form-section-title"><i class="fa fa-building-columns"></i> Bank Details</div>
  <div class="form-grid form-grid-4">
    <div class="form-group"><label>Account Name</label><input type="text" name="bankAccName" value="<%=settings?.company?.bank?.accountName||''%>"></div>
    <div class="form-group"><label>Account Number</label><input type="text" name="bankAccNo" value="<%=settings?.company?.bank?.accountNumber||''%>"></div>
    <div class="form-group"><label>Bank Name</label><input type="text" name="bankName" value="<%=settings?.company?.bank?.bankName||''%>"></div>
    <div class="form-group"><label>IFSC Code</label><input type="text" name="ifsc" value="<%=settings?.company?.bank?.ifsc||''%>" style="text-transform:uppercase"></div>
  </div>
</div>
<div class="form-section"><div class="form-section-title"><i class="fa fa-file-invoice"></i> Invoice Preferences</div>
  <div class="form-grid form-grid-4">
    <div class="form-group"><label>Invoice Prefix</label><input type="text" name="prefix" value="<%=settings?.invoice?.prefix||'KCLLP'%>"></div>
    <div class="form-group"><label>Default Payment Terms</label><input type="number" name="paymentTerms" value="<%=settings?.invoice?.defaultPaymentTerms||45%>"></div>
    <div class="form-group"><label>Default GST Rate</label><select name="defaultGstRate"><% [0,5,12,18,28].forEach(r=>{%><option value="<%=r%>" <%=settings?.invoice?.defaultGstRate===r?'selected':(r===18&&!settings?.invoice?.defaultGstRate?'selected':'')%>><%=r%>%</option><%})%></select></div>
    <div class="form-group"><label>Show MRP on Invoice</label><select name="showMrp"><option value="on" <%=settings?.invoice?.showMrp!==false?'selected':''%>>Yes</option><option value="off" <%=settings?.invoice?.showMrp===false?'selected':''%>>No</option></select></div>
  </div>
  <div class="form-group mt16"><label>Default Terms & Conditions</label><textarea name="termsConditions" rows="4"><%=settings?.invoice?.termsConditions||''%></textarea></div>
</div>
<div class="flex g8 jb mb24"><div></div><button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Save Settings</button></div>
</form>
<div class="form-section mb24">
  <div class="form-section-title"><i class="fa fa-users"></i> User Management</div>
  <div class="tbl-wrap mb16">
    <table><thead><tr><th>Name</th><th>Email</th><th>Role</th><th>Status</th><th>Last Login</th><th>Action</th></tr></thead>
    <tbody><%users.forEach(u=>{%><tr><td class="fw6"><%=u.name%></td><td class="mono sm"><%=u.email%></td><td><span class="badge badge-issued"><%=u.role%></span></td><td><span class="badge <%=u.isActive?'badge-paid':'badge-cancelled'%>"><%=u.isActive?'Active':'Inactive'%></span></td><td class="muted sm"><%=u.lastLogin?new Date(u.lastLogin).toLocaleDateString('en-IN'):'Never'%></td>
    <td><form action="/settings/users/<%=u.id%>/toggle" method="POST" style="display:inline"><button type="submit" class="btn btn-ghost btn-sm"><i class="fa fa-toggle-on"></i></button></form></td>
    </tr><%})%></tbody>
    </table>
  </div>
  <div style="border-top:1px solid var(--border);padding-top:16px">
    <h4 style="margin-bottom:12px;font-size:13px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.5px">Add New User</h4>
    <form action="/settings/users" method="POST">
      <div class="form-grid form-grid-4">
        <div class="form-group"><label>Name *</label><input type="text" name="name" required></div>
        <div class="form-group"><label>Email *</label><input type="email" name="email" required></div>
        <div class="form-group"><label>Password *</label><input type="password" name="password" required placeholder="Min 6 chars"></div>
        <div class="form-group"><label>Role</label><select name="role"><option value="accountant">Accountant</option><option value="admin">Admin</option><option value="viewer">Viewer</option></select></div>
      </div>
      <button type="submit" class="btn btn-outline btn-sm mt16"><i class="fa fa-user-plus"></i> Create User</button>
    </form>
  </div>
</div>
<%- include('../partials/footer') %>
