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

{% block body_class %}create-page catalogue{% endblock %}

{% block title %}
    {% blocktrans with product_title=amazon_profile.product.get_title %}Create '{{ product_title }}'{% endblocktrans %} | {{ 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">
            {% blocktrans with product_title=amazon_profile.product.get_title %}Update '{{ product_title }}'{% endblocktrans %}
        </li>
    </ul>
{% endblock %}

{% block dashboard_content %}
    <div class="table-header">
        <h3>
            <i class="icon-sitemap icon-large"></i>
            {% blocktrans with product_title=amazon_profile.product.get_title %}Update '{{ product_title }}'{% endblocktrans %}
        </h3>
    </div>

    {% with product=amazon_profile.product %}
    <div class="well product-details">
        <form class="form-{{ style|default:"stacked" }} {{ class }}" method="{{ method|default:"post" }}"
            {% if action %}action="{{ action }}"{% endif %}
            {% if includes_files %}enctype="multipart/form-data"{% endif %}>
            {% if not method == "get" %}{% csrf_token %}{% endif %}
            <h3>
                {% if product.primary_image.original.url %}
                    {% with image=product.primary_image %}
                        {% thumbnail image.original "50x50" upscale=False as thumb %}
                            <img src="{{ thumb.url }}" alt="{{ product.get_title }}" class="img-polaroid" data-description="{% if image.caption %}{{ image.caption }}{% endif %}">
                        {% endthumbnail %}
                    {% endwith %}
                {% endif %}
                {{ product.get_title }}
            </h3>
            <hr />
            <div class="row-fluid">
                <div class="span4">
                    <table class="table table-striped table-bordered">
                        <tbody>
                            <tr>
                                <th>{% trans "Product class" %}</th>
                                <td>{{ product.product_class.name }}</td>
                            </tr>
                            <tr>
                                <th>{% trans "Seller SKU" %}</th>
                                <td>{{ amazon_profile.sku|default:"-" }}</td>
                            </tr>
                            <tr>
                                <th>{% trans "ASIN" %}</th>
                                <td>{{ amazon_profile.asin|default:"-" }}</td>
                            </tr>
                            {% if product.has_stockrecord %}
                                <tr>
                                    <th>{% trans "Price excl. tax" %}</th>
                                    <td>{{ product.stockrecord.price_excl_tax|currency }}</td>
                                </tr>
                                <tr>
                                    <th>{% trans "Price excl. tax" %}</th>
                                    <td>{{ product.stockrecord.price_incl_tax|currency }}</td>
                                </tr>
                            {% endif %}
                        </tbody>
                    </table>
                </div>

                <div class="span8">
                    {% include 'partials/form_fields.html' %}
                </div>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <div class="form-actions">
                        <button class="btn btn-large btn-primary" type="submit">{% trans "Save" %}</button>
                        {% trans "or" %} <a href="{% url "mws-dashboard:profile-list" %}">{% trans "cancel" %}</a>.
                    </div>
                </div>
            </div>
        </form>
    </div>
    {% endwith %}

{% endblock %}