{% extends "two_column.html" %}

{% load static %}
{% load i18n %}
{% load status_codes %}

{% block page_title %}
InvenTree | {% trans "Build Order" %} - {{ build }}
{% endblock %}

{% block pre_content %}
{% if build.sales_order %}
<div class='alert alert-block alert-info'>
    {% trans "This Build Order is allocated to Sales Order" %} <b><a href="{% url 'so-detail' build.sales_order.id %}">{{ build.sales_order }}</a></b>
</div>
{% endif %}
{% if build.parent %}
<div class='alert alert-block alert-info'>
    {% trans "This Build Order is a child of Build Order" %} <b><a href="{% url 'build-detail' build.parent.id %}">{{ build.parent }}</a></b>
</div>
{% endif %}
{% endblock %}

{% block thumbnail %}
<img class="part-thumb"
{% if build.part.image %}
src="{{ build.part.image.url }}"
{% else %}
src="{% static 'img/blank_image.png' %}"
{% endif %}/>
{% endblock %}

{% block page_data %}
<h3>
    {% trans "Build Order" %} {{ build }}
    {% if user.is_staff and roles.build.change %}
    <a  href="{% url 'admin:build_build_change' build.pk %}"><span title="{% trans 'Admin view' %}" class='fas fa-user-shield'></span></a>
    {% endif %}
</h3>
<h3>{% build_status_label build.status large=True %}</h3>
<hr>
<p>{{ build.title }}</p>
<div class='btn-row'>
    <div class='btn-group action-buttons'>
        {% if roles.build.change %}
        <button type='button' class='btn btn-default' id='build-edit' title='{% trans "Edit Build" %}'>
            <span class='fas fa-edit icon-green'/>
        </button>
        {% if build.is_active %}
        <button type='button' class='btn btn-default' id='build-complete' title='{% trans "Complete Build" %}'>
            <span class='fas fa-tools'/>
        </button>
        <button type='button' class='btn btn-default btn-glyph' id='build-cancel' title='{% trans "Cancel Build" %}'>
            <span class='fas fa-times-circle icon-red'/>
        </button>
        {% endif %}
        {% endif %}
        {% if build.status == BuildStatus.CANCELLED and roles.build.delete %}
        <button type='button' class='btn btn-default btn-glyph' id='build-delete' title='{% trans "Delete Build" %}'>
            <span class='fas fa-trash-alt icon-red'/>
        </button>
        {% endif %}
    </div>
</div>
{% endblock %}

{% block page_details %}

<h4>{% trans "Build Details" %}</h4>
<table class='table table-striped table-condensed'>
    <tr>
        <td><span class='fas fa-shapes'></span></td>
        <td>{% trans "Part" %}</td>
        <td><a href="{% url 'part-detail' build.part.id %}">{{ build.part.full_name }}</a></td>
    </tr>
    <tr>
        <td></td>
        <td>{% trans "Quantity" %}</td>
        <td>{{ build.quantity }}</td>
    </tr>
    <tr>
        <td><span class='fas fa-info'></span></td>
        <td>{% trans "Status" %}</td>
        <td>{% build_status_label build.status %}</td>
    </tr>
    <tr>
        <td><span class='fas fa-spinner'></span></td>
        <td>{% trans "Progress" %}</td>
        <td> {{ build.completed }} / {{ build.quantity }}</td>
    </tr>
    {% if build.parent %}
    <tr>
        <td><span class='fas fa-sitemap'></span></td>
        <td>{% trans "Parent Build" %}</td>
        <td><a href="{% url 'build-detail' build.parent.id %}">{{ build.parent }}</a></td>
    </tr>
    {% endif %}
    {% if build.sales_order %}
    <tr>
        <td><span class='fas fa-dolly'></span></td>
        <td>{% trans "Sales Order" %}</td>
        <td><a href="{% url 'so-detail' build.sales_order.id %}">{{ build.sales_order }}</a></td>
    </tr>
    {% endif %}
</table>
{% endblock %}

{% block js_ready %}

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

    $("#build-cancel").click(function() {
        launchModalForm("{% url 'build-cancel' build.id %}",
                        {
                            reload: true,
                            submit_text: "Cancel Build",
                        });
    });

    $("#build-complete").on('click', function() {
        launchModalForm(
            "{% url 'build-complete' build.id %}",
            {
                reload: true,
                submit_text: "Complete Build",
            }
        );
    });

    $("#build-delete").on('click', function() {
        launchModalForm(
            "{% url 'build-delete' build.id %}",
            {
                redirect: "{% url 'build-index' %}",
            }
        );
    });
    
{% endblock %}