{% extends "base.html" %}
{% load i18n %}
{% load render_table from django_tables2 %}

{% block title %}{% trans "Group" %}{% endblock title %}

{% block content %}
<section class="">

        <div class="row">
        <div class="col-auto">
                <div class="d-md-flex justify-content-between">
                  <div>
                    <a href="{% url 'group_create' %}" class="btn btn-sm btn-phoenix-primary"><span class="fas fa-plus me-2"></span>{% trans "Add Group" %}</a>

                  </div>
                </div>
              </div>
<div class="table-responsive scrollbar mx-n1 px-1">

        <table class="table table-hover table-responsive-sm fs-9 mb-0">
            <thead>
                <tr>
                    <th>{% trans 'name'|capfirst %}</th>                    
                    <th>{% trans 'total Users'|capfirst %}</th>                    
                    <th>{% trans 'total permission'|capfirst %}</th>                    
                    <th>{% trans 'actions'|capfirst %}</th>
                </tr>
            </thead>
            <tbody>
                {% for group in groups %}
                <tr>
                    <td>{{ group.name }}</td>
                    <td><i class="fa-solid fa-users"></i> {{ group.users.count }}</td>
                    <td><i class="fa-solid fa-unlock"></i> {{ group.permissions.count }}</td>
                    <td>
                        <a class="btn btn-phoenix-success"
                           href="{% url 'group_detail' group.id %}">
                           <i class="fa-solid fa-eye"></i>
                            {% trans 'view'|capfirst %}
                        </a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
</div>
<div class="d-flex justify-content-center">
        {% if is_paginated %}
        {% include 'partials/pagination.html' %}
        {% endif %}
    </div>
        
</div>
</section>
{% endblock %}