<%- include('../layout') %>

<h1 class="mb-3">Benutzerverwaltung</h1>

<table class="table table-striped table-hover">
  <thead>
    <tr>
      <th>ID</th>
      <th>Benutzername</th>
      <th>Rollen</th>
      <th>Rolle zuweisen</th>
    </tr>
  </thead>

  <tbody>
    <% users.forEach(u => { %>
      <tr>
        <td><%= u.id %></td>
        <td><%= u.username %></td>

        <td>
          <% if ((userRolesMap[u.id] || []).length > 0) { %>
            <% userRolesMap[u.id].forEach(r => { %>
              <form method="POST" action="/admin/users/remove-role" class="d-inline">
                <input type="hidden" name="userId" value="<%= u.id %>">
                <input type="hidden" name="roleId" value="<%= r.id %>">

                <span class="badge bg-secondary">
                  <%= r.name %>
                  <button class="btn btn-sm btn-link text-light p-0 ms-1" style="text-decoration:none;">×</button>
                </span>
              </form>
            <% }) %>
          <% } else { %>
            <span class="text-muted">Keine Rollen</span>
          <% } %>
        </td>

        <td>
          <form method="POST" action="/admin/users/assign-role" class="d-flex gap-2">
            <input type="hidden" name="userId" value="<%= u.id %>">

            <select name="roleId" class="form-select form-select-sm">
              <% roles.forEach(r => { %>
                <option value="<%= r.id %>"><%= r.name %></option>
              <% }) %>
            </select>

            <button class="btn btn-sm btn-primary">Zuweisen</button>
          </form>
        </td>
      </tr>
    <% }) %>
  </tbody>
</table>
  <%- include("../partials/footer") %>