<div class="container mx-auto px-4 py-8">
  <details class="mb-4 bg-white border rounded p-4">
    <summary class="cursor-pointer font-semibold">Bu sayfa ne işe yarar? Nasıl kullanırım?</summary>
    <div class="mt-3 text-sm text-gray-700 space-y-2">
      <p><b>Kullanıcıyı Düzenle</b> sayfasında kullanıcı adı ve durumunu güncelleyebilir, şifre sıfırlayabilirsiniz.</p>
      <p><b>Aktif</b>: İşaretli ise kullanıcı giriş yapabilir.</p>
      <p><b>Roller</b>: Yetkileri belirlemek için rol atamasını <i>Roller</i> sayfasından yapın.</p>
      <p><b>Yetkiler</b>: Bu sayfa için <i>manage_users</i> izni gerekir.</p>
    </div>
  </details>
  <div class="max-w-xl mx-auto bg-white shadow rounded p-6">
    <h1 class="text-2xl font-bold mb-4">Kullanıcıyı Düzenle</h1>

    <% if (errors && errors.length) { %>
      <div class="alert alert-error shadow-sm mb-4">
        <ul class="list-disc list-inside">
          <% errors.forEach(function(e){ %>
            <li><%= e.msg %></li>
          <% }) %>
        </ul>
      </div>
    <% } %>

    <form action="/users/<%= user.id %>/edit" method="POST" class="mb-6">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <div class="mb-4">
        <label class="block text-sm font-medium mb-1">Kullanıcı Adı</label>
        <input type="text" name="username" value="<%= user.username %>" class="input input-bordered w-full" required>
      </div>
      <div class="mb-6">
        <label class="label cursor-pointer justify-start gap-2">
          <input type="checkbox" name="active" value="1" class="checkbox checkbox-sm" <%= Number(user.active) === 1 ? 'checked' : '' %>>
          <span class="label-text">Aktif</span>
        </label>
      </div>
      <div class="flex justify-end gap-2">
        <a href="/users" class="btn">Geri</a>
        <button type="submit" class="btn btn-primary">Güncelle</button>
      </div>
    </form>

    <h2 class="text-xl font-semibold mb-2">Şifre Sıfırla</h2>
    <form action="/users/<%= user.id %>/reset-password" method="POST">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <div class="mb-4">
        <label class="block text-sm font-medium mb-1">Yeni Şifre</label>
        <input type="password" name="newPassword" class="input input-bordered w-full" required>
      </div>
      <div class="flex justify-end">
        <button type="submit" class="btn btn-warning">Şifreyi Güncelle</button>
      </div>
    </form>
  </div>
</div>
