{% extends '@TimeClock/time_clock/layout.html.twig' %}{% import '@TimeClock/time_clock/_macros.html.twig' as tc %}
{% block title %}Validation des temps — {{ employee.prenom }} {{ employee.nom }}{% endblock %}{% block time_clock_content %}
<div class="tc-heading"><div><div class="tc-breadcrumb">Pointeuse › Validations › {{ employee.prenom }} {{ employee.nom }}</div><h1>Validation des temps — {{ employee.prenom }} {{ employee.nom }} <span class="tc-pill is-orange">À valider</span></h1><p>Période du {{ start|date('d/m/Y') }} au {{ end|date('d/m/Y') }}</p></div><div class="tc-actions"><a class="btn btn-outline-secondary" href="{{ path('time_clock_validation_index') }}">← Retour</a><a class="btn btn-outline-secondary" href="{{ path('time_clock_export_index') }}">Exporter</a></div></div>
<div class="tc-meta-strip"><div><small>Salarié</small><b>{{ employee.prenom }} {{ employee.nom }}</b></div><div><small>Période</small><b>{{ start|date('d') }} – {{ end|date('d/m/Y') }}</b></div><div><small>Heures prévues</small><b>35 h 00</b></div><div><small>Heures pointées</small><b class="text-success">{{ tc.duration(minutes) }}</b></div><div><small>Écart</small><b>{{ tc.duration((minutes - 2100)|abs) }}</b></div><div><small>Anomalies</small><b>{{ anomalies|filter(a => a.status == 'open')|length }}</b></div></div>
<div class="tc-layout"><main><section class="tc-card"><div class="tc-card-header"><h2>Détail journalier <span>7 jours</span></h2></div><div class="table-responsive"><table class="table tc-table"><thead><tr><th>Date</th><th>Planning prévu</th><th>Entrée</th><th>Sortie</th><th>Pauses</th><th>Temps net</th><th>Écart</th><th>Statut</th></tr></thead><tbody>{% for session in sessions %}<tr><td><b>{{ session.workDate|date('D d/m') }}</b></td><td>09:00 – 17:00</td><td>{{ session.clockInAt ? session.clockInAt|date('H:i') : '—' }}</td><td>{{ session.clockOutAt ? session.clockOutAt|date('H:i') : '—' }}</td><td>{{ tc.duration(session.breakDurationMinutes) }}</td><td><b>{{ tc.duration(session.netWorkedMinutes) }}</b></td><td>{{ tc.duration(((session.netWorkedMinutes|default(0)) - 420)|abs) }}</td><td>{{ tc.status(session.status) }}</td></tr>{% else %}<tr><td colspan="8" class="tc-empty">Aucune session sur cette période.</td></tr>{% endfor %}</tbody><tfoot><tr><th colspan="4">TOTAL SEMAINE</th><th>{{ tc.duration(breaks) }}</th><th>{{ tc.duration(minutes) }}</th><th>{{ tc.duration((minutes - 2100)|abs) }}</th><th>{{ anomalies|filter(a => a.status == 'open')|length }} anomalie</th></tr></tfoot></table></div></section><section class="tc-card"><div class="tc-card-header"><h2>Temps net par jour</h2></div><div class="tc-card-body"><div class="tc-bars">{% for session in sessions %}<i style="--value:{{ min(100, session.netWorkedMinutes|default(0) / 5) }}%"><span>{{ session.workDate|date('D') }}</span></i>{% endfor %}</div></div></section><section class="tc-card"><div class="tc-card-header"><h2>Historique des validations</h2></div><div class="tc-card-body tc-timeline"><p>Période créée automatiquement</p><p>Recalcul effectué</p><p>Revue en cours</p><p class="text-warning">Validation en attente</p></div></section></main>
<aside><section class="tc-card"><div class="tc-card-header"><h2>Salarié</h2></div><div class="tc-card-body"><div class="tc-person"><span class="tc-avatar is-lg">{{ tc.initials(employee) }}</span><div><b>{{ employee.prenom }} {{ employee.nom }}</b><small>{{ employee.poste|default('') }}</small></div></div><hr><div class="tc-summary-row"><span>Service</span><b>{{ employee.service.nom|default('—') }}</b></div><div class="tc-summary-row"><span>Contrat</span><b>{{ employee.contratType|default('CDI') }}</b></div></div></section><form method="post" action="{{ path('time_clock_validation_validate') }}" class="tc-card tc-sticky"><input type="hidden" name="_token" value="{{ csrf_token('time_clock_validation_create') }}"><input type="hidden" name="employee" value="{{ employee.id }}"><input type="hidden" name="start" value="{{ start|date('Y-m-d') }}"><input type="hidden" name="end" value="{{ end|date('Y-m-d') }}"><div class="tc-card-header"><h2>Décision de validation</h2></div><div class="tc-card-body"><textarea name="comment" class="form-control mb-3" rows="4" placeholder="Commentaire de validation (optionnel)"></textarea><div class="alert alert-success">Aucune anomalie bloquante détectée.</div><label class="form-check mb-3"><input class="form-check-input" type="checkbox" required> <span class="form-check-label">Je confirme l'exactitude des données de pointage.</span></label><button class="btn btn-primary w-100">Valider la période</button></div></form></aside></div>
{% endblock %}