{% extends "part/category.html" %}

{% load i18n %}
{% load inventree_extras %}
{% load static %}

{% block menubar %}
{% include 'part/category_navbar.html' with tab='subcategories' %}
{% endblock %}

{% block category_content %}

<div class='panel panel-default panel-inventree'>
    
    <div class='panel-heading'>
        <h4>{% trans "Subcategories" %}</h4>
    </div>

    <div id='button-toolbar'>
        <div class='button-toolbar container-fluid' style='float: right;'>

            <div class='filter-list' id='filter-list-category'>
                <!-- An empty div in which the filter list will be constructed -->
            </div>
        </div>
    </div>

    <table class='table table-striped table-condensed' id='subcategory-table' data-toolbar='#button-toolbar'></table>

</div>
{% endblock %}

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

    enableNavbar({
        label: 'category',
        toggleId: '#category-menu-toggle',
    });

    loadPartCategoryTable($('#subcategory-table'), {
        params: {
            {% if category %}
            parent: {{ category.pk }}
            {% else %}
            parent: 'null'
            {% endif %}
        }
    });

{% endblock %}
