{% extends 'generic/object_retrieve.html' %}
{% load helpers %}

{% block extra_nav_tabs %}
    <li class="nav-item" role="presentation">
        <a href="{{ object.get_absolute_url }}#members" onclick="switch_tab(this.href, reload=false)" aria-controls="members" role="tab" data-bs-toggle="tab" class="nav-link{% if request.GET.tab == 'members' %} active{% endif %}">
            Members {% badge object.count %}
        </a>
    </li>
{% endblock extra_nav_tabs %}

{% block extra_tab_content %}
    <div id="members" role="tabpanel" class="tab-pane {% if not active_tab and not request.GET.tab or request.GET.tab == "members" %}active{% else %}fade{% endif %}">
        <div class="row">
            <div class="col-lg-12">
                {% if members_list_url %}
                    <div class="alert alert-success" role="alert">
                        You can bulk-add and bulk-remove members of this group from the <a href="{{ members_list_url }}">{{ members_verbose_name_plural|bettertitle }} list view</a>.
                    </div>
                {% else %}
                    <div class="alert alert-warning" role="alert">
                        Dynamic group membership is cached for performance reasons,
                        therefore this listing may not always be up-to-date.
                        {% if request.user|has_perm:'extras.run_job' %}
                            <br>You can refresh the membership of this group asynchronously by clicking the
                            "Refresh Members" button on the main tab of this page, or by running the
                            <a href="{% url 'extras:job_run_by_class_path' class_path='nautobot.core.jobs.groups.RefreshDynamicGroupCaches' %}?single_group={{ object.pk }}">
                                Refresh Dynamic Group Caches
                            </a> Job as needed.
                        {% endif %}
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                {% include 'utilities/obj_table.html' with table=members_table table_template='panel_table.html' heading='Dynamic Group members' %}
            </div>
        </div>
    </div>
{% endblock extra_tab_content %}