{% extends "build/build_base.html" %}
{% load static %}
{% load inventree_extras %}

{% block page_title %}
InvenTree | Allocate Parts
{% endblock %}

{% block details %}

{% include "build/tabs.html" with tab='allocate' %}

<h4>Allocate Parts for Build</h4>

<div class='row'>
    <div class='col-sm-6'>
    </div>
    <div class='col-sm-6'>
        <div class='btn-group' style='float: right;'>
                <button class='btn btn-primary' type='button' title='Automatic allocation' id='auto-allocate-build'>Auto Allocate</button>
                <button class='btn btn-warning' type='button' title='Unallocate build stock' id='unallocate-build'>Unallocate</button>
        </div>
    </div>
</div>
<hr>

<div class='row'>
    <div class='col-sm-6'>
        <h4>Part</h4>
    </div>
    <div class='col-sm-2'>
        <h4>Available</h4>
    </div>
    <div class='col-sm-2'>
        <h4>Required</h4>
    </div>
    <div class='col-sm-2'>
        <h4>Allocated</h4>
    </div>
</div>

{% for bom_item in bom_items.all %}
{% include "build/allocation_item.html" with item=bom_item build=build collapse_id=bom_item.id %}
{% endfor %}


{% endblock %}

{% block js_load %}
{{ block.super }}
<script src="{% static 'script/inventree/part.js' %}"></script>
<script src="{% static 'script/inventree/build.js' %}"></script>
{% endblock %}

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

    {% for bom_item in bom_items.all %}

    loadAllocationTable(
        $("#allocate-table-id-{{ bom_item.sub_part.id }}"),
        {{ bom_item.sub_part.id }},
        "{{ bom_item.sub_part.full_name }}",
        "{% url 'api-build-item-list' %}?build={{ build.id }}&part={{ bom_item.sub_part.id }}",
        {% multiply build.quantity bom_item.quantity %},
        $("#new-item-{{ bom_item.sub_part.id }}")
    );

    {% endfor %}

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

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

{% endblock %}