{% extends "oscar/customer/order/order_list.html" %}
{% load i18n %}
{% load currency_filters %}
{% load staticfiles %}

{% block breadcrumbs %}
{% endblock %}
{% block header_breadcrumbs %}
    <ul class="breadcrumb bg-light my-3">
        <li class="breadcrumb-item">
            <a class="breadcrumb-link" href="{% url 'wagtail_serve' '' %}">{% trans 'Home' %}</a>
        </li>
        <li class="breadcrumb-item">
            <a class="breadcrumb-link" href="{% url 'customer:summary' %}">{% trans 'Account' %}</a>
        </li>
        <li class="breadcrumb-item active">{% trans 'Order history' %}</li>
    </ul>
{% endblock %}

{% block tabcontent %}

    {% if orders or form.is_bound %}
        <div class="card mb-3">
            <div class="card-header">
                <h2>{% trans "Filter" %}</h2>
            </div>
            <div class="card-body">
                <form method="get" class="form-horizontal">
                    {% include "partials/form_fields.html" with form=form style='horizontal' %}
                    <div class="form-group">
                        <div class="col-sm-offset-4 col-sm-8">
                            <button type="submit" class="btn btn-primary" data-loading-text="{% trans 'Filtering...' %}">{% trans 'Filter results' %}</button>
                            <a href="{% url 'customer:order-list' %}" class="btn btn-danger">{% trans 'Reset' %}</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    {% endif %}

    {% if orders %}
        <h2>{{ form.description }}</h2>
        <table class="table table-striped table-bordered table-responsive">
            <tr>
                <th>{% trans "Order number" %}</th>
                <th>{% trans "Num items" %}</th>
                <th>{% trans "Total inc tax" %}</th>
                <th>{% trans "Date submitted" %}</th>
                <th>{% trans "Status" %}</th>
                <th>{% trans "Actions" %}</th>
            </tr>
            {% for order in orders %}
                <tr>
                    <td><a href="{% url 'customer:order' order_number=order.number %}">{{ order.number }}</a></td>
                    <td>{{ order.num_items }}</td>
                    <td>{{ order.total_incl_tax|currency:order.currency }}</td>
                    <td>{{ order.date_placed }}</td>
                    <td>{% trans order.status %}</td>
                    <td>
                        {% if order.status in "new,pending-payment" and order.get_try_again_url %}
                        <a class="btn btn-primary" href="{{ order.get_try_again_url }}">{% trans "Pay now" %}</a>
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
        </table>
        {% include "partials/pagination.html" %}
    {% else %}
        {% if form.is_bound %}
            <p>{% trans "No orders match your search." %}</p>
        {% else %}
            <p>{% trans "You haven't placed any orders." %}</p>
        {% endif %}
    {% endif %}

{% endblock tabcontent %}