{% extends '@TimeClock/time_clock/layout.html.twig' %}{% import '@TimeClock/time_clock/_macros.html.twig' as tc %}
{% block title %}Mon temps{% endblock %}{% block tc_content %}
<div class="tc-heading"><div><div class="tc-breadcrumb">Pointage › Mon temps</div><h1>Mon temps {{ tc.status(state.session ? state.session.status : 'not_clocked') }}</h1><p>{{ 'now'|date('l d F Y')|capitalize }} · Semaine {{ 'now'|date('W') }}</p></div><div class="tc-actions"><a class="btn btn-outline-warning" href="{{ path('time_clock_correction_new') }}">Demander une correction</a>{% if state.state == 'working' %}<form method="post" action="{{ path('time_clock_clock_out') }}"><input type="hidden" name="_token" value="{{ csrf_token('time_clock_clock_out') }}"><button class="btn btn-primary">Pointer la sortie</button></form>{% endif %}</div></div>
<div class="tc-kpis"><div class="tc-kpi is-green"><span>♟</span><strong>{{ state.state == 'working' ? 'Au travail' : (state.state == 'on_break' ? 'En pause' : 'Non pointé') }}</strong><small>Aujourd'hui</small></div><div class="tc-kpi is-blue"><span>↪</span><strong>{{ current and current.clockInAt ? current.clockInAt|date('H:i') : '—' }}</strong><small>Entrée</small></div><div class="tc-kpi is-purple"><span>☕</span><strong>{{ current ? tc.duration(current.breakDurationMinutes) : '00 h 00' }}</strong><small>Pause</small></div><div class="tc-kpi is-green"><span>◷</span><strong>{{ current ? tc.duration(current.netWorkedMinutes) : '00 h 00' }}</strong><small>Temps net</small></div><div class="tc-kpi"><span>●</span><strong>0</strong><small>Anomalies ouvertes</small></div></div>
<nav class="tc-tabs"><button class="active">Aujourd'hui</button><button>Historique</button><button>Corrections</button><button>Anomalies</button></nav>
<div class="tc-layout mt-4"><main><section class="tc-card"><div class="tc-card-header"><h2>Session du jour {{ current ? tc.status(current.status) : '' }}</h2><span>{{ 'now'|date('l d F Y')|capitalize }}</span></div>{% if current %}<div class="tc-card-body"><div class="tc-session-strip"><span>Entrée <b>{{ current.clockInAt ? current.clockInAt|date('H:i') : '—' }}</b></span><span>Début pause <b>{{ state.break ? state.break.startedAt|date('H:i') : '—' }}</b></span><span>Fin pause <b>{{ state.break and state.break.endedAt ? state.break.endedAt|date('H:i') : '—' }}</b></span><span>Sortie <b>{{ current.clockOutAt ? current.clockOutAt|date('H:i') : 'En cours…' }}</b></span></div><div class="tc-scan-total"><span><b>Temps net travaillé</b><small>Session en cours · mise à jour en temps réel</small></span><strong>{{ tc.duration(current.netWorkedMinutes) }}</strong></div><div class="alert alert-success mb-0">Planning prévu : 07 h 00 · écart calculé à la clôture</div></div>{% else %}<div class="tc-empty">Vous n'avez pas encore pointé aujourd'hui.</div>{% endif %}</section><section class="tc-card"><div class="tc-card-header"><h2>Chronologie du jour</h2></div><div class="tc-card-body tc-timeline">{% if current %}<p><b>Entrée pointée</b> · {{ current.clockInAt|date('H:i') }}</p>{% if state.break %}<p><b>Début de pause</b> · {{ state.break.startedAt|date('H:i') }}</p>{% endif %}<p><b>En cours…</b> · <span data-time-clock-timer-target="clock">{{ 'now'|date('H:i') }}</span></p>{% else %}<p>Aucun événement aujourd'hui.</p>{% endif %}</div></section></main>
<aside><section class="tc-card"><div class="tc-card-header"><h2>Actions disponibles</h2></div><div class="tc-card-body tc-action-stack" data-controller="time-clock-action">{% if state.state == 'not_clocked_in' %}<form method="post" action="{{ path('time_clock_clock_in') }}"><input type="hidden" name="_token" value="{{ csrf_token('time_clock_clock_in') }}"><button class="btn btn-primary w-100">Pointer l'entrée</button></form>{% elseif state.state == 'working' %}<form method="post" action="{{ path('time_clock_clock_out') }}"><input type="hidden" name="_token" value="{{ csrf_token('time_clock_clock_out') }}"><button class="btn btn-primary w-100">Pointer la sortie</button></form><form method="post" action="{{ path('time_clock_break_start') }}"><input type="hidden" name="_token" value="{{ csrf_token('time_clock_break_start') }}"><button class="btn btn-outline-primary w-100">Débuter une pause</button></form>{% else %}<form method="post" action="{{ path('time_clock_break_end') }}"><input type="hidden" name="_token" value="{{ csrf_token('time_clock_break_end') }}"><button class="btn btn-primary w-100">Terminer la pause</button></form>{% endif %}<a class="btn btn-outline-warning" href="{{ path('time_clock_correction_new',{session:current ? current.id:null}) }}">Demander une correction</a></div></section><section class="tc-card"><div class="tc-card-header"><h2>Cette semaine</h2></div><div class="tc-card-body">{% for item in sessions %}<div class="tc-week-row"><span>{{ item.workDate|date('D') }}</span><i style="--progress:{{ min(100,(item.netWorkedMinutes|default(0))/4.2) }}%"></i><b>{{ tc.duration(item.netWorkedMinutes) }}</b></div>{% else %}<p class="tc-empty">Aucune session.</p>{% endfor %}</div></section></aside></div>
{% endblock %}