{% extends 'base.html.twig' %}

{% block title %}Skupiny{% endblock %}

{% block main %}
    <home-row>
        <home-wrap>
            <h4 class="text-center">Skupiny <a href="{{ path('app_endpoint_groups_add') }}"> <i class="fa-solid
            fa-plus
            btn-secondary"></i></a>
                <a href="{{ path('app_ise_refresh', {what: 'groups'})
                }}"><i class="fa-solid fa-arrows-rotate"></i></a>
            </h4>
            <div class="d-flex flex-fill justify-content-center align-items-center flex-wrap table-responsive">
                <table class="table table-hover align-middle text-center">
                    <thead>
                    <tr>
                        <th scope="col">Název</th>
                        <th scope="col">Popis</th>
                        <th scope="col">Upravit</th>
                        <th scope="col">Smazat</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for group in groups %}
                        <tr>
                            <th scope="row">{{ group.name|group }}</th>
                            <td>{{ group.description }}</td>
                            <td><a type="button" class="btn disabled"
                                   href="{{ path('app_endpoint_groups_edit', {id: group.id}) }}">
                                    <i class="fa-solid fa-pen-to-square"></i>
                                </a>
                            </td>
                            <td><a type="button" disabled class="btn disabled"
                                   href="{{ path('app_endpoint_groups_remove', {id: group.id}) }}">
                                    <i class="fa-sharp fa-solid fa-trash"></i>
                                </a>
                            </td>

                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </home-wrap>
    </home-row>
{% endblock %}