{% extends "customer/baseaccountpage.html" %}
{% load currency_filters %}
{% load display_tags %}
{% load i18n %}
{% load reviews_tags %}

{% block extra_breadcrumbs %}
    <li>
        <a href="{% url 'customer:order-list' %}">{% trans 'Order history' %}</a>
    </li>
{% endblock %}

{% block tabcontent %}
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="card mt-5 shadow-sm">
                    <div class="card-header">
                        <h1>{{ order.number }}</h1>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>{% trans 'Product' %}</th>
                                    <th>{% trans 'Dispatch date' %}</th>
                                    <th>{% trans 'Qty' %}</th>
                                    <th>{% trans 'Line price excl. tax' %}</th>
                                    <th>{% trans 'Line price incl. tax' %}</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for line in order.lines.all %}
                                    {% with product=line.product %}
                                        <tr>
                                            <td>
                                                {% if product %}
                                                    <p>
                                                        <a href="{{ product.get_absolute_url }}">{{ line.product.get_title }}</a>
                                                        {% for attribute in line.attributes.all %}
                                                            <small class="d-block mb-1">
                                                                {% if attribute.option.code == 'subscription-interval' %}
                                                                    <strong>{{ attribute.option.name }}: </strong>Every
                                                                    {{ attribute.value }} days
                                                                {% elif attribute.option.code == 'surprise' %}
                                                                    {% if line.product.subscription == True %}
                                                                        <strong>{{ attribute.option.name }}: </strong>
                                                                        {% if attribute.value %}Yes{% else %}No
                                                                        {% endif %}
                                                                    {% endif %}
                                                                {% else %}
                                                                    <strong>{{ attribute.option.name }}: </strong>
                                                                    {{ attribute.value }}
                                                                {% endif %}
                                                            </small>
                                                        {% endfor %}
                                                        {% for item in line.product.attribute_values.all %}
                                                            {% if item.attribute.use_for_variations %}
                                                                <small class="d-block mb-1">
                                                                    <strong>{{ item.attribute }}: </strong>{{ item.value }}
                                                                </small>
                                                            {% endif %}
                                                        {% endfor %}
                                                    </p>
                                                    {% comment %}
                                                    {% iffeature "reviews" %}
                                                        {% if product|is_review_permitted:user %}
                                                            <a class="btn btn-primary btn-hook"
                                                               href="{% url 'customer:add_review' product.pk %}">{% trans 'Write a review' %}</a>
                                                        {% endif %}
                                                    {% endiffeature %}
                                                    {% endcomment %}
                                                    <a href="{% url 'reviews:add_review' product.pk %}"
                                                       class="btn btn-primary btn-hook">
                                                        Write a review
                                                    </a>
                                                {% else %}
                                                    <p>
                                                        {{ line.description }}
                                                    </p>
                                                {% endif %}
                                            </td>
                                            <td>{{ line.est_dispatch_date|default:"-" }}</td>
                                            <td>{{ line.quantity }}</td>
                                            <td>{{ line.line_price_before_discounts_excl_tax|currency:order.currency }}</td>
                                            <td>{{ line.line_price_before_discounts_incl_tax|currency:order.currency }}</td>
                                            {% comment %}
                                            <td width="90">
                                                {% if product %}
                                                    <form id="line_form_{{ line.id }}"
                                                          action="{% url 'customer:order-line' order_number=order.number line_id=line.id %}"
                                                          method="POST">
                                                        {% csrf_token %}
                                                        <input type="hidden" name="action" value="reorder"/>
                                                        <button id="reorder_line_{{ line.id }}" class="btn btn-primary btn-hook"
                                                                type="submit"
                                                                data-loading-text="{% trans 'Re-ordering...' %}">{% trans 'Re-order' %}</button>
                                                    </form>
                                                {% else %}
                                                    {% trans 'Not available anymore' %}
                                                {% endif %}
                                            </td>
                                            {% endcomment %}
                                        </tr>
                                    {% endwith %}
                                {% endfor %}

                                {% with discounts=order.basket_discounts %}
                                    {% block discount_totals %}
                                        {% if discounts %}
                                            <tr>
                                                <td colspan="4">{% trans "Basket total (excl. discounts)" %}</td>
                                                <td colspan="2">{{ order.basket_total_before_discounts_incl_tax|currency:order.currency }}</td>
                                            </tr>
                                            {% for discount in discounts %}
                                                <tr>
                                                    <td colspan="4">
                                                        <span class="badge badge-success">{% trans "Discount" %}</span>
                                                        {{ discount.offer_name }}
                                                    </td>
                                                    <td colspan="2">- {{ discount.amount|currency:order.currency }}</td>
                                                </tr>
                                            {% endfor %}
                                        {% endif %}
                                    {% endblock discount_totals %}

                                    {% block basket_total %}
                                        {% if discounts %}
                                            <tr>
                                                <th colspan="4">{% trans "Basket total (inc. discounts)" %}</th>
                                                <td colspan="2">{{ order.basket_total_incl_tax|currency:order.currency }}</td>
                                            </tr>
                                        {% else %}
                                            <tr>
                                                <th colspan="4">{% trans "Basket total" %}</th>
                                                <td colspan="2">{{ order.basket_total_incl_tax|currency:order.currency }}</td>
                                            </tr>
                                        {% endif %}
                                    {% endblock basket_total %}
                                {% endwith %}

                                {% block shipping_totals %}
                                    {% if order.has_shipping_discounts %}
                                        <tr>
                                            <td colspan="4">{% trans "Shipping total (excl. discounts)" %}</td>
                                            <td colspan="2">{{ order.shipping_before_discounts_incl_tax|currency:order.currency }}</td>
                                        </tr>
                                        {% for discount in order.shipping_discounts %}
                                            <tr>
                                                <td colspan="4">
                                                    <span class="badge badge-success">{% trans "Discount" %}</span>
                                                    {{ discount.offer_name }}
                                                </td>
                                                <td colspan="2">- {{ discount.amount|currency:order.currency }}</td>
                                            </tr>
                                        {% endfor %}
                                        <tr>
                                            <th colspan="4">{% trans "Shipping total (inc. discounts)" %}</th>
                                            <td colspan="2">{{ order.shipping_incl_tax|currency:order.currency }}</td>
                                        </tr>
                                    {% else %}
                                        <tr>
                                            <th colspan="4">{% trans "Shipping total" %}</th>
                                            <td colspan="2">{{ order.shipping_incl_tax|currency:order.currency }}</td>
                                        </tr>
                                    {% endif %}
                                {% endblock %}

                                {% block order_total %}
                                    <tr>
                                        <th colspan="4">{% trans 'Order total' %}</th>
                                        <td colspan="2">{{ order.total_incl_tax|currency:order.currency }}</td>
                                    </tr>
                                {% endblock order_total %}
                                </tbody>
                            </table>
                            {% comment %}
                            {% block order_actions %}
                                <form id="order_form_{{ order.id }}"
                                      action="{% url 'customer:order' order_number=order.number %}"
                                      method="post">
                                    {% csrf_token %}
                                    <input type="hidden" name="order_id" value="{{ order.id }}"/>
                                    <input type="hidden" name="action" value="reorder"/>
                                    <button type="submit" class="btn btn-primary btn-hook"
                                            data-loading-text="{% trans 'Re-ordering...' %}">{% trans 'Re-order all items' %}</button>
                                </form>
                            {% endblock order_actions %}
                            {% endcomment %}
                            {% if order.loyalty_points.exists %}
                                <hr>
                                <small>
                                    You have earned {{ order.loyalty_points.first.points }} loyalty points from this
                                    order
                                </small>
                            {% endif %}
                            <hr>
                            <h2>{% trans 'Shipping Method' %}</h2>
                            <p>{{ order.shipping_method }}
                                <br>
                                <small>{{ shipping_class.tracking_url }} (Tracking No.
                                    {% if shipping_class.tracking_available %}
                                        {% for item in order.shipping_events.all %}{{ item.notes }}
                                        {% endfor %}{% endif %})
                                </small>
                            </p>
                            <hr>

                            <h2>{% trans 'Shipping Address' %}</h2>

                            <table class="table table-striped table-bordered">
                                <tr>
                                    <th>{% trans 'Address' %}</th>
                                    <th>{% trans 'Contact Number' %}</th>
                                    <th>{% trans 'Shipping Notes' %}</th>
                                </tr>
                                <tr>
                                    <td>
                                        {% for field in order.shipping_address.active_address_fields %}
                                            {{ field }}<br/>
                                        {% endfor %}
                                    </td>
                                    <td>{{ order.shipping_address.phone_number|default:"-" }}</td>
                                    <td>{{ order.shipping_address.notes|linebreaks }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock tabcontent %}