<%- include('partials/head', { title }) %>
<section class="panel"><div class="panel-header"><div><h2 class="font-black">اعلان‌های من</h2><p class="help">اعلان‌ها حتی در قطع موقت ارتباط بلادرنگ در این بخش باقی می‌مانند.</p></div><form method="post" action="/notifications/read-all"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><button class="btn-secondary">علامت‌گذاری همه به‌عنوان خوانده‌شده</button></form></div>
<div class="divide-y divide-slate-100 dark:divide-slate-800"><% if (!rows.length) { %><p class="p-8 text-center text-slate-500">اعلانی وجود ندارد.</p><% } %><% rows.forEach(row => { %><article class="p-5 <%= row.read_at ? '' : 'bg-brand-100/30 dark:bg-brand-950/30' %>"><div class="flex items-start justify-between gap-4"><div><h3 class="font-black"><%= row.title %></h3><p class="mt-1 text-sm"><%= row.body %></p></div><time class="whitespace-nowrap text-xs text-slate-500"><%= formatJalaliDateTime(row.created_at) %></time></div></article><% }) %></div></section>
<%- include('partials/footer') %>
