{% load i18n %}
{% block table %}
    <div class="table-responsive px-1 scrollbar mt-3">
        <table class="table align-items-center table-flush table-hover">
            <thead>
                <tr class="bg-body-highlight">
                    <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Name" %}</th>
                    <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Net price" %}</th>
                    <th class="sort white-space-nowrap align-middle" scope="col">{% trans "VAT" %}</th>
                    <th class="sort white-space-nowrap align-middle" scope="col">{% trans "VAT total" %}</th>
                    <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Total" %}</th>
                    <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Order completed" %}</th>
                    {% if order.user %}
                        <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Plan valid from" %}</th>
                        <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Plan valid until" %}</th>
                    {% endif %}
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="align-middle product white-space-nowrap">{{ order.name }}</td>
                    <td class="align-middle product white-space-nowrap">
                        {{ order.amount }} <span class="icon-saudi_riyal"></span>
                    </td>
                    <td class="align-middle product white-space-nowrap">
                        {% if order.tax == None %}
                            n/a
                        {% else %}
                            {{ order.tax }} %
                        {% endif %}
                    </td>
                    <td class="align-middle product white-space-nowrap">
                        {% if order.tax_total == None %}
                            n/a
                        {% else %}
                            {{ order.tax_total }} <span class="icon-saudi_riyal"></span>
                        {% endif %}
                    </td>
                    <td class="number total align-middle product white-space-nowrap">
                        {{ order.total }} <span class="icon-saudi_riyal"></span>
                    </td>
                    <td class="date align-middle product white-space-nowrap">{{ order.completed|date|default:"-" }}</td>
                    <td class="date align-middle product white-space-nowrap">{{ order.get_plan_extended_from|date|default:"-" }}</td>
                    <td class="date align-middle product white-space-nowrap">{{ order.get_plan_extended_until|date|default:"-" }}</td>
                </tr>
            </tbody>
        </table>
    </div>
{% endblock %}
{% if order.tax == None %}
    <h2>{% trans "EU VAT" %}</h2>
    <div class="alert alert-phoenix-info">{% blocktrans %} VAT is not applied to order. {% endblocktrans %}</div>
{% endif %}