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

{% block title %}{{ 'payment.recovered.subject'|trans({}, 'emails') }}{% endblock %}

{% block header_title %}{{ 'payment.recovered.header.title'|trans({}, 'emails') }}{% endblock %}
{% block header_subtitle %}{{ 'payment.recovered.header.subtitle'|trans({}, 'emails') }}{% endblock %}

{% block content %}
    <h2>{{ 'payment.recovered.greeting'|trans({'%firstName%': member.firstName}, 'emails') }} 🎉</h2>
    
    <p>{{ 'payment.recovered.intro'|trans({}, 'emails') }}</p>
    
    <div class="alert alert-success">
        <strong>{{ 'payment.recovered.alert.title'|trans({}, 'emails') }}</strong><br>
        {{ 'payment.recovered.alert.content'|trans({}, 'emails') }}
    </div>
    
    <h3>{{ 'payment.recovered.restored.title'|trans({}, 'emails') }}</h3>
    <div class="highlight-box">
        <ul>
            <li><strong>{{ 'payment.recovered.restored.dashboard'|trans({}, 'emails') }}</strong> {{ 'payment.recovered.restored.dashboard_desc'|trans({}, 'emails') }}</li>
            <li><strong>{{ 'payment.recovered.restored.visibility'|trans({}, 'emails') }}</strong> {{ 'payment.recovered.restored.visibility_desc'|trans({}, 'emails') }}</li>
            <li><strong>{{ 'payment.recovered.restored.publishing'|trans({}, 'emails') }}</strong> {{ 'payment.recovered.restored.publishing_desc'|trans({}, 'emails') }}</li>
            <li><strong>{{ 'payment.recovered.restored.requests'|trans({}, 'emails') }}</strong> {{ 'payment.recovered.restored.requests_desc'|trans({}, 'emails') }}</li>
            <li><strong>{{ 'payment.recovered.restored.support'|trans({}, 'emails') }}</strong> {{ 'payment.recovered.restored.support_desc'|trans({}, 'emails') }}</li>
        </ul>
    </div>
    
    <div style="text-align: center; margin: 30px 0;">
        <a href="{{ dashboardUrl }}" class="btn btn-success">
            {{ 'payment.recovered.button.dashboard'|trans({}, 'emails') }}
        </a>
    </div>
    
    <h3>{{ 'payment.recovered.tips.title'|trans({}, 'emails') }}</h3>
    <div class="highlight-box">
        <h4>{{ 'payment.recovered.tips.subtitle'|trans({}, 'emails') }}</h4>
        <ul>
            <li>{{ 'payment.recovered.tips.check_card'|trans({}, 'emails') }}</li>
            <li>{{ 'payment.recovered.tips.sufficient_funds'|trans({}, 'emails') }}</li>
            <li>{{ 'payment.recovered.tips.update_info'|trans({}, 'emails') }}</li>
            <li>{{ 'payment.recovered.tips.notifications'|trans({}, 'emails') }}</li>
        </ul>
    </div>
    
    <div class="alert alert-info">
        <strong>{{ 'payment.recovered.reminder.title'|trans({}, 'emails') }}</strong> {{ 'payment.recovered.reminder.content'|trans({'%date%': member.subscriptionExpiresAt|date('d/m/Y')}, 'emails') }}
    </div>
    
    <h3>{{ 'payment.recovered.enjoy.title'|trans({}, 'emails') }}</h3>
    <p>{{ 'payment.recovered.enjoy.intro'|trans({}, 'emails') }}</p>
    <ul>
        <li>{{ 'payment.recovered.enjoy.update_catalog'|trans({}, 'emails') }}</li>
        <li>{{ 'payment.recovered.enjoy.complete_profile'|trans({}, 'emails') }}</li>
        <li>{{ 'payment.recovered.enjoy.respond_requests'|trans({}, 'emails') }}</li>
        <li>{{ 'payment.recovered.enjoy.explore_features'|trans({}, 'emails') }}</li>
    </ul>
    
    <p>{{ 'payment.recovered.thanks'|trans({}, 'emails') }}</p>
    
    <p>{{ 'payment.recovered.closing'|trans({}, 'emails') }}</p>
    
    <p><strong>{{ 'email.base.team_signature'|trans({}, 'emails') }}</strong><br>
    <em>{{ 'payment.recovered.tagline'|trans({}, 'emails') }}</em></p>
{% endblock %}