<%- include('../partials/head', { title }) %>
<div class="grid gap-6 xl:grid-cols-2">
  <section class="panel p-6"><h2 class="text-xl font-black">اطلاعات حساب</h2><dl class="mt-5 grid grid-cols-2 gap-4 text-sm"><dt class="text-slate-500">نام</dt><dd class="font-bold"><%= user.name %></dd><dt class="text-slate-500">نام کاربری</dt><dd dir="ltr" class="text-right font-mono"><%= user.username %></dd><dt class="text-slate-500">نقش‌ها</dt><dd><%= user.roles.join('، ') %></dd></dl></section>
  <section class="panel p-6"><h2 class="text-xl font-black">تغییر رمز عبور</h2><form method="post" action="/profile/password" class="mt-5 space-y-4"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><label><span class="label">رمز فعلی</span><input class="input" type="password" name="currentPassword" required></label><label><span class="label">رمز جدید</span><input class="input" type="password" name="password" required minlength="12"></label><label><span class="label">تکرار رمز جدید</span><input class="input" type="password" name="passwordConfirmation" required minlength="12"></label><button class="btn-primary" type="submit">تغییر رمز</button></form></section>
</div>
<%- include('../partials/footer') %>

