{% extends "../_base.html" %}
{% block contend %}
<div class="movableContent" style="border: 0px; padding-top: 0px; position: relative;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr><td height='55'></td></tr>
        <tr>
            <td align='left'>
                <div class="contentEditableContainer contentTextEditable">
                    <div class="contentEditable" align='center'>
                        <h2>Thank you for your order at Tapped.to!</h2>
                    </div>
                </div>
            </td>
        </tr>

        <tr><td height='15'> </td></tr>

        <tr>
            <td align='left' class="bordertop">
                <div class="contentEditableContainer contentTextEditable">
                    <div class="contentEditable" align='center'>
                                        <table class="cart items">
                    <tbody>
                        <tr>
                            <td  style="text-align:center">
                                <img style="width:100px" src="{{ article.picture }}">
                            </td>
                        </tr>

                        <tr>

                            <td  style="text-align:center">
                                <h3>{{ articleamount}} x {{ article.name }}</h3>
                                <p>{{ article.description }}</p>
                                {% if article.shortdescription %}
                                <span>{{ article.shortdescription }}</span>
                                {% else %}
                                <span>{{ article.price }}€</span>
                                {% endif %}

                                <table align="center" class="cart prices">
                                    <tfoot>
                                    <tr>
                                        <td style="font-size:14px">Shipping:</td><td style="font-size:14px">0,00€</td>
                                    </tr>
                                    <tr>
                                        <td><strong class="totalprice">Price total:</strong></td>
                                        <td><strong class="totalprice">{{ totalcosts }}€</strong></td>
                                    </tr>
                                    </tfoot>
                                </table>

                            </td>
                        </tr>
                    </tbody>
                </table>
                    </div>
                </div>
            </td>
        </tr>

        <tr><td height='55'></td></tr>
        <tr><td height='20'></td></tr>
    </table>
</div>
{% endblock contend %}