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

{% block title %} {{ parent() }} - Catégories des avions{% endblock %}

{% set aircraft_section_title = 'Gestion des catégories des appareils' %}

{% block aircraftContent %}
    {% if category_aircrafts_chart is defined and category_aircrafts_chart.data.arrayToDataTable %}
    <section>
        <div class="row align-items-center">
            <div class="col">
                <h3 class="text-color-light-blue">Répartition des appareils par catégorie</h3>
            </div>
            <div class="col-auto ml-auto text-right">
                <a href="#" class="no-decorate-on-hover text-color-light-blue mr-2 toggle-button aew-rotate-90" data-toggler-action="aew-rotate-90" data-toggle-target='#columnChart'>
                     <i class="icon icon-arrow-right"></i>
                </a>
            </div>
        </div>
        <div class="col-12 mt-3 mb-5" id="columnChart"></div>
    </section>
{% endif %} {# Graph section #}
    <section>
        <h3>Liste des classes</h3>
        <div class="container-fluid">
            <div class="row align-items-center">
                {% if is_granted('create', 'aircraft') %}
                    <a  href="{{path('admin_polaris_aircraft_category_new')}}" class="text-success no-decorate-on-hover"><i class="icon icon-plus"></i> Ajouter une catégorie</a>
                {% endif %}
            </div>
        </div>
        <div class="text-muted d-md-flex flex-row-reverse justify-content-between align-items-center my-3">
            <p class="">Nombre de catégories: {{ category_aircrafts.getTotalItemCount }}</p>
            {{ knp_pagination_render(category_aircrafts) }}
        </div>
        <div id="categories-list" class="table-responsive">
            <table class="table table-sm table-responsive-sm">
                <thead>
                <tr>
                    <th style="width: 10%;" class="text-center">{{ knp_pagination_sortable(category_aircrafts, 'Id', 'c.id') }}</th>
                    <th style="width: 30%;" class="text-left">{{ knp_pagination_sortable(category_aircrafts, 'Nom', 'c.name') }}</th>
                    <th style="width: 20%;" class="text-center">Nombre d'appareils</th>
                    {% if is_granted('edit', 'aircraft') or is_granted('edit', 'aircraft') or is_granted('view', 'aircraft') %}
                        <th style="width: 40%;" class="text-center">Actions</th>
                    {% endif %}
                </tr>
                </thead>
                <tbody>
                {% for category_aircraft in category_aircrafts %}
                    <tr>
                        <td class="text-center">{{ category_aircraft.id }}</td>
                        <td class="text-left">{{ category_aircraft.name }}</td>
                        <td class="text-center">{{ category_aircraft.aircrafts|length }}</td>
                        {% if is_granted('edit', 'aircraft') or is_granted('edit', 'aircraft') or is_granted('view', 'aircraft') %}
                            <td class="text-center">
                                {% if is_granted('view', 'aircraft') %}
                                    <a class="mx-2" href="{{path('admin_polaris_aircraft_category_show', {id: category_aircraft.id })}}"><i class="icon-cursor"></i></a>
                                {% endif %}
                                {% if is_granted('edit', 'aircraft') %}
                                    <a onclick="return alert('Attention vous êtes sur le point de modifier une catégorie ! \nTous les avions de cette catégorie seront également modifiés.');" class="ajaxLink mx-2 text-secondary" href="{{path('admin_polaris_aircraft_category_edit', {id: category_aircraft.id })}}"><i class="icon-pencil"></i></a>
                                {% endif %}
                                {% if is_granted('delete', 'aircraft') %}
                                    {% include "aircraft/category_aircraft/_delete_form.html.twig" %}
                                {% endif %}
                            </td>
                        {% endif %}

                    </tr>
                {% else %}
                    <tr>
                        <td colspan="4">Aucun constructeur trouvé</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
{% endblock %}

{#
    <section>
    <h3>Liste des catégories</h3>
    <div class="d-flex justify-content-start">
        {% if is_granted('create', 'aircraft') %}
            <a href="{{path('admin_polaris_aircraft_category_new')}}" class="text-success ajaxLink">Créer une catégorie</a>
        {% endif %}
    </div>
    <p class="text-muted">Nombre de catégories: {{ category_aircrafts.getTotalItemCount }}</p>

    <div class="text-muted mt-2 d-flex justify-content-center">
        {{ knp_pagination_render(category_aircrafts) }}
    </div>
</section> {# List section #}


{% block javascripts %}
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    {% if category_aircrafts_chart is defined and category_aircrafts_chart.data.arrayToDataTable %}
        <script>
            {{gc_draw(category_aircrafts_chart, 'columnChart')}}
        </script>
    {% endif %}
{% endblock %}