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

{% block content %}
    <section>
        <h1 class="text-color-blue">Gestion des compteurs</h1>
    </section>
    <section>
        <h3 class="text-color-light-blue mb-3">Liste des compteurs</h3>

        <div>
            <div class="container-fluid">
                <div class="row justify-content-start align-items-center">
                    <div class="col">
                        <a href="{{ path('admin_polaris_counter_type_new') }}" class="text-success no-decorate-on-hover mx-3" data-toggle="tooltip" data-position='right' title="Ajouter un compteur"><i class="text-success icon-plus" style="font-size: 2.3rem"></i></a>
                        <a href="{{ path('admin_polaris_counter_group_add') }}" class="text-success no-decorate-on-hover mx-3" data-toggle="tooltip" data-position='right' title="Ajouter un groupe de compteurs"><i class="text-success polaris-icon-folder-add" style="font-size: 2.3rem"></i></a>
                    </div>
                    <div class="col d-flex justify-content-center">
                        {{ knp_pagination_render(counterTypes) }}
                    </div>
                    <div class="col d-flex justify-content-end">
                        <p class="text-secondary align-self-center">Nombre de type de compteur total: {{ counterTypes.getTotalItemCount }}</p>
                    </div>
                </div>
            </div>

        </div>
        <div class="table-responsive">
            <table class="table table-sm">
                <thead>
                    <tr>
                        <th>{{ knp_pagination_sortable(counterTypes, 'Nom', 'name') }}</th>
                        <th class="text-center">{{ knp_pagination_sortable(counterTypes, 'Nombre de base', 'ato.id') }}</th>
                        <th class="text-center">{{ knp_pagination_sortable(counterTypes, 'Nombre de compteur associé', 'c.counter') }}</th>
                        <th class="text-center">{{ knp_pagination_sortable(counterTypes, 'Type de valeur', 'c.valueType') }}</th>
                        <th class="text-center">Actions</th>
                    </tr>
                </thead>
                <tbody>
                {% for counterType in counterTypes %}
                    <tr>
                        <td>{{ counterType.name }}</td>
                        <td class="text-center">{{ counterType.atos|length }}</td>
                        <td class="text-center">{{ counterType.counters|length }}</td>
                        <td class="text-center">{{ counterType.valueType }}</td>
                        <td class="text-center">
                            <a class="mx-2" href="{{path('admin_polaris_counter_type_counter_counter_type_show', {id: counterType.id })}}"><i class="icon-cursor"></i></a>
                            <a onclick="return alert('Attention vous êtes sur le point de modifier un type de compteur ! \nTous les compteur de ce type seront également modifiés.');" class="mx-2 text-secondary" href="{{path('admin_polaris_counter_type_counter_counter_type_edit', {id: counterType.id })}}"><i class="icon-pencil"></i></a>
                            {{ include('counter/counter_type/_delete_form.html.twig', {"counterType": counterType}) }}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
{% endblock %}