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

{% block title %}Accueil Dashboard{% endblock %}

{% block body %}
    <div class="flex items-center justify-between">
        <h1 class="h1">Accueil de l'administration</h1>
    </div>

    <div class="grid grid-cols-3-1 gap-3 mt-2">
        <div class="flex flex-col gap-2">
            <div class="card">
                <div class="card-header">
                    <h2 class="h4">Planning</h2>
                </div>
                <div class="card-body">
                   <match-calendar></match-calendar>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h2 class="h4">Les 5 dernières commandes</h2>
                </div>
                <div class="card-body">
                    <p>Ma body card</p>
                </div>
            </div>
        </div>
        <div class="flex flex-col gap-2">
            <div class="card">
                <div class="card-header">
                    <h2 class="h4">Les derniers logs</h2>
                </div>
                <div class="card-body">
                   {% for log in logs %}
                       <div class="flex justify-between items-center">
                           <p>{{ log.name }}</p>
                           <p>Par {{ log.byUser.fullName }}</p>
                       </div>
                       <hr class="mt-2 mb-2">
                    {% endfor %}
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h2 class="h4">Statistique de la saison</h2>
                </div>
                <div class="card-body">
                    <p>{{ numberLicences }} Licencié(e)s</p>
                    <p>180 Stagiaires</p>
                    <p>{{ numberEducators }} Éducateurs</p>
                </div>
            </div>
        </div>
    </div>
{% endblock %}