<%- include('../partials/head', { title }) %>
<% if (temporary) { %><section class="success-box mb-6" x-data="{visible:true}" x-show="visible"><div class="flex items-start justify-between gap-4"><div><h2 class="font-black">رمز موقت یک‌بارنمایش</h2><p class="mt-2">کاربر: <b dir="ltr"><%= temporary.username %></b></p><code dir="ltr" class="mt-2 block select-all rounded-lg bg-white px-3 py-2 text-lg text-slate-900"><%= temporary.password %></code><p class="help">این رمز ذخیره قابل‌بازیابی ندارد و پس از بستن این صفحه دوباره نمایش داده نمی‌شود.</p></div><button class="btn-secondary" @click="visible=false">بستن</button></div></section><% } %>
<section class="panel mb-6"><div class="panel-header"><h2 class="font-black">ایجاد حساب کاربری</h2></div><form method="post" action="/users" class="grid gap-4 p-5 md:grid-cols-2 xl:grid-cols-6"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><label><span class="label">نام *</span><input class="input" name="name" required></label><label><span class="label">نام کاربری *</span><input class="input" name="username" required dir="ltr"></label><label><span class="label">ایمیل</span><input class="input" name="email" type="email" dir="ltr"></label><label><span class="label">نقش *</span><select class="input" name="roleCodes" required><% roles.forEach(r => { %><option value="<%= r.code %>"><%= r.name_fa %></option><% }) %></select></label><label><span class="label">شعبه</span><select class="input" name="branchId"><option value="">بدون شعبه</option><% branches.forEach(b=>{ %><option value="<%= b.id %>"><%= b.name %></option><% }) %></select></label><label><span class="label">انبار</span><select class="input" name="warehouseId"><option value="">بدون انبار</option><% warehouses.forEach(w=>{ %><option value="<%= w.id %>"><%= w.name %></option><% }) %></select></label><button class="btn-primary md:col-span-2 xl:col-span-6" type="submit">ایجاد و تولید رمز موقت</button></form></section>
<section class="panel"><div class="panel-header"><div><h2 class="font-black">کاربران</h2><p class="help">رمز فعلی هیچ کاربر قابل مشاهده نیست.</p></div></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><% rows.forEach(row => { %><tr><td><b><%= row.name %></b><div class="text-xs text-slate-500" dir="ltr"><%= row.username %></div></td><td><%= row.role_names || 'بدون نقش' %></td><td><span class="<%= row.active ? 'badge-success' : 'badge-neutral' %>"><%= row.active ? 'فعال' : 'غیرفعال' %></span></td><td><%= row.last_login_at ? formatJalaliDateTime(row.last_login_at) : 'هرگز' %></td><td><%= row.force_password_change ? 'تغییر رمز اجباری' : 'رمز شخصی' %></td><td><div class="flex gap-2"><form method="post" action="/users/<%= row.id %>/reset-password"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><button class="btn-secondary">بازنشانی رمز</button></form><form method="post" action="/users/<%= row.id %>/active"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><input type="hidden" name="active" value="<%= row.active ? 'false' : 'true' %>"><button class="<%= row.active ? 'btn-danger' : 'btn-secondary' %>"><%= row.active ? 'غیرفعال‌سازی' : 'فعال‌سازی' %></button></form></div></td></tr><% }) %></tbody></table></div></section>
<%- include('../partials/footer') %>

