<%= turbo_frame_tag "admin_users" do %>
  <div class="w-full">
    <% content_for :title, "Current Print Jobs" %>
    <div class="flex items-center justify-between py-4">
      <h1 class="text-4xl font-bold text-hsrm-gray">Benutzerliste</h1>
      <%= link_to "Filter", "#", class: "px-3 py-2 bg-hsrm-red drop-shadow-lg transition-colors hover:bg-hsrm-red-light text-white block font-medium" %>
    </div>
    <div class="min-w-full overflow-auto shadow-lg">
      <table class="w-full py-8 table-auto">
        <thead class="font-semibold tracking-wide bg-gray-200 border-b-2 border-gray-300 text text-hsrm-gray">
          <tr>
            <th class="w-1 p-2 py-3 text-center">ID</th>
            <th class="w-1 p-2 py-3 text-left">Name</th>
            <th class="p-2 py-3 text-center">E-Mail-Adresse</th>
            <th class="w-1 p-2 py-3 text-center"># Jobs</th>
            <th class="w-1 p-2 py-3 text-center">Rolle</th>
            <th class="w-1 p-2 py-3 text-center">Rolle ändern zu</th>
          </tr>
        </thead>
        <tbody id='jobs' class="divide-y divivde-gray-300">
          <%= render partial: "user_tr", collection: @records, as: :user %>
        </tbody>
      </table>
    </div>
    <%== pagy_nav(@pagy) %>
  </div>
<% end %>
