{% extends "dashboard/layout.html" %}
{% load i18n %}
{% load url from future %}

{% block title %}
    {% blocktrans with fulfillment_id=fulfillment_order.fulfillment_id %}
    Fulfillment Order #{{ fulfillment_id }}
    {% endblocktrans %}| {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
    <ul class="breadcrumb">
        <li>
            <a href="{% url "dashboard:index" %}">{% trans "Dashboard" %}</a>
            <span class="divider">/</span>
        </li>
        <li class="active">
            {% blocktrans with fulfillment_id=fulfillment_order.fulfillment_id %}
            Fulfillment Order #{{ fulfillment_id }}
            {% endblocktrans %}
        </li>
    </ul>
{% endblock %}

{% block dashboard_content %}
    <div class="table-header">
        <h3><i class="icon-truck icon-large"></i>{% trans "Fulfillment Order" %} {{ fulfillment_order.fulfillment_id }}</h3>
    </div>

    <div class="well">
        <table class="table table-striped table-bordered table-hover">
            <thead>
                <tr>
                    <th>{% trans "Fulfillment ID" %}</th>
                    <th>{% trans "Status" %}</th>
                    <th>{% trans "Last updated" %}</th>
                    <th>{% trans "Shipments" %}</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{ fulfillment_order.fulfillment_id }}</td>
                    <td>{{ fulfillment_order.status }}</td>
                    <td>{{ fulfillment_order.date_updated }}</td>
                    <td>{{ fulfillment_order.order.fulfillment_shipments.count }}</td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="table-header">
        <h3><i class="icon-truck icon-large"></i>{% trans "Shipments" %}</h3>
    </div>

    <div class="well">
        <table class="table table-striped table-bordered table-hover">
            <thead>
                <tr>
                    <th>{% trans "Shipment ID" %}</th>
                    <th>{% trans "Fulfillment Center ID" %}</th>
                    <th>{% trans "Status" %}</th>
                    <th>{% trans "Shipped" %}</th>
                    <th>{% trans "Estimated arrival" %}</th>
                    <th>{% trans "Package number" %}</th>
                    <th>{% trans "Tracking number" %}</th>
                    <th>{% trans "Carrier code" %}</th>
                </tr>
            </thead>
            <tbody>
                {% for shipment in fulfillment_order.order.fulfillment_shipments.all %}
                <tr>
                    {% if forloop.first %}
                        {% with packages=shipment.packages.all %}
                            <td rowspan="{{ packages|length }}">{{ shipment.shipment_id }}</td>
                            <td rowspan="{{ packages|length }}">{{ shipment.fulfillment_center_id }}</td>
                            <td rowspan="{{ packages|length }}">{{ shipment.status }}</td>
                            <td rowspan="{{ packages|length }}">{{ shipment.date_shipped }}</td>
                            <td rowspan="{{ packages|length }}">{{ shipment.date_estimated_arrival }}</td>

                        {% for package in packages %}
                            <td>{{ package.package_number }}</td>
                            <td>{{ package.tracking_number }}</td>
                            <td>{{ package.carrier_code }}</td>
                        {% endfor %}
                        {% endwith %}
                    {% endif %}
                </tr>
                {% empty %}
                    <tr><td colspan="9">{% trans "No shipments available" %}</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
 {% endblock %}