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

{% block title %}Compte supprimé — NUM-ECARD{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        .deleted-page {
            min-height: calc(100vh - 44px);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 20px;
        }

        .deleted-card {
            background: #ffffff;
            border-radius: 18px;
            padding: 56px 40px;
            max-width: 480px;
            width: 100%;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
            text-align: center;
        }

        .deleted-icon {
            width: 72px;
            height: 72px;
            background: rgba(52, 199, 89, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 28px;
            font-size: 32px;
        }

        .deleted-title {
            font-size: 26px;
            font-weight: 700;
            color: #1d1d1f;
            margin-bottom: 12px;
            letter-spacing: -0.03em;
        }

        .deleted-text {
            font-size: 15px;
            color: #6e6e73;
            line-height: 1.6;
            margin-bottom: 36px;
        }

        .deleted-text strong {
            color: #3a3a3c;
        }

        .divider {
            height: 1px;
            background: #e5e5ea;
            margin: 32px 0;
        }

        .legal-kept {
            background: #f5f5f7;
            border-radius: 12px;
            padding: 16px 20px;
            font-size: 13px;
            color: #6e6e73;
            line-height: 1.5;
            margin-bottom: 32px;
            text-align: left;
        }

        .legal-kept strong {
            color: #1d1d1f;
            display: block;
            margin-bottom: 4px;
            font-size: 14px;
        }

        .btn-home {
            display: inline-block;
            background: #667eea;
            color: white;
            border-radius: 12px;
            padding: 14px 32px;
            font-size: 15px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.2s cubic-bezier(0.28, 0.11, 0.32, 1);
            letter-spacing: -0.01em;
        }

        .btn-home:hover {
            background: #5a6fd8;
            color: white;
            transform: scale(0.99);
        }

        .contact-link {
            display: block;
            margin-top: 20px;
            font-size: 13px;
            color: #6e6e73;
        }

        .contact-link a {
            color: #667eea;
            text-decoration: none;
        }

        .contact-link a:hover {
            text-decoration: underline;
        }
    </style>
{% endblock %}

{% block body %}
<div class="deleted-page">
    <div class="deleted-card">

        {# Icône succès #}
        <div class="deleted-icon">✓</div>

        {# Titre #}
        <h1 class="deleted-title">Compte supprimé</h1>

        <p class="deleted-text">
            Votre compte NUM-ECARD a été supprimé avec succès.<br>
            <strong>Toutes vos données personnelles ont été effacées</strong>
            conformément à l'article 17 du RGPD.
        </p>

        {# Ce qui a été conservé (obligation légale) #}
        <div class="legal-kept">
            <strong>ℹ️ Données conservées par obligation légale</strong>
            Conformément à l'article L.123-22 du Code de commerce, vos données
            de facturation sont conservées 10 ans à des fins comptables,
            sous forme pseudonymisée. Elles ne permettent pas de vous identifier.
        </div>

        <div class="divider"></div>

        <a href="{{ path('app_home') }}" class="btn-home">
            Retour à l'accueil
        </a>

        <span class="contact-link">
            Une question ? <a href="mailto:contact@num-ecard.com">contact@num-ecard.com</a>
        </span>

    </div>
</div>
{% endblock %}