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

{% block title %}{{ 'account_emails.suspension.title'|trans }}{% endblock %}

{% block header_title %}⚠️ {{ 'account_emails.suspension.header'|trans }}{% endblock %}
{% block header_subtitle %}{{ 'account_emails.suspension.subtitle'|trans }}{% endblock %}

{% block content %}
    <h2>{{ 'account_emails.suspension.greeting'|trans({'%firstName%': member.firstName}) }}</h2>
    
    <p>{{ 'account_emails.suspension.notification'|trans }}</p>
    
    <div class="alert alert-danger">
        <strong>⚠️ {{ 'account_emails.suspension.account_suspended'|trans }}</strong><br>
        {{ 'account_emails.suspension.services_interrupted'|trans }}
    </div>
    
    <h3>{{ 'account_emails.suspension.unavailable_services.title'|trans }}</h3>
    <div class="highlight-box">
        <ul>
            <li><strong>{{ 'account_emails.suspension.unavailable_services.profile_hidden'|trans }}</strong> {{ 'account_emails.suspension.unavailable_services.from_directory'|trans }}</li>
            <li><strong>{{ 'account_emails.suspension.unavailable_services.objects_hidden'|trans }}</strong> {{ 'account_emails.suspension.unavailable_services.from_catalog'|trans }}</li>
            <li><strong>{{ 'account_emails.suspension.unavailable_services.requests_suspended'|trans }}</strong> {{ 'account_emails.suspension.unavailable_services.suspended'|trans }}</li>
            <li><strong>{{ 'account_emails.suspension.unavailable_services.limited_access'|trans }}</strong> {{ 'account_emails.suspension.unavailable_services.to_dashboard'|trans }}</li>
            <li><strong>{{ 'account_emails.suspension.unavailable_services.customer_support'|trans }}</strong> {{ 'account_emails.suspension.unavailable_services.degraded_mode'|trans }}</li>
        </ul>
    </div>
    
    <h3>{{ 'account_emails.suspension.reactivation.title'|trans }}</h3>
    
    <div class="highlight-box">
        <h4>{{ 'account_emails.suspension.reactivation.step1.title'|trans }}</h4>
        <p>{{ 'account_emails.suspension.reactivation.step1.description'|trans }}</p>
        <div style="text-align: center; margin: 20px 0;">
            <a href="{{ dashboardUrl }}" class="btn btn-danger">
                {{ 'account_emails.suspension.reactivation.step1.button'|trans }}
            </a>
        </div>
    </div>
    
    <div class="highlight-box">
        <h4>{{ 'account_emails.suspension.reactivation.step2.title'|trans }}</h4>
        <p>{{ 'account_emails.suspension.reactivation.step2.description'|trans }}</p>
    </div>
    
    <div class="highlight-box">
        <h4>{{ 'account_emails.suspension.reactivation.step3.title'|trans }}</h4>
        <p>{{ 'account_emails.suspension.reactivation.step3.description'|trans }}</p>
    </div>
    
    <div class="alert alert-warning">
        <strong>⏰ {{ 'account_emails.suspension.important_deadline.title'|trans }}</strong><br>
        {{ 'account_emails.suspension.important_deadline.description'|trans }}
    </div>
    
    <h3>{{ 'account_emails.suspension.possible_causes.title'|trans }}</h3>
    <ul>
        <li>{{ 'account_emails.suspension.possible_causes.expired_card'|trans }}</li>
        <li>{{ 'account_emails.suspension.possible_causes.insufficient_funds'|trans }}</li>
        <li>{{ 'account_emails.suspension.possible_causes.bank_info_change'|trans }}</li>
        <li>{{ 'account_emails.suspension.possible_causes.card_restriction'|trans }}</li>
    </ul>
    
    <h3>{{ 'account_emails.suspension.urgent_help.title'|trans }}</h3>
    <p>{{ 'account_emails.suspension.urgent_help.description'|trans }}</p>
    
    <div class="highlight-box">
        <p><strong>📧 {{ 'account_emails.suspension.urgent_help.priority_email'|trans }}</strong> <a href="mailto:urgence@antiquites-en-france.com">urgence@antiquites-en-france.com</a></p>
        <p><strong>☎️ {{ 'account_emails.suspension.urgent_help.phone'|trans }}</strong> 01 23 45 67 89 ({{ 'account_emails.suspension.urgent_help.phone_hours'|trans }})</p>
        <p><strong>💬 {{ 'account_emails.suspension.urgent_help.online_chat'|trans }}</strong> <a href="{{ contactUrl }}">{{ 'account_emails.suspension.urgent_help.available_on_site'|trans }}</a></p>
    </div>
    
    <div class="alert alert-info">
        <strong>💡 {{ 'account_emails.suspension.good_to_know.title'|trans }}</strong> {{ 'account_emails.suspension.good_to_know.description'|trans }}
    </div>
    
    <p>{{ 'account_emails.suspension.understanding'|trans }}</p>
    
    <p>{{ 'account_emails.suspension.thanks_understanding'|trans }}</p>
    
    <p><strong>{{ 'account_emails.suspension.team_signature'|trans }}</strong><br>
    <em>{{ 'account_emails.suspension.priority_service'|trans }}</em></p>
{% endblock %}