<%- 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"><%= metrics.invoices.toLocaleString('fa-IR') %></p></article>
  <article class="stat"><p class="text-sm text-slate-500">در انتظار تحویل</p><p class="stat-value text-blue-700 dark:text-blue-300"><%= metrics.pending.toLocaleString('fa-IR') %></p></article>
  <article class="stat"><p class="text-sm text-slate-500">مغایرت باز</p><p class="stat-value text-amber-700 dark:text-amber-300"><%= metrics.discrepancies.toLocaleString('fa-IR') %></p></article>
  <article class="stat"><p class="text-sm text-slate-500">اعلان خوانده‌نشده</p><p class="stat-value"><%= metrics.unread.toLocaleString('fa-IR') %></p></article>
</section>
<section class="mt-6 grid gap-6 xl:grid-cols-[1fr_22rem]">
  <div class="panel"><div class="panel-header"><div><h2 class="font-black"><%= isWarehouse ? 'صف فوری انبار' : 'نمای عملیاتی' %></h2><p class="help">اطلاعات این بخش در رخدادهای عملیاتی به‌صورت بلادرنگ تازه می‌شود.</p></div><% if (isWarehouse) { %><a class="btn-secondary" href="/warehouse">مشاهده همه</a><% } else { %><a class="btn-primary" href="/invoices">فاکتورها</a><% } %></div>
    <% if (isWarehouse) { %><div data-live-refresh="/warehouse"><%- include('warehouse/_queue', { rows: queue, formatJalaliDateTime }) %></div><% } else { %><div class="p-6"><p class="text-slate-600 dark:text-slate-300">از منوی فاکتورها برای تأیید خروج کامل یا جزئی، مشاهده تاریخچه و رفع مغایرت استفاده کنید.</p></div><% } %>
  </div>
  <aside class="panel p-5"><h2 class="font-black">اعلان مرورگر</h2><p class="mt-2 text-sm leading-7 text-slate-500">پس از کلیک شما، مرورگر درباره اجازه اعلان پرسش می‌کند. رد مجوز، اعلان داخل سامانه را متوقف نمی‌کند.</p><button type="button" data-enable-notifications class="btn-secondary mt-5 w-full">فعال‌سازی اعلان</button></aside>
</section>
<%- include('partials/footer') %>
