{% extends 'emails/layouts/notification.twig' %}

{% block before_content %}

{% endblock %}

{% block content %}

    <tr>
        <td>
            <table width="{{ inner_wrapper_width }}" align="center" border="0" cellspacing="0" cellpadding="0"
                   style="{{ font_family }}margin:0 auto;"
            >
                <tr>
                    <td style="{{ intro_text }}">
                        <p style="{{ text_reset }}margin-bottom:15px;">
                            Hi <strong>{{ order.billingAddress.firstname }}</strong>,
                        </p>

                        <p style="{{ large_intro_text }} {{ text_reset }}margin-bottom:15px;">
                            Payment failed!
                        </p>

                        <p>
                            Order number: #{{ order.id }}
                        </p>

                                {% if order.subscriptions is not empty %}
                                    <div class="row wysiwyg subscriptionsArea">
                                        
                                        <span class="orderLabel">Subscriptions affected: </span>
    
                                        <ol class="subscriptionList">
                                            {% for sub in order.subscriptions %}
                                                <li>
                                                    Subscription id:{{ sub.id }}
                                                    (Issue {{ sub.getIssueNumber(order) }} of {{ sub.max_number_of_issues }})
                                                </li>
                                            {% endfor %}
                                        </ol>
                                        
                                    </div> <!-- .row -->
                                {% endif %}
                                
                                <div class="row wysiwyg orderListRow">

                                    <span class="orderLabel">Order items: </span>
                                    
                                    <ol class="orderList">
                                        {% for item in order.items %}
                                            <li>
                                                {{ item.item_name ~ ' ' ~ (item.size|not_one_size) }}
                                            </li>
                                        {% endfor %}
                                    </ol>
                                </div>

                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td style="height:50px"></td>
    </tr>

{% endblock %}

{% block after_content %}



{% endblock %}
