{% extends '@TimeClock/time_clock/layout.html.twig' %}{% import '@TimeClock/time_clock/_macros.html.twig' as tc %}
{% block title %}Validations des temps{% endblock %}{% block time_clock_content %}
{% set pending = rows|filter(r => r.status == 'pending') %}{% set withAnomaly = rows|filter(r => r.status == 'anomaly') %}{% set validatedRows = rows|filter(r => r.status == 'validated') %}
<div class="tc-heading"><div><div class="tc-breadcrumb">Pointeuse › Validations</div><h1>Validations des temps <span class="tc-pill is-orange">{{ pending|length + withAnomaly|length }} en attente</span></h1><p>Période : {{ start|date('d/m/Y') }} au {{ end|date('d/m/Y') }}</p></div><div class="tc-actions"><button class="btn btn-outline-secondary">Recalculer</button><a class="btn btn-outline-secondary" href="{{ path('time_clock_export_index') }}">Exporter</a><button class="btn btn-primary">Valider la sélection</button></div></div>
<section class="tc-card tc-filterbar"><div class="row g-2"><div class="col"><input class="form-control" value="Semaine du {{ start|date('d') }} au {{ end|date('d F Y') }}"></div><div class="col"><select class="form-select"><option>Tous les établissements</option></select></div><div class="col"><select class="form-select"><option>Tous les services</option></select></div><div class="col"><input class="form-control" placeholder="Rechercher un salarié..." data-time-clock-ui-target="search" data-action="input->time-clock-ui#filter"></div></div></section>
<div class="tc-kpis"><div class="tc-kpi is-blue"><span>♟</span><strong>{{ rows|length }}</strong><small>Salariés à valider</small></div><div class="tc-kpi is-orange"><span>⚠</span><strong>{{ withAnomaly|length }}</strong><small>Avec anomalies</small></div><div class="tc-kpi is-green"><span>●</span><strong>{{ validatedRows|length }}</strong><small>Validés</small></div><div class="tc-kpi"><span>▣</span><strong>{{ validations|filter(v => v.status == 'locked')|length }}</strong><small>Verrouillés</small></div><div class="tc-kpi is-blue"><span>▤</span><strong>{{ validatedRows|length }}</strong><small>Exportables paie</small></div></div>
<section class="tc-progress-card"><div><b>Avancement des validations</b><strong>{{ validatedRows|length }} / {{ rows|length }} validés</strong></div><div class="progress"><div class="progress-bar bg-success" style="width:{{ rows|length ? (validatedRows|length / rows|length * 100) : 0 }}%"></div></div></section>
<section class="tc-card"><div class="tc-card-header"><h2>Détail par salarié <span>{{ rows|length }} salariés</span></h2></div><div class="table-responsive"><table class="table tc-table"><thead><tr><th>Salarié</th><th>Service</th><th>Prévues</th><th>Pointées</th><th>Pauses</th><th>Écart</th><th>Anomalies</th><th>Statut</th><th></th></tr></thead><tbody>{% for row in rows %}<tr data-time-clock-ui-target="row" data-search="{{ (row.employee.nom ~ ' ' ~ row.employee.prenom)|lower }}"><td><div class="tc-person"><span class="tc-avatar">{{ tc.initials(row.employee) }}</span><div><b>{{ row.employee.prenom }} {{ row.employee.nom }}</b><small>{{ row.employee.poste|default('') }}</small></div></div></td><td><span class="tc-pill">{{ row.employee.service.nom|default('—') }}</span></td><td>35 h 00</td><td><b>{{ tc.duration(row.minutes) }}</b></td><td>{{ tc.duration(row.breaks) }}</td><td><span class="tc-pill is-{{ row.minutes >= 2100 ? 'green' : 'red' }}">{{ row.minutes >= 2100 ? '↑ +' : '↓ -' }}{{ tc.duration((row.minutes - 2100)|abs) }}</span></td><td><span class="tc-pill is-{{ row.anomalies ? 'orange' : 'green' }}">{{ row.anomalies }}</span></td><td>{{ tc.status(row.status) }}</td><td><a class="btn btn-sm btn-outline-primary" href="{{ path('time_clock_validation_show',{id:row.employee.id}) }}">Voir détail</a></td></tr>{% else %}<tr><td colspan="9" class="tc-empty">Aucun salarié à valider.</td></tr>{% endfor %}</tbody></table></div></section>
{% endblock %}