{% extends "panel.html" %}
{% load i18n %}

{% block label %}parts{% endblock %}

{% block heading %}
{% trans "Part Settings" %}
{% endblock %}

{% block content %}

<h4>{% trans "Part Options" %}</h4>

<table class='table table-striped table-condensed'>
    {% include "InvenTree/settings/header.html" %}
    <tbody>
        {% include "InvenTree/settings/setting.html" with key="PART_IPN_REGEX" %}
        {% include "InvenTree/settings/setting.html" with key="PART_ALLOW_DUPLICATE_IPN" %}
        {% include "InvenTree/settings/setting.html" with key="PART_ALLOW_EDIT_IPN" %}
        {% include "InvenTree/settings/setting.html" with key="PART_SHOW_QUANTITY_IN_FORMS" icon="fa-hashtag" %}
        {% include "InvenTree/settings/setting.html" with key="PART_SHOW_PRICE_IN_FORMS" icon="fa-dollar-sign" %}
        {% include "InvenTree/settings/setting.html" with key="PART_SHOW_RELATED" icon="fa-random" %}
        {% include "InvenTree/settings/setting.html" with key="PART_CREATE_INITIAL" icon="fa-boxes" %}
        <tr><td colspan='5'></td></tr>
        {% include "InvenTree/settings/setting.html" with key="PART_TEMPLATE" icon="fa-clone" %}
        {% include "InvenTree/settings/setting.html" with key="PART_ASSEMBLY" icon="fa-tools" %}
        {% include "InvenTree/settings/setting.html" with key="PART_COMPONENT" icon="fa-th"%}
        {% include "InvenTree/settings/setting.html" with key="PART_TRACKABLE" icon="fa-directions" %}
        {% include "InvenTree/settings/setting.html" with key="PART_PURCHASEABLE" icon="fa-shopping-cart" %}
        {% include "InvenTree/settings/setting.html" with key="PART_SALABLE" icon="fa-dollar-sign" %}
        {% include "InvenTree/settings/setting.html" with key="PART_VIRTUAL" icon="fa-ghost" %}
        <tr><td colspan='5'></td></tr>
        {% include "InvenTree/settings/setting.html" with key="PART_COPY_BOM" %}
        {% include "InvenTree/settings/setting.html" with key="PART_COPY_PARAMETERS" %}
        {% include "InvenTree/settings/setting.html" with key="PART_COPY_TESTS" %}
        {% include "InvenTree/settings/setting.html" with key="PART_CATEGORY_PARAMETERS" %}
        <tr><td colspan='5'></td></tr>
        {% include "InvenTree/settings/setting.html" with key="PART_INTERNAL_PRICE" %}
        {% include "InvenTree/settings/setting.html" with key="PART_BOM_USE_INTERNAL_PRICE" %}
    </tbody>
</table>

<h4>{% trans "Part Import" %}</h4>

    <button class='btn btn-success' id='import-part'>
        <span class='fas fa-plus-circle'></span> {% trans "Import Part" %}
    </button>


<table class='table table-striped table-condensed'>
    {% include "InvenTree/settings/header.html" %}
    <tbody>
        {% include "InvenTree/settings/setting.html" with key="PART_SHOW_IMPORT" icon="fa-file-upload" %}
    </tbody>
</table>



<h4>{% trans "Part Parameter Templates" %}</h4>

<div id='param-buttons'>
    <button class='btn btn-success' id='new-param'>
        <span class='fas fa-plus-circle'></span> {% trans "New Parameter" %}
    </button>
</div>

<table class='table table-striped table-condensed' id='param-table' data-toolbar='#param-buttons'>
</table>

{% endblock %}

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

    $("#param-table").inventreeTable({
        url: "{% url 'api-part-parameter-template-list' %}",
        queryParams: {
            ordering: 'name',
        },
        formatNoMatches: function() { return '{% trans "No part parameter templates found" %}'; },
        columns: [
            {
                field: 'pk',
                title: 'ID',
                visible: false,
                switchable: false,
            },
            {
                field: 'name',
                title: 'Name',
                sortable: 'true',
            },
            {
                field: 'units',
                title: 'Units',
                sortable: 'true',
            },
            {
                formatter: function(value, row, index, field) {
                    var bEdit = "<button title='{% trans "Edit Template" %}' class='template-edit btn btn-default btn-glyph' type='button' pk='" + row.pk + "'><span class='fas fa-edit'></span></button>";
                    var bDel = "<button title='{% trans "Delete Template" %}' class='template-delete btn btn-default btn-glyph' type='button' pk='" + row.pk + "'><span class='fas fa-trash-alt icon-red'></span></button>";

                    var html = "<div class='btn-group float-right' role='group'>" + bEdit + bDel + "</div>";

                    return html;
                }
            }
        ]
    });

    $("#new-param").click(function() {
        launchModalForm("{% url 'part-param-template-create' %}", {
            success: function() {
                $("#param-table").bootstrapTable('refresh');
            },
        });
    });

    $("#param-table").on('click', '.template-edit', function() {
        var button = $(this);

        var url = "/part/parameter/template/" + button.attr('pk') + "/edit/";

        launchModalForm(url, {
            success: function() {
                $("#param-table").bootstrapTable('refresh');
            }
        });
    });

    $("#param-table").on('click', '.template-delete', function() {
        var button = $(this);

        var url = "/part/parameter/template/" + button.attr('pk') + "/delete/";

        launchModalForm(url, {
            success: function() {
                $("#param-table").bootstrapTable('refresh');
            }
        });
    });

    $("#import-part").click(function() {
        launchModalForm("{% url 'api-part-import' %}?reset", {});
    });

{% endblock %}