{% extends "part/part_base.html" %}
{% load static %}
{% block details  %}

{% include 'part/tabs.html' with tab='detail' %}

<div class='row'>
    <div class='col-sm-6'>
        <h3>Part Details</h3>
    </div>
    <div class='col-sm-6'>
        <h3>
            <div class="dropdown" style="float: right;">
                <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Options
                <span class="caret"></span></button>
                <ul class="dropdown-menu">
                  <li><a href="#" id='edit-part' title='Edit part'>Edit</a></li>
                  <li><a href='#' id='stocktake-part' title='Stocktake'>Stocktake</a></li>
                  <li><a href="#" id='delete-part' title='Delete part'>Delete</a></li>
                </ul>
            </div>
        </h3>
    </div>
</div>

<hr>

<table class='table table-striped'>
<tr>
    <td>Part name</td>
    <td>{{ part.name }}</td>
</tr>
<tr>
    <td>Description</td>
    <td>{{ part.decription }}</td>
</tr>
{% if part.IPN %}
<tr>
    <td>IPN</td>
    <td>{{ part.IPN }}</td>
</tr>
{% endif %}
<tr>
    <td>Category</td>
    <td>
    {% if part.category %}
        <a href="{% url 'category-detail' part.category.id %}">{{ part.category.name }}</a>
    {% endif %}
    </td>
</tr>
{% if part.default_location %}
<tr>
    <td>Default Location</td>
    <td><a href="{% url 'stock-location-detail' part.default_location.id %}">{{ part.default_location.pathstring }}</a></td>
</tr>
{% endif %}
{% if part.default_supplier %}
<tr>
    <td>Default Supplier</td>
    <td><a href="{% url 'supplier-part-detail' part.default_supplier.id %}">
        {{ part.default_supplier.supplier.name }} | {{ part.default_supplier.SKU }}
    </a></td>
</tr>
{% endif %}
<tr>
    <td>Units</td>
    <td>{{ part.units }}</td>
</tr>
<tr>
    <td>Buildable</td>
    <td>{% include "yesnolabel.html" with value=part.buildable %}</td>
</tr>
<tr>
    <td>Trackable</td>
    <td>{% include "yesnolabel.html" with value=part.trackable %}</td>
</tr>
<tr>
    <td>Purchaseable</td>
    <td>{% include "yesnolabel.html" with value=part.purchaseable %}</td>
</tr>
<tr>
    <td>Salable</td>
    <td>{% include "yesnolabel.html" with value=part.salable %}</td>
</tr>
{% if part.minimum_stock > 0 %}
<tr>
    <td>Minimum Stock</td>
    <td>{{ part.minimum_stock }}</td>
</tr>
{% endif %}
</table>

{% if part.notes %}
<div class="panel panel-default">
  <div class="panel-heading"><b>Notes</b></div>
  <div class="panel-body">{{ part.notes }}</div>
</div>
{% endif %}

{% endblock %}

{% block js_load %}
{{ block.super }}
<script type='text/javascript' src="{% static 'script/inventree/api.js' %}"></script>
<script type='text/javascript' src="{% static 'script/inventree/stock.js' %}"></script>
{% endblock %}

{% block js_ready %}
    {{ block.super }}
    $("#edit-part").click(function() {
        launchModalForm(
                        "{% url 'part-edit' part.id %}",
                        {
                            reload: true,
                        });
    });

    $('#delete-part').click(function() {
        launchDeleteForm(
                         "{% url 'part-delete' part.id %}",
                         {
                             redirect: {% if part.category %}"{% url 'category-detail' part.category.id %}"{% else %}"{% url 'part-index' %}"{% endif %}
                         });
    });

    $('#stocktake-part').click(function() {
        adjustStock({
            action: 'stocktake',
            query: {
                part: {{ part.id }},
            },
            success: function() {
                location.reload();
            }
        });
    });

{% endblock %}