{% 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.address.billing.firstname }}</strong>,
                        </p>

                        <p style="{{ large_intro_text }} {{ text_reset }}margin-bottom:15px;">
                            Your order #{{ order.order_ref }} has been shipped!
                        </p>

                        {% if tracking_no is not empty  %}
                            <p style="{{ large_intro_text }} {{ text_reset }}margin-bottom:15px;">
                                Tracking No: <a href="https://www.royalmail.com/track-your-item#/tracking-results/{{ tracking_no }}">{{ tracking_no }}</a>
                            </p>
                        {% endif %}

                        {{ order_status_text|replace({ '<p>' : '<p style="' ~ intro_text ~ '">' })|raw }}

                        <p style="{{ text_reset }}">
                            {{ html|raw }}
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td style="height:50px"></td>
    </tr>

    {% include 'emails/shop/includes/basket.twig' %}

{% endblock %}
