{# Partial: User Information Section #}
<div class="section">
    <h2 class="section-title">Informations utilisateur</h2>
    <div class="section-content">
        <div class="info-grid">
            <div class="info-row">
                <div class="info-label">Email</div>
                <div class="info-value">{{ user.email }}</div>
            </div>
            <div class="info-row">
                <div class="info-label">Date d'inscription</div>
                <div class="info-value">{{ user.createdAt|date('d/m/Y') }}</div>
            </div>
            <div class="info-row">
                <div class="info-label">Plan d'abonnement</div>
                <div class="info-value">{{ user.subscriptionPlan|capitalize }}</div>
            </div>
            <div class="info-row">
                <div class="info-label">Statut</div>
                <div class="info-value">{{ user.subscriptionStatus|capitalize }}</div>
            </div>
            {% if user.subscriptionEndDate %}
            <div class="info-row">
                <div class="info-label">Fin d'abonnement</div>
                <div class="info-value">{{ user.subscriptionEndDate|date('d/m/Y') }}</div>
            </div>
            {% endif %}
            <div class="info-row">
                <div class="info-label">Roles</div>
                <div class="info-value">{{ user.roles|join(', ') }}</div>
            </div>
        </div>
    </div>
</div>

{# Preferences #}
<div class="section">
    <h2 class="section-title">Preferences</h2>
    <div class="section-content">
        <div class="info-grid">
            <div class="info-row">
                <div class="info-label">Theme</div>
                <div class="info-value">{{ user.preferences.theme|default('system')|capitalize }}</div>
            </div>
            <div class="info-row">
                <div class="info-label">Police dyslexique</div>
                <div class="info-value">{{ user.preferences.dyslexicFont|default(false) ? 'Oui' : 'Non' }}</div>
            </div>
        </div>
    </div>
</div>

{# Billing if available #}
{% if user.billing and (user.billing.companyName or user.billing.address) %}
<div class="section">
    <h2 class="section-title">Informations de facturation</h2>
    <div class="section-content">
        <div class="info-grid">
            {% if user.billing.accountType %}
            <div class="info-row">
                <div class="info-label">Type de compte</div>
                <div class="info-value">{{ user.billing.accountType|capitalize }}</div>
            </div>
            {% endif %}
            {% if user.billing.companyName %}
            <div class="info-row">
                <div class="info-label">Entreprise</div>
                <div class="info-value">{{ user.billing.companyName }}</div>
            </div>
            {% endif %}
            {% if user.billing.siret %}
            <div class="info-row">
                <div class="info-label">SIRET</div>
                <div class="info-value">{{ user.billing.siret }}</div>
            </div>
            {% endif %}
            {% if user.billing.vatNumber %}
            <div class="info-row">
                <div class="info-label">Numero TVA</div>
                <div class="info-value">{{ user.billing.vatNumber }}</div>
            </div>
            {% endif %}
            {% if user.billing.address %}
            <div class="info-row">
                <div class="info-label">Adresse</div>
                <div class="info-value">
                    {{ user.billing.address }}<br>
                    {{ user.billing.postalCode }} {{ user.billing.city }}<br>
                    {{ user.billing.country }}
                </div>
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endif %}