{% extends '@TimeClock/time_clock/layout.html.twig' %}
{% import '@TimeClock/time_clock/_macros.html.twig' as tc %}
{% block title %}Demander une correction{% endblock %}
{% block time_clock_content %}
<div class="tc-heading"><div><div class="tc-breadcrumb">Pointage › Corrections › Nouvelle</div><h1>Demander une correction <span class="tc-pill is-blue">Nouveau</span></h1><p>Corrigez une erreur sur votre pointage du jour ou d'une session passée.</p></div><a class="btn btn-outline-secondary" href="{{ path('time_clock_my') }}">← Retour</a></div>
<div class="alert alert-primary"><b>Information importante</b><br>Votre demande sera transmise à votre manager ou au service RH. Toute correction validée sera journalisée.</div>
{% for error in errors %}<div class="alert alert-danger">{{ error }}</div>{% endfor %}
<form method="post" class="tc-layout"><input type="hidden" name="_token" value="{{ csrf_token('time_clock_correction_create') }}"><main>
<section class="tc-card"><div class="tc-card-header"><h2><span>1</span> Date concernée</h2></div><div class="tc-card-body"><div class="row g-3"><div class="col-md-5"><label class="form-label">Date</label><input name="workDate" type="date" class="form-control" value="{{ session ? session.workDate|date('Y-m-d') : 'now'|date('Y-m-d') }}" required></div><div class="col-md-7"><label class="form-label">Session concernée</label><select name="session" class="form-select" required><option value="">Sélectionner une session</option>{% for item in sessions %}<option value="{{ item.id }}" {{ session and session.id == item.id ? 'selected' : '' }}>Session du {{ item.workDate|date('d/m/Y') }} · Entrée {{ item.clockInAt ? item.clockInAt|date('H:i') : '—' }}</option>{% endfor %}</select></div></div>{% if session %}<div class="tc-session-strip"><span>Entrée <b>{{ session.clockInAt ? session.clockInAt|date('H:i') : '—' }}</b></span><span>Début pause <b>—</b></span><span>Fin pause <b>—</b></span><span>Sortie <b>{{ session.clockOutAt ? session.clockOutAt|date('H:i') : '—' }}</b></span></div>{% endif %}</div></section>
<section class="tc-card"><div class="tc-card-header"><h2><span>2</span> Type de correction</h2></div><div class="tc-card-body tc-choice-grid">{% set types={missing_clock_in:["↪","Oubli d'entrée"],missing_clock_out:["↩","Oubli de sortie"],missing_break_start:["Ⅱ","Oubli début pause"],missing_break_end:["▶","Oubli fin pause"],wrong_time:["✎","Mauvaise heure"],other:["…","Autre"]} %}{% for value,data in types %}<label class="tc-choice"><input type="radio" name="type" value="{{ value }}" {{ value == 'missing_clock_out' ? 'checked' : '' }}><span>{{ data[0] }}</span><b>{{ data[1] }}</b></label>{% endfor %}</div></section>
<section class="tc-card"><div class="tc-card-header"><h2><span>3</span> Horaire demandé</h2></div><div class="tc-card-body"><div class="row g-3"><div class="col-md-6"><label class="form-label">Heure d'entrée demandée</label><input type="time" name="clockIn" class="form-control"></div><div class="col-md-6"><label class="form-label">Heure de sortie demandée</label><input type="time" name="clockOut" class="form-control" value="17:30"></div><div class="col-md-6"><label class="form-label">Début de pause</label><input type="time" name="breakStart" class="form-control"></div><div class="col-md-6"><label class="form-label">Fin de pause</label><input type="time" name="breakEnd" class="form-control"></div></div></div></section>
<section class="tc-card"><div class="tc-card-header"><h2><span>4</span> Motif de la correction</h2></div><div class="tc-card-body"><label class="form-label">Expliquez la correction demandée</label><textarea name="reason" class="form-control" rows="5" minlength="20" required placeholder="Décrivez précisément l'erreur de pointage..."></textarea></div></section>
<div class="tc-actions justify-content-end"><a class="btn btn-outline-secondary" href="{{ path('time_clock_my') }}">Annuler</a><button class="btn btn-outline-primary" name="draft" value="1">Enregistrer en brouillon</button><button class="btn btn-primary">Soumettre la demande</button></div></main>
<aside><section class="tc-card tc-sticky"><div class="tc-card-header"><h2>Résumé de la demande</h2></div><div class="tc-card-body"><div class="tc-summary-row"><span>Salarié</span><b>{{ app.user.salarie.prenom|default('') }} {{ app.user.salarie.nom|default('') }}</b></div><div class="tc-summary-row"><span>Statut prévu</span><span class="tc-pill is-blue">Soumise</span></div><div class="tc-workflow"><b>Workflow de validation</b><p>● Demande soumise</p><p>○ Examen manager / RH</p><p>○ Correction appliquée</p></div><button class="btn btn-primary w-100">Soumettre la demande</button></div></section></aside></form>
{% endblock %}