{% extends 'base.html' %}
{% load static %}


{% block content %}
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <h3 class="text-center">Товары в корзине</h3>
                    <h5 class="text-center">Общая стоимость:</h5>
                    <form>
                        <table class="table text-center">
                            <thead>
                                <tr>
                                    <th>Название товара</th>
                                    <th>Количество</th>
                                    <th>Цена за единицу</th>
                                    <th>Общая цена</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for product_in_basket in products_in_basket %}
                                <tr>
                                    <td>{{ product_in_basket.product.name }}</td>
                                    <td><input value="{{ product_in_basket.nub }}" type="number"><br></td>
                                    <td>{{ product_in_basket.price_per_item }}</td>
                                    <td>
                                        <span id = "product_total_price">{{ product_in_basket.total_price }}</span>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                        <div class="text-right">
                            <b>Сумма заказа:</b><span id ="total_order_price"></span>
                        </div>
                        <hr>
                        <div class="text-right">
                            <button TYPE="submit" class="btn btn-primary btn-lg">Заказать</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
{% endblock %}