{% extends "company/supplier_part_base.html" %}
{% load static %}
{% load i18n %}
{% load inventree_extras %}

{% block details %}

{% include "company/supplier_part_tabs.html" with tab='pricing' %}

<hr>

<h4>{% trans "Pricing Information" %}</h4>
<table class="table table-striped table-condensed">
    <tr><td>{% trans "Order Multiple" %}</td><td>{{ part.multiple }}</td></tr>
    {% if part.base_cost > 0 %}
    <tr><td>{% trans "Base Price (Flat Fee)" %}</td><td>{{ part.base_cost }}</td></tr>
    {% endif %}
    <tr>
        <th>{% trans "Price Breaks" %}</th>
        <th>
            <div style='float: right;'>
                <button class='btn btn-primary' id='new-price-break' type='button'>{% trans "New Price Break" %}</button>
            </div>
        </th>
    </tr>
    <tr>
        <th>{% trans "Quantity" %}</th>
        <th>{% trans "Price" %}</th>
    </tr>
    {% if part.price_breaks.all %}
    {% for pb in part.price_breaks.all %}
        <tr>
            <td>{% decimal pb.quantity %}</td>
            <td>
                {% if pb.currency %}{{ pb.currency.symbol }}{% endif %}
                {% decimal pb.cost %}
                {% if pb.currency %}{{ pb.currency.suffix }}{% endif %}
                <div class='btn-group' style='float: right;'>
                    <button title='Edit Price Break' class='btn btn-default btn-sm pb-edit-button' type='button' url="{% url 'price-break-edit' pb.id %}"><span class='fas fa-edit icon-green'></span></button>
                    <button title='Delete Price Break' class='btn btn-default btn-sm pb-delete-button' type='button' url="{% url 'price-break-delete' pb.id %}"><span class='fas fa-trash-alt icon-red'></span></button>
                </div>
            </td>
        </tr>
    {% endfor %}
    {% else %}
    <tr>
        <td colspan='2'>
            <span class='warning-msg'><i>{% trans "No price breaks have been added for this part" %}</i></span>
        </td>
    </tr>
    {% endif %}
</table>

{% endblock %}

{% block js_ready %}
{{ block.super }}



$('#new-price-break').click(function() {
    launchModalForm("{% url 'price-break-create' %}",
        {
            reload: true,
            data: {
                part: {{ part.id }},
            }
        }
    );
});

$('.pb-edit-button').click(function() {
    var button = $(this);

    launchModalForm(button.attr('url'),
        {
            reload: true,
        }
    );
});

$('.pb-delete-button').click(function() {
    var button = $(this);

    launchModalForm(button.attr('url'),
        {
            reload: true,
        }
    );
});

{% endblock %}