{% extends 'base.html' %}
{% load static %}
{% block principal %}
<div class="min-vh-100 w-100">
    <!-- Content -->
    <div class="container">
        <center>
            <h5 class="line_title mt-3">
                <label>Lista de grupos</label>
            </h5>
        </center>
        <div id="content-main">
            <div class="module" id="changelist">
                <div class="changelist-form-container">
                    <div id="toolbar">
                        <form id="changelist-search" method="get">
                            <div><!-- DIV needed for valid HTML -->
                                <label for="searchbar"><img src="/static/admin/img/search.svg" alt="Search"></label>
                                <input type="text" size="40" name="q" value="{{request.GET.q  }}" id="searchbar" autofocus="">
                                <input type="submit" value="Buscar">
                            </div>
                        </form>
                    </div>
                    <form id="changelist-form" method="post" novalidate="">
                        <div class="results">
                            <table class="table table-striped table-light">
                                <thead>
                                <tr>
                                    <th scope="col" class="action-checkbox-column">
                                        <div class="text">
                                            <span>ID</span>
                                            <a href="{%  url 'permisos' %}" class="fa fa-add"></a>
                                        </div>
                                    </th>
                                    <th scope="col" class="column-__str__">
                                        <div class="text"><span>Grupo</span></div>
                                    </th>
                                    <th>
                                        <div class="text"><span>Acciones</span></div>
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                    {% for group in object_list  %}
                                        <tr>
                                            <th scope="row">{{ group.id }}</th>
                                            <td>{{ group.name }}</td>
                                            <td>
                                                <a href="{% url 'update_group' group.id %}" class="badge bg-primary-menu actionbtn"> Modificar </a>
                                                <a href="{% url 'delete_group' group.id %}" class="badge bg-warning actionbtn"> Eliminar </a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </form>
                        <div class="row float-end">
                            {% if messages %}
                                <ul class="messages">
                                    {% for message in messages %}
                                       <a class="alert alert-danger alert-dismissible fade show" role="alert">
                                           {{ message }}
                                            <button type="button" class="btn btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                       </a>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                        </div>
                </div>
            </div>
        </div>
        <br class="clear">
    </div>
    <!-- END Content -->
    <div id="footer"></div>
</div>
{% endblock %}
{% block scripts %}
{% endblock %}