{% extends 'admin/base_admin.html.twig' %}

{% block title %}Suppressions RGPD{% endblock %}

{% block content %}
<div class="page-header">
    <h1 class="page-title">🗑️ Suppressions RGPD</h1>
    <p class="page-subtitle">Journal des suppressions de comptes — Art. 17 RGPD — {{ logs|length }} entrée(s)</p>
</div>

<div class="card">
    {% if logs is empty %}
        <div class="empty-state">
            <div class="empty-state-icon">🗑️</div>
            <div class="empty-state-title">Aucune suppression enregistrée</div>
            <p>Le journal sera alimenté dès la première suppression de compte.</p>
        </div>
    {% else %}
        <div class="table-container">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Email (hash)</th>
                        <th>ID original</th>
                        <th class="text-center">Canal</th>
                        <th class="text-center">Commandes</th>
                        <th class="text-center">Bénéficiaires</th>
                        <th class="text-center">Fichiers</th>
                        <th class="text-center">Brevo</th>
                        <th>IP anonymisée</th>
                    </tr>
                </thead>
                <tbody>
                    {% for log in logs %}
                    <tr>
                        <td>
                            <span class="local-datetime" data-utc="{{ log.deletedAt|date('Y-m-d\\TH:i:s', 'UTC') }}Z">
                                {{ log.deletedAt|date('d/m/Y H:i') }}
                            </span>
                        </td>
                        <td>
                            <code style="font-size: 11px; color: #86868b; background: #f5f5f7; padding: 2px 6px; border-radius: 4px;">
                                {{ log.emailHashed|slice(0, 16) }}…
                            </code>
                        </td>
                        <td class="text-muted">
                            {{ log.originalUserId ?? '—' }}
                        </td>
                        <td class="text-center">
                            {% if log.channel == 'self_service' %}
                                <span style="font-size: 12px; background: #e8f5e9; color: #1b5e20; padding: 3px 8px; border-radius: 6px; font-weight: 600;">
                                    👤 Self-service
                                </span>
                            {% elseif log.channel == 'admin' %}
                                <span style="font-size: 12px; background: #fff3e0; color: #e65100; padding: 3px 8px; border-radius: 6px; font-weight: 600;">
                                    ⚙️ Admin
                                </span>
                            {% elseif log.channel == 'rgpd_request' %}
                                <span style="font-size: 12px; background: #e3f2fd; color: #0d47a1; padding: 3px 8px; border-radius: 6px; font-weight: 600;">
                                    📋 Demande RGPD
                                </span>
                            {% else %}
                                <span style="font-size: 12px; color: #86868b;">{{ log.channel }}</span>
                            {% endif %}
                        </td>
                        <td class="text-center">
                            <strong>{{ log.commandesCount }}</strong>
                        </td>
                        <td class="text-center">
                            <strong>{{ log.beneficiairesCount }}</strong>
                        </td>
                        <td class="text-center">
                            {{ log.filesDeletedCount }}
                        </td>
                        <td class="text-center">
                            {% if log.brevioPurged %}
                                <span style="color: #2f9e44;">✅</span>
                            {% else %}
                                <span style="color: #e67700;" title="Purge Brevo non effectuée — vérifier manuellement">⚠️</span>
                            {% endif %}
                        </td>
                        <td class="text-muted" style="font-size: 12px;">
                            {{ log.ipAnonymized ?? '—' }}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

        <div style="margin-top: 16px; padding: 12px 16px; background: #f5f5f7; border-radius: 10px; font-size: 12px; color: #6e6e73;">
            ℹ️ Les emails sont stockés sous forme de hash SHA-256 — aucune donnée personnelle identifiable n'est conservée dans ce journal.
            Ce registre constitue la preuve de conformité Art. 17 RGPD en cas de contrôle CNIL.
        </div>
    {% endif %}
</div>
{% endblock %}