{% load backoffice_extras %}

<div id="backoffice-list"
     hx-trigger="backoffice:list-changed from:body"
     hx-get="{{ request.get_full_path }}"
     hx-target="#backoffice-list"
     hx-swap="outerHTML">
  <div class="overflow-x-auto bg-base-100 rounded-box border border-base-300">
    <table class="table">
      <thead>
        <tr>
          {% for label, attr in columns %}<th>{{ label }}</th>{% endfor %}
          {% if update_url_name or delete_url_name or detail_url_name %}<th></th>{% endif %}
        </tr>
      </thead>
      <tbody>
        {% for object in object_list %}
          <tr class="hover">
            {% for label, attr in columns %}<td>{{ object|getattribute:attr }}</td>{% endfor %}
            {% if update_url_name or delete_url_name or detail_url_name %}
              <td class="text-right whitespace-nowrap">
                {% if detail_url_name %}
                  <a class="btn btn-ghost btn-xs" href="{% url detail_url_name object.pk %}">Ver</a>
                {% endif %}
                {% if update_url_name %}
                  <button class="btn btn-ghost btn-xs" hx-get="{% url update_url_name object.pk %}" hx-target="#backoffice-modal-box" hx-swap="innerHTML">Editar</button>
                {% endif %}
                {% if delete_url_name %}
                  <button class="btn btn-ghost btn-xs text-error" hx-get="{% url delete_url_name object.pk %}" hx-target="#backoffice-modal-box" hx-swap="innerHTML">Borrar</button>
                {% endif %}
              </td>
            {% endif %}
          </tr>
        {% empty %}
          <tr><td colspan="{{ columns|length|add:1 }}" class="text-center py-6">No hay resultados.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  {% if is_paginated %}
    <div class="join mt-4">
      {% if page_obj.has_previous %}
        <a class="join-item btn" href="?page={{ page_obj.previous_page_number }}">«</a>
      {% endif %}
      <span class="join-item btn btn-disabled">{{ page_obj.number }} / {{ page_obj.paginator.num_pages }}</span>
      {% if page_obj.has_next %}
        <a class="join-item btn" href="?page={{ page_obj.next_page_number }}">»</a>
      {% endif %}
    </div>
  {% endif %}
</div>