{% extends '@TimeClock/time_clock/layout.html.twig' %}
{% block title %}QR code de pointage{% endblock %}{% block time_clock_content %}
<div class="tc-heading"><div><div class="tc-breadcrumb">Pointeuse › QR code</div><h1>QR code de pointage <span class="tc-pill is-green">Actif</span></h1><p>{{ current_societe.nom|default('Votre société') }}</p></div><a class="btn btn-outline-secondary" href="{{ path('time_clock_dashboard') }}">← Retour au tableau de bord</a></div>
<div class="alert alert-primary"><b>Utilisation du QR code de pointage</b><br>Ce QR code est unique à la société. Il ouvre la page de pointage, mais le salarié doit être connecté pour pointer.</div>
{% if qr_code %}<div class="tc-layout"><main><section class="tc-card"><div class="tc-card-header"><h2>▦ QR code actif</h2><span class="tc-pill is-green">Actif</span></div><div class="tc-card-body tc-qr-panel"><div class="tc-qr-box">{{ qr_svg|raw }}<code>{{ qr_code.publicToken|slice(0,4) }}…{{ qr_code.publicToken|slice(-4) }}</code></div><div class="tc-qr-info"><div class="tc-meta-grid"><div><small>Société</small><b>{{ qr_code.societe.nom|default('—') }}</b></div><div><small>Statut</small><span class="tc-pill is-green">Actif</span></div><div><small>Généré par</small><b>{{ qr_code.generatedBy ? (qr_code.generatedBy.prenom ~ ' ' ~ qr_code.generatedBy.nom)|trim : 'Système' }}</b></div><div><small>Généré le</small><b>{{ qr_code.generatedAt|date('d/m/Y H:i') }}</b></div><div><small>Dernier scan</small><b>{{ qr_code.lastScannedAt ? qr_code.lastScannedAt|date('d/m/Y H:i') : 'Aucun' }}</b></div></div><div class="tc-scan-total"><span>Total des scans</span><strong>{{ qr_code.scanCount }}</strong></div><div class="tc-actions"><a class="btn btn-primary flex-fill" href="{{ path('time_clock_qr_download_png') }}"><i class="ti ti-download"></i> Télécharger PNG</a><a class="btn btn-outline-primary flex-fill" href="{{ path('time_clock_qr_print') }}"><i class="ti ti-printer"></i> Imprimer</a><button class="btn btn-outline-secondary flex-fill" type="button" data-action="time-clock-ui#copy" data-copy-value="{{ scan_url }}">Copier le lien</button></div></div></div></section></main><aside><section class="tc-card"><div class="tc-card-header"><h2>Sécurité</h2></div><div class="tc-card-body tc-security-list"><p>✓ Un seul QR actif par société</p><p>✓ Anciens QR révoqués</p><p>✓ Aucune donnée personnelle</p><p class="text-primary">● Connexion obligatoire</p></div></section><section class="tc-card"><div class="tc-card-header"><h2>Activité de scan</h2></div><div class="tc-card-body"><div class="tc-chart-lines is-green"><i></i></div><div class="tc-kpis"><div><strong>{{ qr_code.scanCount }}</strong><small>Ce mois</small></div></div></div></section></aside></div>
<section class="tc-card mt-4 is-danger"><div class="tc-card-header"><h2>⚠ Zone dangereuse · Régénérer le QR code</h2></div><div class="tc-card-body d-flex justify-content-between align-items-center"><p class="mb-0">L'ancien QR code ne fonctionnera plus immédiatement.</p><form method="post" action="{{ path('time_clock_qr_regenerate') }}"><input type="hidden" name="_token" value="{{ csrf_token('time_clock_qr_regenerate') }}"><button class="btn btn-outline-danger">Régénérer</button></form></div></section>{% else %}<section class="tc-card tc-empty"><h2>Aucun QR code actif</h2><form method="post" action="{{ path('time_clock_qr_regenerate') }}"><input type="hidden" name="_token" value="{{ csrf_token('time_clock_qr_regenerate') }}"><button class="btn btn-primary">Générer le QR code</button></form></section>{% endif %}
{% endblock %}