{% extends 'ecom/template.html' %}
{% load crispy_forms_tags %}

{% block content %}
    <div class = "row center">
        <legend class = "border-bottom mb-4">
            Orders
        </legend>
    </div>
    {% for order in orders %}
    <div class = "media shadow-sm py-3 mb-4">
        <img class = "profile-pic mx-5" src = "{{ order.product.image.url }}">
        <div class = "media-body">
            <h2>
                {{ order.product.name }}
            </h2>
            <p class = "text-secondary">
                Cost: {{ order.product.cost }}
                <br>
                Delivery Status: {{ order.expected_delivery }}
            </p>
        </div>
    </div>
    {% endfor %}
    <div class = "center">
        {% if orders.has_previous %}
            <a class = "btn btn-outline-info" href="?page=1">&laquo; First</a>
            <a class = "btn btn-outline-info" href="?page={{ orders.previous_page_number }}">Previous</a>
        {% endif %}
        {% if orders.has_next %}
            <a class = "btn btn-outline-info" href="?page={{ orders.next_page_number }}">Next</a>
            <a class = "btn btn-outline-info" href="?page={{ orders.paginator.num_pages }}">Last &raquo;</a>
        {% endif %}
    </div>
{% endblock %}