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

{% block title %}AFC E-Learning{% endblock %}

{% block body %}
    <div class="container-fluid p-5">
        <h2 class="text-secondary mb-4">Notifications</h2>
        <div class="row mb-5">
            {# Etude de cas #}
            <div class="col-lg-4">
                <div class="card shadow">
                    <h5 class="card-header text-center secondary-color">Etude de cas</h5>
                    <div class="card-body text-center">
                    {% if exercices|length > 0 %}
                        <span class="material-icons text-danger">
                            notification_important
                        </span>
                        <p><strong class="text-danger">{{ exercices|length }}</strong> études de cas en attentes de correction</p>
                        <a href="{{ path('admin_chapter_exercice') }}" class="secondary-btn bg-danger">Acceder à la liste</a>
                    {% else %}
                        <span class="material-icons text-white">
                            notification_important
                        </span>
                        <p>Aucune étude de cas à corriger</p>
                        <button class="secondary-btn bg-secondary" disabled>Acceder à la liste</button>
                    {% endif %}
                    </div>
                </div>
            </div>

            {# Parcours à completer #}
            <div class="col-lg-4">
                <div class="card shadow">
                    <h5 class="card-header text-center secondary-color">Parcours à completer</h5>
                    <div class="card-body text-center">
                        {% if incompleteStage|length > 0 %}
                        <span class="material-icons text-danger">
                            notification_important
                        </span>
                        <p><strong class="text-danger">{{ incompleteStage|length }}</strong> parcours à compléter</p>
                        <a href="{{ path('admin_learner_ts_incomplete') }}" class="secondary-btn bg-danger">Acceder à la liste</a>
                        {% else %}
                        <span class="material-icons text-white">
                            notification_important
                        </span>
                        <p>Aucun parcours à completer</p>
                        <button class="secondary-btn bg-secondary" disabled>Acceder à la liste</button>
                        {% endif %}
                    </div>
                </div>
            </div>

            {# Formation à valider #}
            <div class="col-lg-4">
                <div class="card shadow">
                    <h5 class="card-header text-center secondary-color">Formation à valider</h5>
                    <div class="card-body text-center">
                        {% if endingStages|length > 0 %}
                        <span class="material-icons text-danger">
                            notification_important
                        </span>
                        <p><strong class="text-danger">{{ endingStages|length }}</strong> formations à valider</p>
                        <a href="{{ path('admin_learner_ts_to_validate') }}" class="secondary-btn bg-danger">Acceder à la liste</a>
                        {% else %}
                        <span class="material-icons text-white">
                            notification_important
                        </span>
                        <p>Aucune formation à valider</p>
                        <button class="secondary-btn bg-secondary" disabled>Acceder à la liste</button>
                        {% endif %}
                    </div>
                </div>
            </div>

        </div>
        <h2 class="text-secondary mb-4">Statistiques</h2>
        <div class="p-3 bg-white shadow rounded-3">
        <ul class="list-group">
            <li class="lead list-group-item">
                <span class="badge bg-primary"><span class="lead">{{ learnersNumber }}</span></span> stagiaires inscris sur la plateforme
            </li>
            <li class="lead list-group-item">
                <span class="badge bg-primary"><span class="lead">{{ trainingInProgessNumber }}</span></span> formations en cours
            </li>
            <li class="lead list-group-item">
                <span class="badge bg-primary"><span class="lead">{{ totalAverageRatings|number_format(1) }} / 4</span></span> moyenne total des évaluations de formation
            </li>
        </ul>
        </div>
    </div>
{% endblock %}