<%- include('../partials/head', { title }) %>
<div class="grid gap-6 xl:grid-cols-[24rem_1fr]">
  <section class="panel h-fit p-5"><h2 class="font-black">بازه گزارش</h2><form method="get" action="/reports" class="mt-5 space-y-4" x-data="{preset:'<%= query.preset ?? 'today' %>'}"><label><span class="label">میان‌بر</span><select class="input" name="preset" x-model="preset"><option value="today">امروز</option><option value="yesterday">دیروز</option><option value="custom">بازه سفارشی</option></select></label><div x-show="preset==='custom'" x-cloak class="space-y-4"><label><span class="label">تاریخ شروع جلالی</span><input class="input" name="startDate" placeholder="۱۴۰۵/۰۵/۲۳" value="<%= query.startDate ?? '' %>"></label><label><span class="label">تاریخ پایان جلالی</span><input class="input" name="endDate" placeholder="۱۴۰۵/۰۵/۲۳" value="<%= query.endDate ?? '' %>"></label></div><button class="btn-secondary w-full">نمایش پیش‌نمایش</button></form><form method="post" action="/reports/export" class="mt-3"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><input type="hidden" name="preset" value="<%= query.preset ?? 'today' %>"><input type="hidden" name="startDate" value="<%= query.startDate ?? '' %>"><input type="hidden" name="endDate" value="<%= query.endDate ?? '' %>"><button class="btn-primary w-full">خروجی حرفه‌ای Excel</button></form></section>
  <div><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"><%= preview.deliveries.toLocaleString('fa-IR') %></p></article><article class="stat"><p class="text-sm text-slate-500">درخواست تأمین</p><p class="stat-value"><%= preview.approvals.toLocaleString('fa-IR') %></p></article><article class="stat"><p class="text-sm text-slate-500">رخداد انبار</p><p class="stat-value"><%= preview.warehouseEvents.toLocaleString('fa-IR') %></p></article><article class="stat"><p class="text-sm text-slate-500">تغییر مالی</p><p class="stat-value"><%= preview.financialChanges.toLocaleString('fa-IR') %></p></article></section><section class="panel mt-6 p-6"><h2 class="font-black">پیش‌نمایش محتوای فایل</h2><p class="mt-2 text-sm text-slate-500">بازه: <%= range.label %></p><ul class="mt-5 grid gap-3 md:grid-cols-2"><li class="rounded-xl bg-slate-50 p-4 dark:bg-slate-800"><b>وضعیت تحویل</b><p class="help">سبز: کامل؛ زرد: جزئی؛ همراه متن وضعیت</p></li><li class="rounded-xl bg-slate-50 p-4 dark:bg-slate-800"><b>ثبت خروج تأمین</b><p class="help">درخواست‌ها و نتیجه نهایی انبار</p></li><li class="rounded-xl bg-slate-50 p-4 dark:bg-slate-800"><b>تاریخچه انبارداری</b><p class="help">تحویل، لغو، برگشت و تحویل مجدد</p></li><li class="rounded-xl bg-slate-50 p-4 dark:bg-slate-800"><b>تغییرات مالی</b><p class="help">مقادیر قدیم و جدید نسخه‌ها</p></li></ul></section></div>
</div>
<%- include('../partials/footer') %>
