<div class="max-w-lg space-y-6">
  <div>
    <h1 class="text-xl font-semibold text-slate-900">Pengaturan Sistem</h1>
    <p class="text-sm text-slate-500 mt-0.5">Kelola akun Anda sendiri.</p>
  </div>

  <div class="bg-white border border-slate-200 rounded-2xl shadow-sm p-5">
    <h2 class="text-sm font-semibold text-slate-900 mb-1">Profil</h2>
    <div class="text-sm text-slate-600 mt-3 space-y-1">
      <div><span class="text-slate-400">Nama:</span> <%= currentUser.name %></div>
      <div><span class="text-slate-400">Email:</span> <%= currentUser.email %></div>
      <div><span class="text-slate-400">Role:</span> <%= roleLabel(currentUser.role) %></div>
    </div>
  </div>

  <div class="bg-white border border-slate-200 rounded-2xl shadow-sm p-5">
    <h2 class="text-sm font-semibold text-slate-900 mb-3">Ganti Kata Sandi</h2>
    <% if (error) { %>
      <div class="mb-3 text-sm text-red-700 bg-red-50 border border-red-100 rounded-lg px-3 py-2"><%= error %></div>
    <% } %>
    <% if (success) { %>
      <div class="mb-3 text-sm text-emerald-700 bg-emerald-50 border border-emerald-100 rounded-lg px-3 py-2"><%= success %></div>
    <% } %>
    <form method="POST" action="/settings/password" class="space-y-3">
      <div>
        <label class="block text-xs font-medium text-slate-600 mb-1">Kata Sandi Saat Ini</label>
        <input type="password" name="current_password" required class="w-full px-3 py-2 rounded-lg border border-slate-200 text-sm" />
      </div>
      <div>
        <label class="block text-xs font-medium text-slate-600 mb-1">Kata Sandi Baru</label>
        <input type="password" name="new_password" required minlength="6" class="w-full px-3 py-2 rounded-lg border border-slate-200 text-sm" />
      </div>
      <div>
        <label class="block text-xs font-medium text-slate-600 mb-1">Konfirmasi Kata Sandi Baru</label>
        <input type="password" name="confirm_password" required minlength="6" class="w-full px-3 py-2 rounded-lg border border-slate-200 text-sm" />
      </div>
      <button type="submit" class="px-4 py-2 rounded-lg bg-blue-600 text-white text-sm font-medium hover:bg-blue-700">Simpan Kata Sandi</button>
    </form>
  </div>
</div>
