{% extends '@App/app.html.twig' %}

{% block title %}Tableau de bord congés{% endblock %}

{% block page_header %}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between mb-4"><div><h1 class="h3 mb-1">Congés</h1><p class="text-muted mb-0">Vue RH des absences et validations.</p></div><a class="btn btn-primary" href="{{ path('app_leave_new') }}">Nouvelle demande</a></div>
<div class="row g-3 mb-4">
    <div class="col-md-3"><div class="card"><div class="card-body"><span class="text-muted">À valider</span><div class="h2">{{ pending|length }}</div></div></div></div>
    <div class="col-md-3"><div class="card"><div class="card-body"><span class="text-muted">Absents aujourd'hui</span><div class="h2">{{ today|length }}</div></div></div></div>
    <div class="col-md-3"><div class="card"><div class="card-body"><span class="text-muted">Prochaines absences</span><div class="h2">{{ upcoming|length }}</div></div></div></div>
    <div class="col-md-3"><div class="card"><div class="card-body"><span class="text-muted">Soldes suivis</span><div class="h2">{{ balances|length }}</div></div></div></div>
</div>
<h2 class="h5">Demandes récentes</h2>{% include '@Leave/leave/_table.html.twig' with {requests: recent} %}
{% endblock %}