{% extends '@TimeClock/time_clock/layout.html.twig' %}
{% import '@TimeClock/time_clock/_macros.html.twig' as tc %}
{% block title %}Demandes de correction{% endblock %}
{% block time_clock_content %}
{% set pending = corrections|filter(c => c.status == 'submitted') %}
<div class="tc-heading"><div><div class="tc-breadcrumb">Pointeuse › Corrections</div><h1>Demandes de correction <span class="tc-pill is-orange">{{ pending|length }} en attente</span></h1><p>Corrections de pointage soumises par les salariés et managers</p></div><div class="tc-actions"><a class="btn btn-outline-secondary" href="#">⇩ Exporter</a><a class="btn btn-primary" href="{{ path('time_clock_correction_new') }}">＋ Nouvelle correction</a></div></div>
<div class="tc-kpis">
  <div class="tc-kpi is-orange"><span>⌛</span><strong>{{ pending|length }}</strong><small>En attente</small></div>
  <div class="tc-kpi is-green"><span>●</span><strong>{{ corrections|filter(c => c.status == 'approved')|length }}</strong><small>Approuvées</small></div>
  <div class="tc-kpi is-red"><span>×</span><strong>{{ corrections|filter(c => c.status == 'rejected')|length }}</strong><small>Refusées</small></div>
  <div class="tc-kpi is-blue"><span>▣</span><strong>{{ corrections|length }}</strong><small>Total des demandes</small></div>
</div>
<section class="tc-card tc-filterbar"><div class="row g-2"><div class="col-lg-4"><input class="form-control" placeholder="Rechercher un salarié..." data-time-clock-ui-target="search" data-action="input->time-clock-ui#filter"></div><div class="col"><select class="form-select"><option>Tous les types</option></select></div><div class="col"><select class="form-select"><option>Tous les statuts</option></select></div><div class="col"><input type="date" class="form-control"></div><div class="col-auto"><button class="btn btn-primary">Filtrer</button></div></div></section>
<section class="tc-card"><div class="tc-card-header"><h2>Liste des demandes <span>{{ corrections|length }} résultats</span></h2></div><div class="table-responsive"><table class="table tc-table align-middle"><thead><tr><th>Salarié</th><th>Date concernée</th><th>Type</th><th>Demande</th><th>Motif</th><th>Statut</th><th>Demandée le</th><th></th></tr></thead><tbody>
{% for correction in corrections %}<tr data-time-clock-ui-target="row" data-search="{{ (correction.salarie.nom ~ ' ' ~ correction.salarie.prenom ~ ' ' ~ correction.type)|lower }}"><td><div class="tc-person"><span class="tc-avatar">{{ tc.initials(correction.salarie) }}</span><b>{{ correction.salarie.prenom }} {{ correction.salarie.nom }}</b></div></td><td>{{ correction.session ? correction.session.workDate|date('d/m/Y') : '—' }}</td><td><span class="tc-pill is-red">{{ tc.correction(correction.type) }}</span></td><td>{% if correction.requestedClockOutAt %}Sortie : <b>{{ correction.requestedClockOutAt|date('H:i') }}</b>{% elseif correction.requestedClockInAt %}Entrée : <b>{{ correction.requestedClockInAt|date('H:i') }}</b>{% else %}Correction manuelle{% endif %}</td><td class="tc-truncate">{{ correction.reason|default('—') }}</td><td>{{ tc.status(correction.status) }}</td><td>{{ correction.createdAt|date('d/m H:i') }}</td><td><a class="btn btn-sm btn-outline-primary" href="{{ path('time_clock_correction_show',{id:correction.id}) }}">Voir</a></td></tr>{% else %}<tr><td colspan="8" class="tc-empty">Aucune demande de correction.</td></tr>{% endfor %}
</tbody></table></div></section>
{% endblock %}