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

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

{% block header_title %}
    {% if attemptNumber >= 3 %}
        {{ 'payment.failure.header.urgent'|trans({}, 'emails') }}
    {% else %}
        {{ 'payment.failure.header.problem'|trans({}, 'emails') }}
    {% endif %}
{% endblock %}

{% block header_subtitle %}
    {% if attemptNumber == 1 %}
        {{ 'payment.failure.header.first_attempt'|trans({}, 'emails') }}
    {% elseif attemptNumber == 2 %}
        {{ 'payment.failure.header.second_attempt'|trans({}, 'emails') }}
    {% else %}
        {{ 'payment.failure.header.last_warning'|trans({}, 'emails') }}
    {% endif %}
{% endblock %}

{% block content %}
    <h2>{{ 'payment.failure.greeting'|trans({'%firstName%': member.firstName}, 'emails') }}</h2>
    
    {% if attemptNumber == 1 %}
        <p>{{ 'payment.failure.first.intro'|trans({}, 'emails') }}</p>
        
        <div class="alert alert-warning">
            <strong>{{ 'payment.failure.first.alert_title'|trans({}, 'emails') }}</strong><br>
            {{ 'payment.failure.first.alert_content'|trans({}, 'emails') }}
        </div>
        
        <p>{{ 'payment.failure.first.retry_info'|trans({}, 'emails') }}</p>
        
    {% elseif attemptNumber == 2 %}
        <p>{{ 'payment.failure.second.intro'|trans({}, 'emails') }}</p>
        
        <div class="alert alert-warning">
            <strong>{{ 'payment.failure.second.alert_title'|trans({}, 'emails') }}</strong><br>
            {{ 'payment.failure.second.alert_content'|trans({}, 'emails') }}
        </div>
        
        <p>{{ 'payment.failure.second.recommendation'|trans({}, 'emails') }}</p>
        
    {% else %}
        <p>{{ 'payment.failure.last.intro'|trans({}, 'emails') }}</p>
        
        <div class="alert alert-danger">
            <strong>{{ 'payment.failure.last.alert_title'|trans({}, 'emails') }}</strong><br>
            {{ 'payment.failure.last.alert_content'|trans({}, 'emails') }}
        </div>
        
        <p><strong>{{ 'payment.failure.last.action_required'|trans({}, 'emails') }}</strong> {{ 'payment.failure.last.update_today'|trans({}, 'emails') }}</p>
    {% endif %}
    
    <h3>{{ 'payment.failure.solution.title'|trans({}, 'emails') }}</h3>
    
    <div class="highlight-box">
        <h4>{{ 'payment.failure.solution.check.title'|trans({}, 'emails') }}</h4>
        <ul>
            <li>{{ 'payment.failure.solution.check.expired_card'|trans({}, 'emails') }}</li>
            <li>{{ 'payment.failure.solution.check.insufficient_funds'|trans({}, 'emails') }}</li>
            <li>{{ 'payment.failure.solution.check.changed_info'|trans({}, 'emails') }}</li>
        </ul>
    </div>
    
    <div class="highlight-box">
        <h4>{{ 'payment.failure.solution.update.title'|trans({}, 'emails') }}</h4>
        <p>{{ 'payment.failure.solution.update.description'|trans({}, 'emails') }}</p>
        <a href="{{ dashboardUrl }}" class="btn {% if attemptNumber >= 3 %}btn-danger{% else %}btn-warning{% endif %}">
            {{ 'payment.failure.solution.update.button'|trans({}, 'emails') }}
        </a>
    </div>
    
    {% if attemptNumber >= 3 %}
        <div class="alert alert-danger">
            <strong>{{ 'payment.failure.deadline.title'|trans({}, 'emails') }}</strong> {{ 'payment.failure.deadline.time'|trans({}, 'emails') }}<br>
            {{ 'payment.failure.deadline.consequence'|trans({}, 'emails') }}
        </div>
    {% endif %}
    
    <h3>{{ 'payment.failure.support.title'|trans({}, 'emails') }}</h3>
    <p>{{ 'payment.failure.support.intro'|trans({}, 'emails') }}</p>
    <ul>
        <li>{{ 'payment.failure.support.email'|trans({}, 'emails') }} <a href="mailto:support@antiquites-en-france.com">support@antiquites-en-france.com</a></li>
        <li>{{ 'payment.failure.support.phone'|trans({}, 'emails') }} {{ 'payment.failure.support.phone_hours'|trans({}, 'emails') }}</li>
    </ul>
    
    <p>{{ 'payment.failure.closing'|trans({}, 'emails') }}</p>
    
    <p><strong>{{ 'email.base.team_signature'|trans({}, 'emails') }}</strong></p>
{% endblock %}