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

{% block content %}
<section>
    <h1 class="text-color-blue">
        <div class="d-flex justify-content-between">
            <span class="d-blockk">Gestion des bases</span>
        </div>
    </h1>
</section>
<section  id="bases-list">
    <div>
        <div class="mb-3 d-flex align-items-center">
            <div class="col-auto">
                {% if is_granted('create', 'ato') %}
                    <a href="{{path('admin_polaris_ato_new')}}" class="text-success my-auto" data-toggle="tooltip" data-position='right' title="Ajouter une base"><i class="text-success polaris-icon polaris-icon-airport-add" style="font-size: 4rem;"></i></a>
                {% endif %}
    
            </div>
            {% if is_granted('list', 'ato') %}
            <div class="col">
                {% include "form/searchBar.html.twig" %}
            </div>
        {% endif %}
        </div>
        <div class="text-muted d-flex justify-content-between">
            {{ knp_pagination_render(atos) }}
            <p class="ml-auto my-0 p-0 align-self-end">Nombre de bases trouvées: {{ atos.getTotalItemCount }}</p>
        </div>
        <hr>
        <table class="table table-sm">
            <thead>
                <tr>
                    <th class="text-center">Code</th>
                    <th class="">Nom</th>
                    <th class="text-center">Email</th>
                    <th class="text-center">Téléphone</th>
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
            {% for ato in atos %}
                <tr class="{{ato.status == "active" ? 'alert-success' : 'alert-danger'}}">
                    <th class="text-center">{{ ato.code }}</th>
                    <th class="">{{ ato.name }}</th>
                    <td class="text-center">
                        {% if ato.contactEmail %}
                            <a href="mailto:{{ato.contactEmail}}">{{ato.contactEmail}}</a>
                        {% else %}
                            <span class="text-secondary">Non Défini</span>
                        {% endif %}
                    </td>
                    <td class="text-center">
                        {% if ato.contactPhone %}
                            <a href="tel:{{ato.contactPhone}}">{{ato.contactPhone}}</a>
                        {% else %}
                            <span class="text-secondary">Non Défini</span>
                        {% endif %}
                    </td>
                    <td class="text-center">
                        {% if is_granted('view', 'ato') %}
                            <a class="text-primary" data-toggle="tooltip" data-placement='top' title="Détails" href="{{ path('admin_polaris_ato_show_details', {'id': ato.id}) }}"><i class="icon icon-cursor"></i></a>
                        {% endif %}
                        {% if is_granted('view', 'ato') and is_granted('edit', 'ato') %}
                             - 
                        {% endif %}
                        {% if is_granted('edit', 'ato') %}
                            <a class="text-secondary" data-toggle="tooltip" data-placement='top' title="Editer" href="{{ path('admin_polaris_ato_edit', {'id': ato.id}) }}"><i class="icon icon-pencil"></i></a>
                        {% endif %}
                        {% if (is_granted('edit', 'ato') or is_granted('view', 'ato')) and is_granted('delete', 'ato') %}
                             - 
                        {% endif %}
                        {% if is_granted('delete', 'ato') %}
                            {% include "ato/_delete_form.html.twig" %}
                        {% endif %}
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td class="text-center text-danger" colspan="7">Aucune base trouvée</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</section>

{% endblock %}