{% extends "dashboard/catalogue/product_list.html" %}
{% load i18n %}
{% load url from future %}
{% load thumbnail %}
{% load currency_filters %}

{% block title %}
{% trans "MWS product management" %} | {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
<ul class="breadcrumb">
    <li>
        <a href="{% url 'dashboard:index' %}">{% trans "Dashboard" %}</a>
        <span class="divider">/</span>
    </li>
    <li class="active">{% trans "MWS product management" %}</li>
</ul>
{% endblock %}

{% block header %}
<div class="page-header action">
    <h1>{% trans "MWS product management" %}</h1>
</div>
{% endblock header %}


{% block dashboard_content %}
<form id="mws-product-update-form" action="." method="post" class="form-inline">
    {% csrf_token %}

    <div class="table-header">
        <h3>
            <i class="icon-upload icon-large"></i>
            {% trans "Synchronise with MWS" %}
        </h3>
    </div>
    <div class="well">
        {% include "partials/form_fields_inline.html" with form=form %}
        <button type="submit" class="btn btn-primary">
            {% trans "Submit" %}
        </button>
    </div>

    {% if product_list %}
    <div class="table-header">
        <h2><i class="icon-sitemap icon-large"></i>{{ queryset_description }}</h2>
        </div>
            <table class="table table-striped table-bordered">
                <tr>
                    <th></th>
                    <th>{% trans "Seller SKU" %}</th>
                    <th>{% trans "ASIN" %}</th>
                    <th>{% trans "Image" %}</th>
                    <th>{% trans "Title" %}</th>
                    <th>{% trans "Marketplaces" %}</th>
                    <th>{% trans "Last updated" %}</th>
                    <th></th>
                </tr>
                {% for product in product_list %}
                    {% with marketplace_list=product.amazon_profile.marketplaces.all %}
                    <tr>
                        <td>
                            {% if product.amazon_profile %}
                                <input type="checkbox" name="selected_profiles" value="{{ product.amazon_profile.id }}" />
                            {% endif %}
                        </td>
                        <td>{{ product.amazon_profile.sku|default:"-" }}</td>
                        <td>{{ product.amazon_profile.asin|default:"-" }}</td>
                        <td>
                            {% if product.primary_image.original.url %}
                            {% with image=product.primary_image %}
                                {% thumbnail image.original "70x70" upscale=False as thumb %}
                                    <a href="{{ image.original.url }}" rel="lightbox_{{ product.upc|default:"-" }}" class="sub-image">
                                        <img src="{{ thumb.url }}" alt="{{ product.get_title }}" data-description="{% if image.caption %}{{ image.caption }}{% endif %}">
                                    </a>
                                {% endthumbnail %}
                            {% endwith %}
                            {% else %}
                            -
                            {% endif %}
                        </td>
                        <td>{{ product.get_title }}</td>

                        <td>
                            <ul>
                            {% for marketplace in marketplace_list %}
                                <li>
                                <strong>{{ marketplace.name }} - {{ marketplace.region }}</strong><br />
                                {{ marketplace.merchant.name }}
                                </li>
                            {% empty %}
                                {% trans "No marketplace(s) selected (not selling on Amazon)." %}
                            {% endfor %}
                            </ul>
                        </td>

                        <td>
                            {% if product.amazon_profile %}
                                {{ product.feed_submissions.all.0.date_updated|date:"jS M Y H:i" }}
                            {% else %}
                                {% trans "Not submitted" %}
                            {% endif %}
                        </td>

                        <td>
                            <div class="btn-toolbar">
                                <div class="btn-group">
                                    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                        {% trans "Actions" %}
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu pull-right">
                                        <li>
                                            {% if product.amazon_profile %}
                                            <a href="{% url "mws-dashboard:profile-update" product.amazon_profile.id %}">
                                                {% trans "Edit Amazon profile" %}
                                            </a>
                                            {% else %}
                                            <a href="{% url "mws-dashboard:profile-create" product.id %}">
                                                {% trans "Create Amazon profile" %}
                                            </a>
                                            {% endif %}
                                        </li>
                                        <li>
                                            <a href="{{ product.get_absolute_url }}">
                                                {% trans "View on site" %}
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{% url "dashboard:catalogue-product-delete" product.id %}">
                                                {% trans "Delete" %}
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </td>
                    </tr>
                    {% endwith %}
                {% endfor %}
            </table>
            {% include "partials/pagination.html" %}
    {% else %}
        <p>{% trans "No products found." %}</p>
    {% endif %}
</form>
{% endblock dashboard_content %}