{% extends "oscar/customer/wishlists/wishlists_detail.html" %}
{% load i18n  thumbnail widget_tweaks purchase_info_tags basket_tags %}

{% block extrastyles %}
{{ block.super }}
<style>
    .dropdown-menu > li > button {
        padding: 3px 20px;
        color: black;
        width: 100%;
        text-align: left;
    }
    .dropdown-menu > li > button:hover,
    .dropdown-menu > li > button:focus {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5;
    }
</style>
{% endblock %}
{% block tabcontent %}
    {% if form.total_form_count %}
        <form class="stacked" method="post">
            {{ form.management_form }}
            {% csrf_token %}
            <table class="table table-striped table-bordered">
                <tbody>
                    <tr>
                        <th colspan="2">{% trans 'Product' %}</th>
                        <th>{% trans 'Quantity' %}</th>
                        <th>{% trans 'Action' %}</th>
                    </tr>

                    {% for subform in form %}
                        {% with line=subform.instance product=subform.instance.product %}
                            <tr>
                                <td>
                                    {% if product %}
                                        {% 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 %}
                                    {% endif %}
                                </td>
                                <td>
                                    {% if product %}
                                        <a href="{{ line.product.get_absolute_url }}">{{ line.get_title }}</a>
                                    {% else %}
                                        <em>{{ line.get_title }} ({% trans 'Not available anymore' %})</em>
                                    {% endif %}
                                </td>
                                <td>
                                    {% for field in subform %}
                                        {% render_field field class+="form-control" %}
                                        {% for error in field.errors %}
                                            <ul class="error-block">
                                                <li>{{ error }}</li>
                                            </ul>
                                        {% endfor %}
                                    {% endfor %}
                                </td>
                                <td>
                                    <div class="btn-group">
                                        {% if product %}
                                            <a class="btn btn-default" href="{{ line.product.get_absolute_url }}">{% trans 'View product' %}</a>
                                            <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                                <span class="caret"></span>
                                            </button>
                                        {% else %}
                                            <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
                                                {% trans 'Actions' %}
                                                <span class="caret"></span>
                                            </a>
                                        {% endif %}
                                        <ul class="dropdown-menu">
                                            <li><a href="{% url 'customer:wishlists-remove-product' key=wishlist.key line_pk=line.pk %}">
                                                    {% trans 'Remove' %}
                                            </a></li>
                                            {% if product and not product.is_parent and not product.has_options and product.min_quantity <= 1 %}
                                            <li>
                                                <button type="submit" class="btn btn-link" form="{{ product.slug }}" data-loading-text="{% trans 'Adding...' %}">{% trans "Add to basket" %}</button>
                                            </li>
                                            {% endif %}
                                            {% for other_wishlist in other_wishlists %}
                                                <li><a href="{% url 'customer:wishlists-move-product-to-another' key=wishlist.key line_pk=line.pk to_key=other_wishlist.key %}">
                                                        {% blocktrans with name=other_wishlist.name %}
                                                            Move to '{{ name }}' wish list
                                                        {% endblocktrans %}
                                                </a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        {% endwith %}
                    {% endfor %}
                    <tr>
                        <td colspan="2"></td>
                        <td>
                            <button class="btn btn-primary" type="submit" data-loading-text="{% trans 'Updating...' %}">{% trans "Update quantities" %}</button>
                        </td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </form>

        {% for subform in form %}
        {% with product=subform.instance.product %}
        {% if product and not product.is_parent and not product.has_options and product.min_quantity <= 1 %}
        {% purchase_info_for_product request product as session %}
        {% if session.availability.is_available_to_buy %}
        {% basket_form request product 'single' as basket_form %}
        <form id="{{ product.slug }}" action="{% url 'basket:add' pk=product.pk %}" method="post">
            {% csrf_token %}
            {{ basket_form.as_p }}
        </form>
        {% endif %}
        {% endif %}
        {% endwith %}
        {% endfor %}
    {% else %}
        {% trans "Your wish list is empty." %}
    {% endif %}

{% endblock tabcontent %}