{% extends 'base.html' %}
{% load core_filters %}
{% load cart_filters %}


{% block content %}
    <div class="col-12">
        <div class="content">
            <div class="content__title">Корзина</div>
            <div class="basket">
                <div class="basket__title">
                    <div class="row">
                        <div class="col-4">
                            Товар
                        </div>
                        <div class="col-2">
                            Цена
                        </div>
                        <div class="col-2">
                            Количество
                        </div>
                        <div class="col-2">
                            Сумма
                        </div>
                        <div class="col-2"></div>
                    </div>
                </div>
                {% for offer in offer_items %}
                    <div class="basket__item">
                        <div class="row align-items-center">
                            <div class="col-md-4 col-12">
                                <div class="basket__good d-flex align-items-center">
                                    <div class="basket__image"><img src="./img/item-image-min.png" alt=""></div>
                                    <div class="basket__info">
                                        <ul class="basket__breadcrumbs breadcrumbs">
                                            <li><a href="{% url 'products:product_list' %}">Категории</a></li>
                                            <li><a href="{{ offer.product.get_absolute_url }}">{{ offer.product.name }}</a></li>
                                        </ul>
                                        <div class="basket__good-name">{{ offer.product.name }}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-8 col-12 basket__option">
                                <div class="row">
                                    <div class="col-3 align-self-start">
                                        <div class="basket__title-mob">Цена</div>
                                        <div class="basket__price">{{ offer.get_price_with_discount }} {{ offer.currency.sign }}</div>
                                    </div>
                                    <div class="col-3 align-self-start">
                                        <div class="basket__title-mob align-self-start">Количество</div>
                                        <div class="basket__count">{{ request.cart|get_cart_offer_amount:offer}}</div>
                                    </div>
                                    <div class="col-3 align-self-start">
                                        <div class="basket__title-mob ">Сумма</div>
                                        <div class="basket__sum">{{ request.cart|calculate_price:offer }} {{ offer.currency.sign }}</div>
                                    </div>
                                    <div class="col-3 align-self-start">
                                        <div class="basket__title-mob">Действие</div>
                                        <div class="basket__action">
                                            <form action="{% url 'cart:remove' %}" method="post" type="multipart/form-data">
                                                {% csrf_token %}
                                                <input type="hidden" name="offer" value="{{ offer.product_id }}">
                                                <input type="submit" value="Отменить">
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% empty %}
                    <div class="basket__item">
                        <div class="row align-items-center">
                            Ваша корзина еще пуста:(( Вернитесь в категории и купите что-нибудь
                        </div>
                    </div>
                {% endfor %}
                <div class="basket__result">
                    <div class="result__sum">Итого: {{ total_price }} {{ total_price_currency }}</div>
                    {% if total_cashback > 0 %}
                        <div class="result__cashback">Кэшбек {{ total_cashback }} {{ total_cashback_currency }}</div>
                    {% endif %}
                </div>
                <div class="basket__controls">
                    <a class="basket__btn-fill" href="{% url 'cart:checkout' %}">Оформить</a>
                    <a class="basket__btn" href="{% url 'products:product_list' %}">Продолжить покупки</a>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}