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

{% block title %}{{ 'dashboard.title'|trans({}, 'gdpr') }}{% endblock %}

{% block body %}
<div class="container mt-4">
    <div class="row">
        <div class="col-md-3">
            <!-- Sidebar RGPD -->
            <div class="card">
                <div class="card-header bg-info text-white">
                    <h6 class="mb-0">
                        <i class="fas fa-shield-alt me-2"></i>
                        {{ 'nav.title'|trans({}, 'gdpr') }}
                    </h6>
                </div>
                <div class="list-group list-group-flush">
                    <a href="{{ path('app_gdpr_dashboard') }}" class="list-group-item list-group-item-action active">
                        <i class="fas fa-tachometer-alt me-2"></i>
                        {{ 'nav.overview'|trans({}, 'gdpr') }}
                    </a>
                    <a href="{{ path('app_gdpr_data_info') }}" class="list-group-item list-group-item-action">
                        <i class="fas fa-info-circle me-2"></i>
                        {{ 'nav.data_info'|trans({}, 'gdpr') }}
                    </a>
                    <a href="{{ path('app_gdpr_consent') }}" class="list-group-item list-group-item-action">
                        <i class="fas fa-check-circle me-2"></i>
                        {{ 'nav.consent'|trans({}, 'gdpr') }}
                    </a>
                    <a href="{{ path('app_gdpr_privacy_policy') }}" class="list-group-item list-group-item-action">
                        <i class="fas fa-file-contract me-2"></i>
                        {{ 'nav.privacy_policy'|trans({}, 'gdpr') }}
                    </a>
                    <a href="{{ path('app_gdpr_delete_request') }}" class="list-group-item list-group-item-action text-danger">
                        <i class="fas fa-trash me-2"></i>
                        {{ 'nav.delete_account'|trans({}, 'gdpr') }}
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-9">
            <!-- En-tête -->
            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <h4 class="mb-0">
                        <i class="fas fa-user-shield me-2"></i>
                        {{ 'dashboard.header_title'|trans({}, 'gdpr') }}
                    </h4>
                </div>
                <div class="card-body">
                    <p class="mb-0">
                        {{ 'dashboard.description'|trans({}, 'gdpr') }}
                    </p>
                </div>
            </div>

            <!-- Audit des données -->
            <div class="row mb-4">
                <div class="col-md-4">
                    <div class="card bg-light">
                        <div class="card-body text-center">
                            <i class="fas fa-database fa-2x text-primary mb-2"></i>
                            <h5>{{ dataAudit.member_data.personal_fields }}</h5>
                            <small class="text-muted">{{ 'dashboard.stats.personal_fields'|trans({}, 'gdpr') }}</small>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card bg-light">
                        <div class="card-body text-center">
                            <i class="fas fa-calendar-alt fa-2x text-info mb-2"></i>
                            <h5>{{ dataAudit.data_retention.account_age_days }}</h5>
                            <small class="text-muted">{{ 'dashboard.stats.account_age'|trans({}, 'gdpr') }}</small>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card bg-light">
                        <div class="card-body text-center">
                            <i class="fas fa-clock fa-2x text-warning mb-2"></i>
                            <h5>{{ dataAudit.data_retention.last_activity_days ?? 'dashboard.stats.never'|trans({}, 'gdpr') }}</h5>
                            <small class="text-muted">{{ 'dashboard.stats.last_activity'|trans({}, 'gdpr') }}</small>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Données associées -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-chart-pie me-2"></i>
                        {{ 'dashboard.data_system.title'|trans({}, 'gdpr') }}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <div class="d-flex align-items-center">
                                <div class="flex-shrink-0">
                                    <div class="bg-primary rounded-circle p-2">
                                        <i class="fas fa-gem text-white"></i>
                                    </div>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <div class="fw-bold">{{ dataAudit.related_data.items_count }}</div>
                                    <div class="text-muted small">{{ 'dashboard.data_system.items'|trans({}, 'gdpr') }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="d-flex align-items-center">
                                <div class="flex-shrink-0">
                                    <div class="bg-success rounded-circle p-2">
                                        <i class="fas fa-credit-card text-white"></i>
                                    </div>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <div class="fw-bold">{{ dataAudit.related_data.subscriptions_count }}</div>
                                    <div class="text-muted small">{{ 'dashboard.data_system.subscriptions'|trans({}, 'gdpr') }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="d-flex align-items-center">
                                <div class="flex-shrink-0">
                                    <div class="bg-warning rounded-circle p-2">
                                        <i class="fas fa-shopping-cart text-white"></i>
                                    </div>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <div class="fw-bold">{{ dataAudit.related_data.commands_count }}</div>
                                    <div class="text-muted small">{{ 'dashboard.data_system.commands'|trans({}, 'gdpr') }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="d-flex align-items-center">
                                <div class="flex-shrink-0">
                                    <div class="bg-info rounded-circle p-2">
                                        <i class="fas fa-history text-white"></i>
                                    </div>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <div class="fw-bold">{{ dataAudit.related_data.audit_logs_count }}</div>
                                    <div class="text-muted small">{{ 'dashboard.data_system.audit_logs'|trans({}, 'gdpr') }}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Actions RGPD -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-tools me-2"></i>
                        {{ 'dashboard.rights.title'|trans({}, 'gdpr') }}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <form method="post" action="{{ path('app_gdpr_export') }}" class="d-inline">
                                <button type="submit" class="btn btn-primary w-100">
                                    <i class="fas fa-download me-2"></i>
                                    {{ 'dashboard.rights.export_data'|trans({}, 'gdpr') }}
                                </button>
                            </form>
                            <small class="text-muted d-block mt-1">
                                {{ 'dashboard.rights.export_article'|trans({}, 'gdpr') }}
                            </small>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ path('app_dashboard_profile') }}" class="btn btn-outline-secondary w-100">
                                <i class="fas fa-edit me-2"></i>
                                {{ 'dashboard.rights.modify_data'|trans({}, 'gdpr') }}
                            </a>
                            <small class="text-muted d-block mt-1">
                                {{ 'dashboard.rights.modify_article'|trans({}, 'gdpr') }}
                            </small>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ path('app_gdpr_consent') }}" class="btn btn-outline-info w-100">
                                <i class="fas fa-check-square me-2"></i>
                                {{ 'dashboard.rights.manage_consent'|trans({}, 'gdpr') }}
                            </a>
                            <small class="text-muted d-block mt-1">
                                {{ 'dashboard.rights.consent_article'|trans({}, 'gdpr') }}
                            </small>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ path('app_gdpr_delete_request') }}" class="btn btn-outline-danger w-100">
                                <i class="fas fa-user-times me-2"></i>
                                {{ 'dashboard.rights.delete_account'|trans({}, 'gdpr') }}
                            </a>
                            <small class="text-muted d-block mt-1">
                                {{ 'dashboard.rights.delete_article'|trans({}, 'gdpr') }}
                            </small>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Activité récente -->
            {% if recentLogs|length > 0 %}
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-clock me-2"></i>
                        {{ 'dashboard.activity.title'|trans({}, 'gdpr') }}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>{{ 'dashboard.activity.action'|trans({}, 'gdpr') }}</th>
                                    <th>{{ 'dashboard.activity.details'|trans({}, 'gdpr') }}</th>
                                    <th>{{ 'dashboard.activity.date'|trans({}, 'gdpr') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for log in recentLogs %}
                                <tr>
                                    <td>
                                        <span class="badge bg-{{ log.severity == 'critical' ? 'danger' : (log.severity == 'warning' ? 'warning' : 'info') }}">
                                            {{ log.action }}
                                        </span>
                                    </td>
                                    <td>{{ log.details|default('dashboard.activity.no_details'|trans({}, 'gdpr')) }}</td>
                                    <td>
                                        <small class="text-muted">
                                            {{ log.createdAt|date('d/m/Y H:i') }}
                                        </small>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
</div>

<script>
// Script pour l'export des données
document.addEventListener('DOMContentLoaded', function() {
    const exportForm = document.querySelector('form[action*="export"]');
    if (exportForm) {
        exportForm.addEventListener('submit', function(e) {
            const btn = this.querySelector('button');
            btn.disabled = true;
            btn.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>{{ 'dashboard.js.export_loading'|trans({}, 'gdpr') }}';
            
            // Re-enable après 5 secondes
            setTimeout(() => {
                btn.disabled = false;
                btn.innerHTML = '<i class="fas fa-download me-2"></i>{{ 'dashboard.js.export_button'|trans({}, 'gdpr') }}';
            }, 5000);
        });
    }
});
</script>
{% endblock %}