{% extends '@TimeClock/time_clock/layout.html.twig' %}{% import '@TimeClock/time_clock/_macros.html.twig' as ui %}{% block title %}Session du {{ session.workDate|date('d/m/Y') }}{% endblock %}{% block tc_content %}<header class="tc-head"><div class="d-flex gap-3"><a class="btn btn-light border align-self-start" href="{{ path('time_clock_session_index') }}"><i class="ti ti-arrow-left"></i></a><div><div class="tc-breadcrumb">Pointeuse <i class="ti ti-chevron-right"></i> Sessions <i class="ti ti-chevron-right"></i> {{ session.salarie }}</div><h1>Session du {{ session.workDate|date('d F Y') }} {{ ui.status(session.status) }}</h1><p>Session pointeuse · <b>{{ session.salarie }}</b> · Réf. SES-{{ '%06d'|format(session.id) }}</p></div></div><div class="tc-actions"><a class="btn btn-light border" href="{{ path('time_clock_session_index') }}">Retour liste</a><a class="btn btn-outline-primary" href="{{ path('time_clock_correction_new',{session:session.id}) }}">Demander correction</a><button class="btn btn-primary">Valider</button></div></header><section class="tc-session-summary"><div class="tc-person"><span class="tc-avatar">{{ ui.initials(session.salarie) }}</span><div><b>{{ session.salarie }}</b><small>{{ session.salarie.poste ?: session.salarie.service }}</small><a>{{ session.workDate|date('d/m/Y · l') }}</a></div></div><div><small>Entrée</small><b>{{ session.clockInAt ? session.clockInAt|date('H:i'):'—' }}</b></div><div><small>Sortie</small><b>{{ session.clockOutAt ? session.clockOutAt|date('H:i'):'—' }}</b></div><div><small>Temps brut</small><b>{{ ui.duration(session.grossDurationMinutes) }}</b></div><div><small>Pauses</small><b class="text-primary">{{ ui.duration(session.breakDurationMinutes) }}</b></div><div><small>Temps net</small><b class="text-success">{{ ui.duration(session.netWorkedMinutes) }}</b></div><div><small>Validation</small>{{ session.validatedAt ? ui.status('validated'):ui.status('pending') }}</div></section><nav class="tc-tabs mt-4"><button class="active">Résumé</button><button>Événements <span>{{ events|length }}</span></button><button>Pauses <span>{{ breaks|length }}</span></button><button>Anomalies <span>{{ anomalies|length }}</span></button><button>Comparaison planning</button><button>Historique</button></nav><div class="row g-4 mt-1"><div class="col-xl-9"><section class="tc-card"><header><h2><span class="tc-icon is-blue"><i class="ti ti-chart-pie"></i></span> Synthèse de la session</h2></header><div class="p-4"><div class="row g-3 tc-metric-boxes">{% for c in [['Temps brut',ui.duration(session.grossDurationMinutes),''],['Pauses',ui.duration(session.breakDurationMinutes),'blue'],['Temps net',ui.duration(session.netWorkedMinutes),'green'],['Écart','Calculé','teal']] %}<div class="col-md-3"><div class="is-{{ c[2] }}"><small>{{ c[0] }}</small><b>{{ c[1] }}</b></div></div>{% endfor %}</div><div class="tc-workbar mt-4"><span style="width:{{ session.grossDurationMinutes ? min(100,(session.netWorkedMinutes/session.grossDurationMinutes)*100):0 }}%"></span><i style="width:{{ session.grossDurationMinutes ? min(100,(session.breakDurationMinutes/session.grossDurationMinutes)*100):0 }}%"></i></div><dl class="tc-detail-grid mt-4"><dt>Heure d'entrée</dt><dd>{{ session.clockInAt ? session.clockInAt|date('H:i'):'—' }}</dd><dt>Heure de sortie</dt><dd>{{ session.clockOutAt ? session.clockOutAt|date('H:i'):'—' }}</dd><dt>Nombre de pauses</dt><dd>{{ breaks|length }}</dd><dt>Méthode de pointage</dt><dd>{{ session.source == 'qr_code' ? 'QR Code':'Manuel' }}</dd><dt>Fermeture session</dt><dd>{{ session.autoClosed ? 'Automatique':'Manuelle' }}</dd></dl></div></section><section class="tc-card mt-4"><header><h2><i class="ti ti-shield-check"></i> Audit technique</h2><span class="tc-pill is-green">Intégrité validée</span></header><div class="p-4 row g-3">{% for event in events %}<div class="col-md-6"><div class="tc-audit-box"><small>{{ event.eventType|replace({'_':' '})|upper }}</small><b>{{ event.eventAt|date('d/m/Y à H:i:s') }}</b><code>{{ event.eventHash|default('Hash en cours de génération')|slice(0,20) }}</code></div></div>{% else %}<p class="tc-empty">Aucun événement technique.</p>{% endfor %}</div></section></div><aside class="col-xl-3"><section class="tc-card"><header><h2>Informations salarié</h2></header><div class="p-3 tc-profile"><div class="tc-person"><span class="tc-avatar">{{ ui.initials(session.salarie) }}</span><div><b>{{ session.salarie }}</b><small>{{ session.salarie.poste }}</small></div></div><hr><p><span>Service</span><b>{{ session.salarie.service ?: '—' }}</b></p><p><span>Manager</span><b>{{ session.salarie.manager ?: '—' }}</b></p></div></section><section class="tc-card mt-4"><header><h2>Statut validation</h2></header><div class="p-3"><div class="tc-alert is-orange"><b>{{ session.validatedAt ? 'Session validée':'En attente de validation RH' }}</b></div><p class="d-flex justify-content-between mt-3"><span>Calculs</span><b class="text-success">Recalculés</b></p><p class="d-flex justify-content-between"><span>Anomalies</span><b>{{ anomalies|length ?: 'Aucune' }}</b></p><button class="btn btn-primary w-100">Valider la session</button></div></section></aside></div>{% endblock %}