{# templates/orders/order_detail.html #}
{% extends "wagtailadmin/base.html" %}
{% load wagtailadmin_tags i18n %}

{% block titletag %}{{ object }}{% endblock %}

{% block content %}
  {% breadcrumbs breadcrumbs_items %}
  {% include "wagtailadmin/shared/header.html" with title=object icon="list" %}

  <div class="nice-padding">
    <section class="w-panel">
      <h2>{% trans "Order Items" %}</h2>
      <table class="listing">
        <thead>
          <tr class="table-headers">
            <th>{% trans "Product" %}</th>
            <th>{% trans "Amount" %}</th>
            <th>{% trans "Price" %}</th>
          </tr>
        </thead>
        <tbody>
          {% for item in items %}
            <tr>
              <td>{{ item.product }}</td>
              <td>{{ item.quantity }}</td>
              <td>{{ item.total }}</td>
            </tr>
          {% endfor %}
        </tbody>
        <tfoot>
          <tr class="table-footers">
            <td>{% trans "Total" %}</td>
            <td>{{ object.total_items }}</td>
            <td>{{ object.total }}</td>
          </tr>
        </tfoot>
      </table>
    </section>

    <section class="w-panel">
      <div class="w-panel__content">
        <form method="post">
          {% csrf_token %}
            {{ form.media }}
            {% for field in form %}
                {% include "wagtailadmin/shared/field.html" with field=field %}
            {% endfor %}
            <button type="submit" class="button button-primary">
              {% trans "Save changes" %}
            </button>
        </form>
      </div>
    </section>
  </div>
{% endblock %}