{% extends "dashboard.html" %}

{% block content %}
<article>
    <header class="object__header">
        <h1>Ship Order #{{order.pk}}</h1>
    </header>
    <section class="object__panel">
        <form method="POST" action="">
            {% csrf_token %}
            {{ form.management_form }}

            <section class="object__list">
                {% for dict in form.errors %}
                    {% for error in dict.values %}
                        <div class="object__item">
                            {{ error }}
                        </div>
                    {% endfor %}
                {% endfor %}
                <div class="object__item panel__header panel__header--flex">
                    <span>Product</span>
                </div>
            {% for formitem in form %}
                <div class="object__item">
                    {{formitem}}
                </div>
            {% endfor %}
                <div class="object__item object__item--col5">
                    <a href="{% url 'dashboard:order-detail' order.pk %}">cancel</a> <input class="action-button order__fulfill" type="submit" value="Ship order and send tracking info to customer">
                </div>
            </section>
        </form>
    </section>
</article>
{% endblock content %}
