{% extends 'oscar/basket/partials/basket_content.html' %}
{% load i18n thumbnail purchase_info_tags widget_tweaks currency_filters display_tags %}

{% block basket_form_main %}
    <form method="post" class="basket_summary" id="basket_formset">
        {% csrf_token %}
        {{ formset.management_form }}

        {% for form in formset %}
            {% with line=form.instance product=form.instance.product %}
                {% purchase_info_for_line request line as session %}
                <div class="basket-items">
                    <div class="row align-items-start">
                        <div class="col-sm-2">
                            {{ form.id }}
                            {% with image=product.primary_image %}
                                {% thumbnail image.original "100x100" upscale=False as thumb %}
                                    <a href="{{ product.get_absolute_url }}">
                                        <img class="thumbnail" src="{{ thumb.url }}" alt="{{ product.get_title }}"/>
                                    </a>
                                {% endthumbnail %}
                            {% endwith %}
                        </div>
                        <div class="col-sm-4">
                            {% block productdescription %}
                            <a href="{{ product.get_absolute_url }}" class="text-dark"><b>{{ line.product.title }}</b></a>

                            {% if line.attributes.all %}
                            <ul class="product-options">
                                {% for option in line.attributes.all %}
                                <li>{{ option.option.name }} <span class="option-value">{{ option.display_value }}</span></li>
                                {% endfor %}
                            </ul>
                            {% endif %}
                            {% endblock %}
                        </div>
                        <div class="col-sm-4">
                            <div class="checkout-quantity mb-4">
                                <div class="input-group  {% if form.errors %}error{% endif %}">
                                    {% render_field form.quantity class+="form-control" %}
                                    <span class="input-group-append">
                                        <button class="btn btn-primary" type="submit" aria-labelby="Update" data-loading-text="{% trans 'Updating...' %}">{% trans "Update" %}</button>
                                    </span>
                                </div>
                            </div>
                            <div>
                                {% iffeature "wishlists" %}{% if user.is_authenticated %}
                                    <a href="#" class="d-block mt-2" data-id="{{ forloop.counter0 }}" data-behaviours="save" class="inline"><i class="fas fa-heart"></i> {% trans "Save for later" %}</a>
                                {% endif %}{% endiffeature %}
                                <a class="text-danger" href="#" data-id="{{ forloop.counter0 }}" data-behaviours="remove"><i class="far fa-trash-alt"></i> {% trans 'Remove' %}</a>

                                <div style="display:none">
                                    {{ form.save_for_later }}
                                    {{ form.DELETE }}
                                </div>
                                {% for field_errors in form.errors.values %}
                                    {% for error in field_errors %}
                                        <span class="error-block"><i class="icon-exclamation-sign"></i> {{ error }}</span>
                                    {% endfor %}
                                {% endfor %}
                            </div>
                        </div>
                        <div class="col-sm-2">
                            {% if not line.line_price_incl_tax and not line_price_excl_tax %}
                                <p class="align-right">&mdash;</p>
                            {% else %}
                                <b class="price_color align-right m-0">
                                    {% if line.is_tax_known %}
                                        {{ line.line_price_incl_tax|currency:line.price_currency }}
                                    {% else %}
                                        {{ line.line_price_excl_tax|currency:line.price_currency }}
                                    {% endif %}
                                </b>
                            {% endif %}
                        </div>
                        <div class="col-sm-1">
                        </div>
                    </div>
                </div>
            {% endwith %}
        {% endfor %}
    </form>
{% endblock %}

{% block emptybasket %}
    <p>
        {% trans "Your basket is empty." %}
        <a href="{{ homepage_url }}">{% trans "Continue shopping" %}</a>
    </p>
{% endblock %}



{% block savedbasket %}
    {% if user.is_authenticated and saved_formset %}
        <div class="card mb-3">
            <div class="card-header">
                <h2>{% trans "Items to buy later" %}</h2>
            </div>
            <div class="card-body">
                <div class="row basket-title hidden-xs">
                    <p class="col-sm-8 h4">{% trans "Items" %}</p>
                    <p class="col-sm-2 h4 align-center">{% trans "Price" %}</p>
                    <div class="col-sm-2">&nbsp;</div>
                </div>
                <form action="{% url 'basket:saved' %}" method="post" class="form-stacked later_summary" id="saved_basket_formset">
                    {% csrf_token %}
                    {{ saved_formset.management_form }}
                    {% for form in saved_formset %}
                        {% purchase_info_for_product request form.instance.product as session %}
                        <div class="basket-items">
                            <div class="row">
                                <div class="col-sm-2">
                                    {{ form.id }}
                                    {% with image=form.instance.product.primary_image %}
                                        {% thumbnail image.original "100x100" upscale=False as thumb %}
                                            <a href="{{ form.instance.product.get_absolute_url }}">
                                                <img class="thumbnail" src="{{ thumb.url }}" alt="{{ form.instance.product.get_title }}">
                                            </a>
                                        {% endthumbnail %}
                                    {% endwith %}
                                </div>
                                <div class="col-sm-6">
                                    <h3><a href="{{ form.instance.product.get_absolute_url }}">{{ form.instance.description }}</a></h3>
                                    <a href="#" data-id="{{ forloop.counter0 }}" data-behaviours="remove">{% trans "Remove" %}</a>
                                    <div style="display:none">
                                        {{ form.move_to_basket }}
                                        {{ form.DELETE }}
                                    </div>
                                </div>
                                {% purchase_info_for_product request form.instance.product as saved %}
                                <div class="col-sm-2 align-center">
                                    <p class="price_color">
                                        {% if saved.price.is_tax_known %}
                                            {{ saved.price.incl_tax|currency:saved.price.currency }}
                                        {% else %}
                                            {{ saved.price.excl_tax|currency:saved.price.currency }}
                                        {% endif %}
                                    </p>
                                </div>
                                <div class="col-sm-2">
                                    <a href="#" data-id="{{ forloop.counter0 }}" class="btn pull-right btn-block btn-info" data-behaviours="move">{% trans "Move to basket" %}</a>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </form>
            </div>
        </div>
    {% endif %}
{% endblock %}