<%- include('../partials/head', { title }) %>
<div class="grid gap-6 xl:grid-cols-[22rem_1fr]"><section class="panel h-fit p-5"><h2 class="font-black">کالای جدید</h2><form method="post" action="/products" class="mt-5 space-y-4"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><label><span class="label">کد کالا *</span><input class="input" name="code" required dir="ltr"></label><label><span class="label">نام کالا *</span><input class="input" name="name" required></label><label><span class="label">واحد *</span><input class="input" name="unit" required></label><button class="btn-primary w-full">ثبت کالا</button></form></section><section class="panel"><div class="panel-header"><div><h2 class="font-black">فهرست کالاها</h2><p class="help">جست‌وجوی API بر اساس کد/نام و نرمال‌سازی حروف و ارقام فعال است.</p></div></div><div class="table-wrap"><table class="data-table"><thead><tr><th>کد</th><th>نام</th><th>واحد</th><th>وضعیت</th><th></th></tr></thead><tbody><% rows.forEach(row => { %><tr><td dir="ltr"><%= row.code %></td><td><%= row.name %></td><td><%= row.unit %></td><td><span class="<%= row.active ? 'badge-success' : 'badge-neutral' %>"><%= row.active ? 'فعال' : 'بایگانی' %></span></td><td><% if (row.active) { %><form method="post" action="/products/<%= row.id %>/archive"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><button class="btn-secondary">بایگانی</button></form><% } %></td></tr><% }) %></tbody></table></div></section></div>
<%- include('../partials/footer') %>

