{% extends '@kohinos/common/layout.html.twig' %}

{% block title %}Mes données personnelles - RGPD{% endblock %}

{% block content %}
<div class="container py-4">
    <h1 class="mb-4">
        <i class="fas fa-user-shield"></i>
        Mes données personnelles
    </h1>

    <div class="alert alert-info">
        <i class="fas fa-info-circle"></i>
        Conformément au RGPD, vous avez le droit d'accéder à vos données, de les rectifier, de demander leur suppression ou leur portabilité.
    </div>

    <div class="row mb-4">
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-header bg-primary text-white">
                    <i class="fas fa-database"></i> Vos données
                </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <span><i class="fas fa-user"></i> Profil utilisateur</span>
                            {% if dataSummary.user.hasData %}
                                <span class="badge bg-success">Données présentes</span>
                            {% endif %}
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <span><i class="fas fa-id-card"></i> Adhérent</span>
                            {% if dataSummary.adherent.hasData %}
                                <span class="badge bg-success">Données présentes</span>
                            {% else %}
                                <span class="badge bg-secondary">Non applicable</span>
                            {% endif %}
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <span><i class="fas fa-store"></i> Prestataire</span>
                            {% if dataSummary.prestataire.hasData %}
                                <span class="badge bg-success">{{ dataSummary.prestataire.count }} compte(s)</span>
                            {% else %}
                                <span class="badge bg-secondary">Non applicable</span>
                            {% endif %}
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <span><i class="fas fa-exchange-alt"></i> Transactions</span>
                            {% if dataSummary.transactions.hasData %}
                                <span class="badge bg-info">{{ dataSummary.transactions.count }} transaction(s)</span>
                            {% else %}
                                <span class="badge bg-secondary">Aucune</span>
                            {% endif %}
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <span><i class="fas fa-university"></i> Mandats SEPA</span>
                            {% if dataSummary.sepa.hasData %}
                                <span class="badge bg-info">{{ dataSummary.sepa.count }} mandat(s)</span>
                            {% else %}
                                <span class="badge bg-secondary">Aucun</span>
                            {% endif %}
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <span><i class="fas fa-heart"></i> Participation SSA</span>
                            {% if dataSummary.ssa.hasData %}
                                <span class="badge bg-info">{{ dataSummary.ssa.count }} participation(s)</span>
                            {% else %}
                                <span class="badge bg-secondary">Aucune</span>
                            {% endif %}
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-header bg-success text-white">
                    <i class="fas fa-download"></i> Exporter mes données
                </div>
                <div class="card-body">
                    <p>Vous pouvez télécharger l'intégralité de vos données personnelles au format JSON.</p>
                    <a href="{{ path('gdpr_export') }}" class="btn btn-success btn-lg w-100">
                        <i class="fas fa-file-download"></i> Télécharger mes données
                    </a>
                    <small class="text-muted mt-2 d-block">
                        Le fichier contient toutes vos informations personnelles stockées sur la plateforme.
                    </small>
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header bg-info text-white">
            <i class="fas fa-shield-alt"></i> Vos consentements
        </div>
        <div class="card-body">
            {% if activeConsents|length > 0 %}
                <ul class="list-group list-group-flush mb-3">
                    {% for consent in activeConsents %}
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <span>
                                <i class="fas fa-check-circle text-success"></i>
                                {{ consent.typeLabel }}
                                <small class="text-muted">({{ consent.grantedAt|date('d/m/Y') }})</small>
                            </span>
                        </li>
                    {% endfor %}
                </ul>
            {% else %}
                <p class="text-muted mb-3">Aucun consentement enregistré.</p>
            {% endif %}
            <a href="{{ path('gdpr_consent') }}" class="btn btn-outline-info btn-sm">
                <i class="fas fa-cog"></i> Gérer mes consentements
            </a>
        </div>
    </div>

    <h2 class="mb-3">
        <i class="fas fa-gavel"></i>
        Exercer vos droits
    </h2>

    <div class="row mb-4">
        <div class="col-md-3 mb-3">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-eye fa-3x text-primary mb-3"></i>
                    <h5>Droit d'accès</h5>
                    <p class="small">Obtenir une copie de toutes vos données</p>
                    <a href="{{ path('gdpr_request_form', {type: 'access'}) }}" class="btn btn-outline-primary btn-sm">
                        Faire une demande
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-edit fa-3x text-warning mb-3"></i>
                    <h5>Droit de rectification</h5>
                    <p class="small">Corriger des informations inexactes</p>
                    <a href="{{ path('gdpr_request_form', {type: 'rectify'}) }}" class="btn btn-outline-warning btn-sm">
                        Faire une demande
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-trash-alt fa-3x text-danger mb-3"></i>
                    <h5>Droit à l'effacement</h5>
                    <p class="small">Supprimer vos données personnelles</p>
                    <a href="{{ path('gdpr_request_form', {type: 'erasure'}) }}" class="btn btn-outline-danger btn-sm">
                        Faire une demande
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-file-export fa-3x text-info mb-3"></i>
                    <h5>Droit à la portabilité</h5>
                    <p class="small">Transférer vos données ailleurs</p>
                    <a href="{{ path('gdpr_request_form', {type: 'portability'}) }}" class="btn btn-outline-info btn-sm">
                        Faire une demande
                    </a>
                </div>
            </div>
        </div>
    </div>

    {% if requests|length > 0 %}
        <h2 class="mb-3">
            <i class="fas fa-list"></i>
            Mes demandes
        </h2>

        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Type</th>
                        <th>Statut</th>
                        <th>Échéance</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for request in requests %}
                        <tr>
                            <td>{{ request.createdAt|date('d/m/Y H:i') }}</td>
                            <td>{{ request.typeLabel }}</td>
                            <td>
                                {% if request.status == 'pending' %}
                                    <span class="badge bg-warning">{{ request.statusLabel }}</span>
                                {% elseif request.status == 'in_progress' %}
                                    <span class="badge bg-info">{{ request.statusLabel }}</span>
                                {% elseif request.status == 'completed' %}
                                    <span class="badge bg-success">{{ request.statusLabel }}</span>
                                {% else %}
                                    <span class="badge bg-secondary">{{ request.statusLabel }}</span>
                                {% endif %}
                            </td>
                            <td>
                                {% if request.dueDate %}
                                    {% if request.isOverdue %}
                                        <span class="text-danger">
                                            <i class="fas fa-exclamation-triangle"></i>
                                            {{ request.dueDate|date('d/m/Y') }}
                                        </span>
                                    {% else %}
                                        {{ request.dueDate|date('d/m/Y') }}
                                        <small class="text-muted">({{ request.daysRemaining }}j)</small>
                                    {% endif %}
                                {% endif %}
                            </td>
                            <td>
                                <a href="{{ path('gdpr_view_request', {id: request.id}) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="fas fa-eye"></i>
                                </a>
                                {% if request.status == 'pending' %}
                                    <form action="{{ path('gdpr_cancel_request', {id: request.id}) }}" method="post" class="d-inline">
                                        <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Annuler cette demande ?')">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </form>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
</div>
{% endblock content %}