{% extends 'generic/base.html' %}

{% load render_table from django_tables2 %}
{% block css %}
{% endblock %}

{% block content %}

    <div id="view-filter-options">
        <details class="filter">
            <summary>
                <h3>Filter Users </h3>
            </summary>
            <form action="" method="get">
                {{ filter.form }}
                <input class="btn btn-primary btn-sm mt-1 mb-1" type="submit" />
            </form>
        </details>
    </div>

    <div id="table-div">
        <span id="manage-span">
            {% render_table table %}
        </span>
    </div>

    <a href="{% url 'accounts_bulk_create' %}">Bulk create users</a>
    <a href="{% url 'create_user' %}">Create single user</a>

    <details>
        <summary>
            Bulk edit
        </summary>
        <div id="htmx-info"></div>
        <div id="htmx-options"></div>
        <button id="bulk-delete-supervisors-button"
            title="Deletes the supervisors of all selected users"
            hx-post="{% url 'generic:users_bulk_delete_supervisors' %}"
            hx-include="[name='selection']"
            hx-confirm="This will delete supervisors from all selected users, are you sure you wish to continue?"
            hx-target="#htmx-info"
        >Delete supervisors</button>
        <button id="bulk-edit-grade-button"
            hx-post="{% url 'generic:users_bulk_edit_grade' %}"
            hx-include="[name='selection']"
            hx-target="#htmx-options"
        
        >Edit grade</button>
    </details>

{% endblock %}