<%- include('../partials/header') %>
<div class="flex ic jb mb24"><h2 style="font-size:20px;font-weight:700"><%=product?'Edit Product':'Add New Product'%></h2><a href="/products" class="btn btn-outline btn-sm"><i class="fa fa-arrow-left"></i> Back</a></div>
<form action="<%=action%>" method="<%=method%>">
<div class="form-section"><div class="form-section-title"><i class="fa fa-boxes-stacked"></i> Product Details</div>
  <div class="form-grid form-grid-3">
    <div class="form-group full"><label>Product Name *</label><input type="text" name="name" value="<%=product?product.name:''%>" required placeholder="Full product description e.g. REAR DOOR COVER UPPER LH"></div>
    <div class="form-group"><label>Product Code</label><input type="text" value="<%=product?product.code:'(Auto-generated on save)'%>" readonly style="background:var(--bg3);cursor:not-allowed;color:<%=product?'var(--text)':'var(--text3)'%>"></div>
    <div class="form-group"><label>HSN Code *</label><input type="text" name="hsnCode" id="hsnCodeField" value="<%=product?product.hsnCode:''%>" required placeholder="e.g. 87089900"></div>
    <div class="form-group"><label>Brand / Model</label><input type="text" name="brand" value="<%=product?product.brand||'':''%>" placeholder="e.g. Toyota, Honda"></div>
    <div class="form-group"><label>Unit</label><select name="unit"><% ['NOS','KG','MTR','LTR','BOX','SET','PCS','PAIR','SQM','SQFT'].forEach(u=>{%><option value="<%=u%>" <%=product&&product.unit===u?'selected':''%>><%=u%></option><%})%></select></div>
    <div class="form-group"><label>Category</label><input type="text" name="category" value="<%=product?product.category||'':''%>" placeholder="e.g. Door Parts, Interior"></div>
    <div class="form-group full"><label>Description</label><textarea name="description" rows="2" placeholder="Optional description"><%=product?product.description||'':''%></textarea></div>
  </div>
</div>
<div class="form-section"><div class="form-section-title"><i class="fa fa-indian-rupee-sign"></i> Pricing & GST</div>
  <div class="form-grid form-grid-3">
    <div class="form-group"><label>Rate *</label><input type="number" name="saleRate" value="<%=product?product.saleRate||'':''%>" step="any" required placeholder="0.00"></div>
    <div class="form-group"><label>Purchase Rate</label><input type="number" name="purchaseRate" value="<%=product?product.purchaseRate||'':''%>" step="any" placeholder="0.00"></div>
    <div class="form-group"><label>GST Rate *</label><select name="gstRate"><% [0,5,12,18,28].forEach(r=>{%><option value="<%=r%>" <%=product&&product.gstRate===r?'selected':(r===18?'selected':'')%>><%=r%>%</option><%})%></select></div>
  </div>
</div>
<div class="flex g8 jb"><a href="/products" class="btn btn-outline">Cancel</a><button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> <%=product?'Update Product':'Save Product'%></button></div>
</form>
<%- include('../partials/footer') %>
