{% load ui3_tags %}
<div id="workspace-table" class="card bg-base-100 shadow-sm overflow-x-auto">
  <table class="table table-sm">
    <thead>
      <tr><th>ID</th><th>Name</th><th>Description</th><th>Created</th><th></th></tr>
    </thead>
    <tbody>
      {% for w in workspaces %}
      <tr>
        <td>{{ w.id }}</td>
        <td>{{ w.name }}</td>
        <td class="text-sm">{{ w.description }}</td>
        <td class="text-xs opacity-80 whitespace-nowrap">{{ w.create_time|date:"Y-m-d H:i" }}</td>
        <td class="whitespace-nowrap">
          {% if w|can_edit:request.user %}
          <button class="btn btn-xs" hx-get="{% url 'ui3:workspace_edit' w.id %}" hx-target="#modal-root" hx-swap="innerHTML">Edit</button>
          <form class="inline" method="post" action="{% url 'ui3:workspace_delete' w.id %}"
                hx-post="{% url 'ui3:workspace_delete' w.id %}"
                hx-target="#workspace-table"
                hx-confirm="Delete workspace '{{ w.name }}'?">
            {% csrf_token %}
            <button class="btn btn-xs btn-error" type="submit"><i class="fa-regular fa-trash-can"></i></button>
          </form>
          {% endif %}
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="5" class="opacity-70">No workspaces</td></tr>
      {% endfor %}
    </tbody>
  </table>
  {% url 'ui3:workspaces' as list_url %}
  {% include "ui3/partials/pager.html" with hx_target="#workspace-table" hx_include="#workspace-filters" item_label="workspace" %}
</div>