{% extends '@TimeClock/time_clock/layout.html.twig' %}{% import '@TimeClock/time_clock/_macros.html.twig' as ui %}{% block title %}Sessions de pointage{% endblock %}{% block tc_content %}<header class="tc-head"><div><div class="tc-breadcrumb"><i class="ti ti-clock"></i> Pointeuse <i class="ti ti-chevron-right"></i> <b>Sessions</b></div><h1>Sessions de pointage</h1><p>{{ start|date('d/m/Y') }} au {{ end|date('d/m/Y') }} · <b>{{ sessions|length }} sessions</b></p></div><a class="btn btn-light border" href="{{ path('time_clock_export_index') }}"><i class="ti ti-download"></i> Exporter</a></header><section class="tc-filter-card"><h2><i class="ti ti-adjustments"></i> Filtres <span>3 actifs</span></h2><form class="row g-2"><div class="col-lg-5"><input class="form-control" placeholder="Rechercher un salarié, matricule ou service..." data-time-clock-ui-target="search" data-action="input->time-clock-ui#filter"></div><div class="col-lg"><select class="form-select"><option>Tous les salariés</option></select></div><div class="col-lg"><select class="form-select"><option>Tous les établissements</option></select></div><div class="col-lg-3"><input class="form-control" type="date" name="start" value="{{ start|date('Y-m-d') }}"></div><div class="col-lg-3"><input class="form-control" type="date" name="end" value="{{ end|date('Y-m-d') }}"></div><div class="col-lg"><select class="form-select"><option>Tous les statuts</option></select></div><div class="col-lg-auto"><button class="btn btn-primary"><i class="ti ti-search"></i> Filtrer</button></div></form></section><div class="row g-3 tc-kpis mt-1">{% set opened=sessions|filter(s=>s.status in ['open','on_break'])|length %}{% set anomalies=sessions|filter(s=>s.status == 'anomaly')|length %}{% set validated=sessions|filter(s=>s.validatedAt)|length %}{% for c in [['calendar','blue',sessions|length,'Sessions cette semaine'],['circle-dot','green',opened,'Ouvertes'],['alert-triangle','orange',anomalies,'Anomalies'],['circle-check','green',validated,'Validées'],['lock','gray',sessions|filter(s=>s.status == 'locked')|length,'Verrouillées']] %}<div class="col"><article class="tc-kpi"><span class="tc-icon is-{{ c[1] }}"><i class="ti ti-{{ c[0] }}"></i></span><strong>{{ c[2] }}</strong><small>{{ c[3] }}</small></article></div>{% endfor %}</div><section class="tc-card mt-4"><header><h2>Liste des sessions <span>{{ sessions|length }} résultats</span></h2><div><button class="btn btn-sm btn-light border" data-action="time-clock-ui#selectAll">Tout sélectionner</button><button class="btn btn-sm btn-outline-success">Valider la sélection</button></div></header>{% include '@TimeClock/time_clock/_session_table.html.twig' with {sessions:sessions} %}</section>{% endblock %}