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

{% block content %}
{% for cart_object in user_cart %}
<div class = "media shadow-sm py-3 mb-4">
    <img class = "profile-pic mx-5" src = "{{ cart_object.product.image.url }}">
    <div class = "media-body">
        <h2>
            {{ cart_object.product.name }}
        </h2>
        <p class = "text-secondary">
            Cost: {{ cart_object.product.cost }}
        </p>
        <form method = "post">
            {% csrf_token %}
            <input type = "number" name = "quantity" value = "{{ cart_object.quantity }}" min = 0>
            <input type = "hidden" name = "product_id" value = "{{ cart_object.product.id }}">
            <button name = "update_button" value = "update" class = "btn btn-outline-info">Update</button>
            <button name = "remove_button" value = "remove" class = "btn btn-outline-danger">Remove</button>
        </form>
    </div>
</div>
{% endfor %}
<h3 class = "text-secondary center">Total Cost: {{ total }} </h3>
<form class = "center" method = "post">
    {% csrf_token %}
    <label>Payment Method: <input type = "radio" value = "Cash" name = "payment_by" required>Cash On Delivery</label><br>
    <label>Address: <input type = "text" name = "address" required></label>
    <button name = "order_button" value = "order" class = "btn btn-outline-info">Order</button>
</form>
{% endblock %}