<%- include('../partials/head', { title }) %>
<section class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4"><article class="stat"><p class="text-sm text-slate-500">ردیف معتبر</p><p class="stat-value text-emerald-700"><%= preview.validRows.toLocaleString('fa-IR') %></p></article><article class="stat"><p class="text-sm text-slate-500">فاکتور یکتا</p><p class="stat-value"><%= preview.uniqueInvoices.toLocaleString('fa-IR') %></p></article><article class="stat"><p class="text-sm text-slate-500">کالای یکتا</p><p class="stat-value"><%= preview.uniqueProducts.toLocaleString('fa-IR') %></p></article><article class="stat"><p class="text-sm text-slate-500">ردیف ردشده</p><p class="stat-value text-red-700"><%= preview.rejectedRows.toLocaleString('fa-IR') %></p></article></section>
<section class="panel mt-6 p-5"><h2 class="font-black">خلاصه اثر import</h2><div class="mt-4 grid gap-3 sm:grid-cols-3 lg:grid-cols-6"><div class="rounded-xl bg-slate-50 p-3 dark:bg-slate-800"><span class="text-xs text-slate-500">جدید</span><b class="block text-xl"><%= preview.newInvoices %></b></div><div class="rounded-xl bg-slate-50 p-3 dark:bg-slate-800"><span class="text-xs text-slate-500">به‌روزشده</span><b class="block text-xl"><%= preview.updatedInvoices %></b></div><div class="rounded-xl bg-slate-50 p-3 dark:bg-slate-800"><span class="text-xs text-slate-500">بدون تغییر</span><b class="block text-xl"><%= preview.unchangedInvoices %></b></div><div class="rounded-xl bg-slate-50 p-3 dark:bg-slate-800"><span class="text-xs text-slate-500">کالای جدید/تغییر</span><b class="block text-xl"><%= preview.changedProducts %></b></div><div class="rounded-xl bg-slate-50 p-3 dark:bg-slate-800"><span class="text-xs text-slate-500">مغایرت</span><b class="block text-xl"><%= preview.discrepancies %></b></div><div class="rounded-xl bg-slate-50 p-3 dark:bg-slate-800"><span class="text-xs text-slate-500">ردشده</span><b class="block text-xl"><%= preview.rejectedRows %></b></div></div><form method="post" action="/imports/<%= importId %>/confirm" class="mt-5 flex justify-end gap-3" data-confirm="ورود تراکنشی این فایل تأیید شود؟"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><a class="btn-secondary" href="/imports/<%= importId %>/errors.csv">دریافت گزارش خطا</a><button class="btn-primary" type="submit">تأیید نهایی import</button></form></section>
<section class="panel mt-6"><div class="panel-header"><h2 class="font-black">نمونه ردیف‌های معتبر</h2></div><div class="table-wrap"><table class="data-table"><thead><tr><th>ردیف</th><th>فاکتور</th><th>مشتری</th><th>کد کالا</th><th>کالا</th><th>مقدار</th></tr></thead><tbody><% sample.forEach(row => { %><tr><td><%= row.rowNumber %></td><td dir="ltr"><%= row.invoiceNumber %></td><td><%= row.customerName %></td><td dir="ltr"><%= row.productCode %></td><td><%= row.productName %></td><td><%= row.quantity.toLocaleString('fa-IR') %> <%= row.unit %></td></tr><% }) %></tbody></table></div></section>
<section class="panel mt-6"><div class="panel-header"><h2 class="font-black">ردیف‌های ردشده و دلیل</h2></div><div class="table-wrap"><table class="data-table"><thead><tr><th>ردیف</th><th>دلیل‌ها</th><th>مقادیر خام</th></tr></thead><tbody><% if (!errors.length) { %><tr><td colspan="3" class="py-8 text-center text-slate-500">ردیف نامعتبری وجود ندارد.</td></tr><% } %><% errors.forEach(error => { %><tr><td><%= error.rowNumber %></td><td class="max-w-xl whitespace-normal text-red-700"><%= error.reasons.join('؛ ') %></td><td class="max-w-xl whitespace-normal text-xs"><%= error.rawValues.join(' | ') %></td></tr><% }) %></tbody></table></div></section>
<%- include('../partials/footer') %>
