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

{% load crispy_forms_tags %}
{% load render_table from django_tables2 %}
{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
{% block css %}
{% endblock %}

{% block content %}
    <a href='{% url "trainees" %}'>Trainees list</a>

    <details class="bulk-edit">
        <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"
                _='on click put "" into #htmx-options'
        >Delete supervisors</button>
        <button id="bulk-edit-grade-button"
                hx-post="{% url 'generic:users_bulk_edit' %}"
                hx-include="[name='selection']"
                hx-target="#htmx-options"
                title="Changes the selected users grade."

        >Edit grade</button>
        <button id="bulk-add-group-button"
                hx-post="{% url 'generic:users_bulk_edit' %}"
                hx-include="[name='selection']"
                hx-target="#htmx-options"
                title="Adds the selected user to a group."

        >Add group</button>
        <button id="bulk-remove-group-button"
                hx-post="{% url 'generic:users_bulk_edit' %}"
                hx-include="[name='selection']"
                hx-target="#htmx-options"
                title="Removes the selected user from a group."

        >Remove group</button>
        <button id="bulk-deactivate-user-button"
                hx-post="{% url 'generic:users_bulk_edit' %}"
                hx-include="[name='selection']"
                hx-target="#htmx-options"
                hx-confirm="This will deactivate all selected users, are you sure you wish to continue?"
                title="Deactivates the selected users"

        >Deactivate</button>
    </details>

    <div id="table-div">
        <span id="manage-span">
            {% render_table table %}
        </span>
    </div>
    {% include "generic/partials/filter_bar.html" with filter=filter app_name=app_name collapse_id="bottom-filter-body" %}

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


{% endblock %}