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

{% block title %}Tableau de bord Admin{% endblock %}
{% block page_title %}Tableau de bord{% endblock %}

{% set moisNoms = {1:'Janv.',2:'Fev.',3:'Mars',4:'Avr.',5:'Mai',6:'Juin',
                   7:'Juil.',8:'Aout',9:'Sept.',10:'Oct.',11:'Nov.',12:'Dec.'} %}

{% block body %}

<div class="row g-3 mb-4">
    <div class="col-6 col-md-3">
        <div class="card text-center p-3">
            <div class="display-6 fw-bold text-primary">{{ users|length }}</div>
            <div class="text-muted small">Employés actifs</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card text-center p-3">
            <div class="display-6 fw-bold text-success">{{ currentMonth|mois_nom }}</div>
            <div class="text-muted small">Mois en cours</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card text-center p-3">
            <div class="display-6 fw-bold text-info">{{ currentYear }}</div>
            <div class="text-muted small">Année en cours</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card text-center p-3">
            <a href="{{ path('app_admin_users_new') }}" class="btn btn-primary w-100 h-100 d-flex flex-column align-items-center justify-content-center" style="min-height:80px">
                <i class="bi bi-person-plus fs-3"></i>
                <span class="mt-1">Nouvel employé</span>
            </a>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header d-flex align-items-center justify-content-between py-3">
        <span><i class="bi bi-people me-2"></i>Pointage par employé</span>
        <div class="d-flex gap-2">
            {% for y in years %}
            <a href="?year={{ y }}" class="btn btn-sm {{ y == (app.request.query.get('year', currentYear)|number_format(0,'','')) ? 'btn-primary' : 'btn-outline-secondary' }}">
                {{ y }}
            </a>
            {% endfor %}
        </div>
    </div>
    <div class="card-body p-0">
        {% set selectedYear = app.request.query.get('year', currentYear)|number_format(0,'','') %}
        <div class="table-responsive">
        <table class="table table-hover table-sm mb-0">
            <thead class="table-dark">
                <tr>
                    <th>Employé</th>
                    <th>Poste</th>
                    {% for m in 1..12 %}
                    <th class="text-center" style="min-width:48px">{{ moisNoms[m] }}</th>
                    {% endfor %}
                </tr>
            </thead>
            <tbody>
            {% for user in users %}
            <tr>
                <td>
                    <i class="bi bi-person me-1 text-muted"></i>
                    <strong>{{ user.nomComplet }}</strong>
                    {% if user.matricule %}<span class="text-muted small ms-1">({{ user.matricule }})</span>{% endif %}
                </td>
                <td class="text-muted small">{{ user.poste ?? '—' }}</td>
                {% for m in 1..12 %}
                <td class="text-center">
                    <a href="{{ path('app_admin_pointage_sheet', {userId: user.id, year: selectedYear, month: m}) }}"
                       class="btn btn-xs p-1 {{ (m == currentMonth and selectedYear == currentYear) ? 'btn-primary' : 'btn-outline-secondary' }}"
                       style="font-size:.7rem; line-height:1; min-width:36px"
                       title="{{ moisNoms[m] }} {{ selectedYear }}">
                        {{ m }}
                    </a>
                </td>
                {% endfor %}
            </tr>
            {% endfor %}
            </tbody>
        </table>
        </div>
    </div>
</div>

{% endblock %}