{% extends '@TimeClock/time_clock/layout.html.twig' %}{% import '@TimeClock/time_clock/_macros.html.twig' as ui %}
{% block title %}Tableau de bord pointeuse{% 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>Tableau de bord</b></div><h1>Tableau de bord pointeuse <span class="tc-pill is-green"><i></i> En direct</span></h1><p>{{ 'now'|date('l d F Y')|capitalize }} · Dernière mise à jour : <b data-time-clock-timer-target="clock">{{ 'now'|date('H:i:s') }}</b></p></div><div class="tc-actions"><a class="btn btn-light border" href="{{ path('time_clock_export_index') }}"><i class="ti ti-download"></i> Exporter</a><a class="btn btn-outline-warning" href="{{ path('time_clock_anomaly_index') }}"><i class="ti ti-alert-triangle"></i> Traiter les anomalies <b>{{ kpis.anomalies }}</b></a><a class="btn btn-primary" href="{{ path('time_clock_qr_index') }}"><i class="ti ti-qrcode"></i> Voir le QR code</a></div></header>
<div class="row g-3 tc-kpis">{% set cards=[['walk','green',kpis.working,'Salariés au travail'],['coffee','blue',kpis.break,'Salariés en pause'],['user-x','red',kpis.not_clocked,'Non pointés'],['alert-triangle','orange',kpis.anomalies,'Anomalies ouvertes'],['edit','yellow',kpis.corrections,'Corrections en attente'],['calendar-check','purple',kpis.validations,'Journées à valider']] %}{% for c in cards %}<div class="col-6 col-lg-2"><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>
<div class="row g-4 mt-1"><div class="col-xl-8"><section class="tc-card"><header><h2><i class="tc-dot is-green"></i> État en temps réel <span>{{ employees|length }} salariés</span></h2><div class="d-flex gap-2"><input class="form-control form-control-sm" placeholder="Rechercher..." data-time-clock-ui-target="search" data-action="input->time-clock-ui#filter"><button class="btn btn-sm btn-outline-primary" data-action="time-clock-ui#refresh"><i class="ti ti-refresh"></i> Actualiser</button></div></header><div class="table-responsive"><table class="table tc-table align-middle"><thead><tr><th>Salarié</th><th>Service</th><th>État</th><th>Dernier pointage</th><th>Durée</th><th></th></tr></thead><tbody>{% for employee in employees|slice(0,8) %}{% set employeeSession = null %}{% for s in today_sessions %}{% if s.salarie.id == employee.id %}{% set employeeSession = s %}{% endif %}{% endfor %}<tr data-time-clock-ui-target="row" data-search="{{ employee|lower }} {{ employee.service|default('')|lower }}"><td><div class="tc-person"><span class="tc-avatar">{{ ui.initials(employee) }}</span><div><b>{{ employee }}</b><small>{{ employee.poste ?: 'Collaborateur' }}</small></div></div></td><td><span class="tc-tag">{{ employee.service ?: '—' }}</span></td><td>{% if employeeSession %}{{ ui.status(employeeSession.status) }}{% else %}<span class="tc-pill is-red">Non pointé</span>{% endif %}</td><td>{% if employeeSession %}<i class="ti ti-login text-success"></i> Entrée {{ employeeSession.clockInAt|date('H:i') }}{% else %}—{% endif %}</td><td><b>{{ employeeSession ? ui.duration(employeeSession.netWorkedMinutes) : '—' }}</b></td><td>{% if employeeSession %}<a class="btn btn-sm btn-outline-primary" href="{{ path('time_clock_session_show',{id:employeeSession.id}) }}">Voir</a>{% endif %}</td></tr>{% else %}<tr><td colspan="6" class="tc-empty">Aucun salarié actif.</td></tr>{% endfor %}</tbody></table></div><footer><a href="{{ path('time_clock_session_index') }}">Voir tous les salariés <i class="ti ti-arrow-right"></i></a></footer></section>
<section class="tc-card is-warning mt-4"><header><h2><i class="ti ti-alert-triangle"></i> Anomalies critiques <span>{{ kpis.anomalies }} ouvertes</span></h2><a href="{{ path('time_clock_anomaly_index') }}" class="btn btn-sm btn-outline-warning">Tout traiter</a></header><div class="table-responsive"><table class="table tc-table"><thead><tr><th>Salarié</th><th>Type</th><th>Date</th><th>Sévérité</th><th>Statut</th><th></th></tr></thead><tbody>{% for anomaly in anomalies|filter(a => a.status == 'open')|slice(0,4) %}<tr><td><b>{{ anomaly.salarie }}</b></td><td>{{ ui.anomaly(anomaly.type) }}</td><td>{{ anomaly.detectedAt|date('d/m/Y') }}</td><td><span class="tc-pill is-{{ anomaly.severity == 'blocking' ? 'red':'orange' }}">{{ anomaly.severity == 'blocking' ? 'Bloquant':'Avertissement' }}</span></td><td>{{ ui.status(anomaly.status) }}</td><td><a class="btn btn-sm btn-danger" href="{{ path('time_clock_anomaly_show',{id:anomaly.id}) }}">Traiter</a></td></tr>{% else %}<tr><td colspan="6" class="tc-empty">Aucune anomalie ouverte.</td></tr>{% endfor %}</tbody></table></div></section></div>
<aside class="col-xl-4"><section class="tc-card"><header><h2><i class="tc-dot is-purple"></i> Synthèse du jour</h2></header><div class="p-3 tc-summary-list"><div class="is-green"><span><i class="ti ti-clock"></i> Temps pointé total</span><b>{{ ui.duration(today_sessions|reduce((sum,s)=>sum+(s.netWorkedMinutes|default(0)),0)) }}</b></div><div class="is-blue"><span><i class="ti ti-coffee"></i> Pauses cumulées</span><b>{{ ui.duration(today_sessions|reduce((sum,s)=>sum+(s.breakDurationMinutes|default(0)),0)) }}</b></div><div class="is-orange"><span><i class="ti ti-arrows-diff"></i> Écarts planning</span><b>{{ kpis.anomalies }}</b></div><div><span><i class="ti ti-refresh"></i> Sessions auto-fermées</span><b>{{ today_sessions|filter(s=>s.autoClosed)|length }}</b></div></div></section><section class="tc-card mt-4"><header><h2><i class="tc-dot is-orange"></i> Corrections en attente <span>{{ kpis.corrections }}</span></h2></header><div class="p-3 tc-quick-list">{% for correction in corrections|filter(c=>c.status == 'submitted')|slice(0,5) %}<a href="{{ path('time_clock_correction_show',{id:correction.id}) }}"><span class="tc-icon is-orange"><i class="ti ti-edit"></i></span><div><b>{{ ui.correction(correction.type) }}</b><small>{{ correction.salarie }}</small></div><i class="ti ti-chevron-right"></i></a>{% else %}<p class="tc-empty">Aucune correction en attente.</p>{% endfor %}<a class="btn btn-warning text-white justify-content-center" href="{{ path('time_clock_correction_index') }}">Traiter toutes les corrections</a></div></section><section class="tc-card mt-4"><header><h2><i class="tc-dot is-teal"></i> Activité récente</h2></header><div class="p-3 tc-timeline">{% for item in recent_history %}<div><span class="tc-icon is-blue"><i class="ti ti-history"></i></span><p><b>{{ item.message ?: item.action|replace({'_':' '})|capitalize }}</b><small>{{ item.salarie ?: 'Système' }} · {{ item.createdAt|date('H:i') }}</small></p></div>{% else %}<p class="tc-empty">Aucune activité récente.</p>{% endfor %}</div></section></aside></div>
{% endblock %}