{% extends 'base.html.twig' %}

{% block title %}Administration RGPD{% endblock %}

{% block body %}
<div class="container-fluid mt-4">
    <!-- En-tête Admin RGPD -->
    <div class="card mb-4">
        <div class="card-header bg-danger text-white">
            <h3 class="mb-0">
                <i class="fas fa-shield-alt me-2"></i>
                Administration RGPD & Sécurité
            </h3>
        </div>
        <div class="card-body">
            <p class="mb-0">
                Gestion centralisée de la conformité RGPD, audit des données et traçabilité des actions sensibles.
            </p>
        </div>
    </div>

    <!-- Statistiques globales -->
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card bg-primary text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h4 class="card-title">{{ stats.anonymized_members }}</h4>
                            <p class="card-text">Comptes anonymisés</p>
                        </div>
                        <div class="align-self-center">
                            <i class="fas fa-user-slash fa-2x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-warning text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h4 class="card-title">{{ stats.anonymized_items }}</h4>
                            <p class="card-text">Objets supprimés</p>
                        </div>
                        <div class="align-self-center">
                            <i class="fas fa-gem fa-2x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-info text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h4 class="card-title">{{ stats.anonymized_subscriptions }}</h4>
                            <p class="card-text">Abonnements orphelins</p>
                        </div>
                        <div class="align-self-center">
                            <i class="fas fa-credit-card fa-2x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-success text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h4 class="card-title">{{ criticalLogs|length }}</h4>
                            <p class="card-text">Logs critiques récents</p>
                        </div>
                        <div class="align-self-center">
                            <i class="fas fa-exclamation-triangle fa-2x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Actions de maintenance -->
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-tools me-2"></i>
                        Actions de maintenance RGPD
                    </h5>
                </div>
                <div class="card-body">
                    <!-- Nettoyage automatique -->
                    <div class="mb-4">
                        <h6>Nettoyage des comptes supprimés</h6>
                        <p class="small text-muted">
                            Supprimer définitivement les comptes anonymisés anciens pour optimiser l'espace de stockage.
                        </p>
                        <form id="cleanupForm" class="row g-2">
                            <div class="col-auto">
                                <select class="form-select form-select-sm" name="days_old">
                                    <option value="30">Plus de 30 jours</option>
                                    <option value="60">Plus de 60 jours</option>
                                    <option value="90" selected>Plus de 90 jours</option>
                                    <option value="365">Plus de 1 an</option>
                                </select>
                            </div>
                            <div class="col-auto">
                                <button type="submit" class="btn btn-warning btn-sm">
                                    <i class="fas fa-broom me-1"></i>
                                    Nettoyer
                                </button>
                            </div>
                        </form>
                        <div id="cleanupResult" class="mt-2"></div>
                    </div>

                    <!-- Export global -->
                    <div class="mb-4">
                        <h6>Export de conformité</h6>
                        <p class="small text-muted">
                            Générer un rapport de conformité RGPD pour audit externe.
                        </p>
                        <button class="btn btn-outline-primary btn-sm" id="exportCompliance">
                            <i class="fas fa-file-export me-1"></i>
                            Générer rapport
                        </button>
                    </div>

                    <!-- Statistiques détaillées -->
                    <div>
                        <h6>Statistiques</h6>
                        <a href="{{ path('app_admin_gdpr_audit_logs') }}" class="btn btn-outline-info btn-sm">
                            <i class="fas fa-chart-line me-1"></i>
                            Voir tous les logs
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Comptes supprimés récents -->
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-user-times me-2"></i>
                        Comptes supprimés récents
                    </h5>
                </div>
                <div class="card-body">
                    {% if deletedMembers|length > 0 %}
                        <div class="table-responsive">
                            <table class="table table-sm">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Email</th>
                                        <th>Suppression</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for member in deletedMembers %}
                                    <tr>
                                        <td>{{ member.id }}</td>
                                        <td>
                                            <span class="text-muted">{{ member.email }}</span>
                                        </td>
                                        <td>
                                            <small class="text-muted">
                                                {{ member.updatedAt|date('d/m/Y H:i') }}
                                            </small>
                                        </td>
                                        <td>
                                            <button class="btn btn-outline-danger btn-xs" 
                                                    onclick="hardDeleteMember({{ member.id }})"
                                                    title="Suppression définitive">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% else %}
                        <div class="text-center text-muted">
                            <i class="fas fa-check-circle fa-2x mb-2"></i>
                            <p>Aucun compte supprimé récemment</p>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

    <!-- Logs critiques -->
    {% if criticalLogs|length > 0 %}
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">
                <i class="fas fa-exclamation-triangle text-danger me-2"></i>
                Logs critiques récents
            </h5>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Action</th>
                            <th>Membre</th>
                            <th>Détails</th>
                            <th>IP</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for log in criticalLogs %}
                        <tr>
                            <td>
                                <small>{{ log.createdAt|date('d/m/Y H:i:s') }}</small>
                            </td>
                            <td>
                                <span class="badge bg-danger">{{ log.action }}</span>
                            </td>
                            <td>
                                {% if log.member %}
                                    <span class="text-primary">
                                        {{ log.member.firstName ~ ' ' ~ log.member.lastName }}
                                    </span>
                                    <br>
                                    <small class="text-muted">{{ log.member.email }}</small>
                                {% else %}
                                    <span class="text-muted">Membre supprimé</span>
                                {% endif %}
                            </td>
                            <td>{{ log.details|default('—') }}</td>
                            <td>
                                <code class="small">{{ log.ipAddress|default('—') }}</code>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            <div class="text-end">
                <a href="{{ path('app_admin_gdpr_audit_logs') }}" class="btn btn-outline-primary">
                    Voir tous les logs →
                </a>
            </div>
        </div>
    </div>
    {% endif %}
</div>

<script>
// Nettoyage des comptes
document.getElementById('cleanupForm').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const formData = new FormData(this);
    const daysOld = formData.get('days_old');
    
    if (!confirm(`Êtes-vous sûr de vouloir supprimer définitivement tous les comptes anonymisés depuis plus de ${daysOld} jours ?`)) {
        return;
    }
    
    const btn = this.querySelector('button');
    const originalText = btn.innerHTML;
    btn.disabled = true;
    btn.innerHTML = '<i class="fas fa-spinner fa-spin me-1"></i>Nettoyage...';
    
    fetch('{{ path('app_admin_gdpr_cleanup') }}', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        const resultDiv = document.getElementById('cleanupResult');
        if (data.success) {
            resultDiv.innerHTML = `<div class="alert alert-success alert-sm">${data.message}</div>`;
            // Recharger la page après 2 secondes
            setTimeout(() => location.reload(), 2000);
        } else {
            resultDiv.innerHTML = `<div class="alert alert-danger alert-sm">${data.message}</div>`;
        }
    })
    .catch(error => {
        document.getElementById('cleanupResult').innerHTML = 
            `<div class="alert alert-danger alert-sm">Erreur: ${error.message}</div>`;
    })
    .finally(() => {
        btn.disabled = false;
        btn.innerHTML = originalText;
    });
});

// Export de conformité
document.getElementById('exportCompliance').addEventListener('click', function() {
    this.disabled = true;
    this.innerHTML = '<i class="fas fa-spinner fa-spin me-1"></i>Génération...';
    
    // Simuler l'export (à implémenter)
    setTimeout(() => {
        alert('Fonctionnalité d\'export en cours de développement');
        this.disabled = false;
        this.innerHTML = '<i class="fas fa-file-export me-1"></i>Générer rapport';
    }, 2000);
});

// Suppression définitive d'un membre
function hardDeleteMember(memberId) {
    if (!confirm('Êtes-vous ABSOLUMENT sûr de vouloir supprimer définitivement ce membre ?\n\nCette action est IRRÉVERSIBLE.')) {
        return;
    }
    
    // À implémenter : appel AJAX pour suppression définitive
    alert('Fonctionnalité de suppression définitive en cours d\'implémentation');
}
</script>
{% endblock %}