{% load djresource_tags %}
{% include "djresource/_filters.html" %}
{% if search_enabled %}
<form method="get" class="mb-3 row g-2">
    <div class="col-auto">
        <input type="text" name="q" value="{{ search_query }}" class="form-control" placeholder="Rechercher...">
    </div>
    <div class="col-auto">
        <button type="submit" class="btn btn-outline-secondary">Rechercher</button>
    </div>
    {% if search_query %}
    <div class="col-auto">
        <a href="{% url url_list %}" class="btn btn-link">Réinitialiser</a>
    </div>
    {% endif %}
</form>
{% endif %}

{% if bulk_actions %}
<form method="post" action="{{ bulk_action_url }}">
    {% csrf_token %}
    {% include "djresource/_bulk_actions.html" %}
{% endif %}
<div class="table-responsive">
<table class="table table-striped table-hover bg-white align-middle">
    <thead>
        <tr>
            {% if bulk_actions %}<th scope="col">Sélection</th>{% endif %}
            {% for field in list_display %}
            <th>
                {% if field in resource.ordering_fields %}
                    <a class="text-decoration-none"
                       href="?sort={{ field }}&dir={% if current_sort == field and current_dir == 'asc' %}desc{% else %}asc{% endif %}{% if search_query %}&q={{ search_query }}{% endif %}">
                        {{ field|capfirst }}
                        {% if current_sort == field %}{% if current_dir == 'asc' %}▲{% else %}▼{% endif %}{% endif %}
                    </a>
                {% else %}
                    {{ field|capfirst }}
                {% endif %}
            </th>
            {% endfor %}
            <th class="text-end">Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for object in object_list %}
        <tr>
            {% if bulk_actions %}<td><input type="checkbox" name="selected" value="{{ object.pk }}" aria-label="Sélectionner {{ object }}"></td>{% endif %}
            {% for field in list_display %}
            <td>{{ object|get_attr:field }}</td>
            {% endfor %}
            <td class="text-end">
                <a href="{% url url_detail object|get_attr:resource.lookup_field %}" class="btn btn-sm btn-outline-secondary">Voir</a>
                <a href="{% url url_update object|get_attr:resource.lookup_field %}" class="btn btn-sm btn-outline-primary">Modifier</a>
                <a href="{% url url_delete object|get_attr:resource.lookup_field %}" class="btn btn-sm btn-outline-danger">Supprimer</a>
            </td>
        </tr>
        {% empty %}
        <tr>
            <td colspan="{% if bulk_actions %}{{ list_display|length|add:2 }}{% else %}{{ list_display|length|add:1 }}{% endif %}" class="text-center text-muted py-4">
                Aucun résultat.
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
</div>

{% if bulk_actions %}</form>{% endif %}

{% if is_paginated %}
<nav aria-label="Pagination">
    <ul class="pagination">
        {% if page_obj.has_previous %}
        <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if search_query %}&q={{ search_query }}{% endif %}">Précédent</a>
        </li>
        {% endif %}
        <li class="page-item disabled">
            <span class="page-link">Page {{ page_obj.number }} / {{ page_obj.paginator.num_pages }}</span>
        </li>
        {% if page_obj.has_next %}
        <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.next_page_number }}{% if search_query %}&q={{ search_query }}{% endif %}">Suivant</a>
        </li>
        {% endif %}
    </ul>
</nav>
{% endif %}