{% load i18n %}

<div id='button-toolbar'>
    <div class='button-toolbar container-fluid' style='float: right;'>
        <div class='btn-group'>
            <button class='btn btn-default' id='stock-export' title='{% trans "Export Stock Information" %}'>
                <span class='fas fa-file-download'></span> {% trans "Export" %}
            </button>
            {% if read_only %}
            {% else %}
            {% if roles.stock.add %}
            <button class="btn btn-success" id='item-create'>
                <span class='fas fa-plus-circle'></span> {% trans "New Stock Item" %}
            </button>
            {% endif %}
            {% if roles.stock.change or roles.stock.delete %}
            <div class="btn-group">
                <button id='stock-options' class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{% trans "Options" %}<span class="caret"></span></button>
                <ul class="dropdown-menu">
                    {% if roles.stock.change %}
                    <li><a href="#" id='multi-item-add' title='{% trans "Add to selected stock items" %}'><span class='fas fa-plus-circle'></span> {% trans "Add stock" %}</a></li>
                    <li><a href="#" id='multi-item-remove' title='{% trans "Remove from selected stock items" %}'><span class='fas fa-minus-circle'></span> {% trans "Remove stock" %}</a></li>
                    <li><a href="#" id='multi-item-stocktake' title='{% trans "Stocktake selected stock items" %}'><span class='fas fa-check-circle'></span> {% trans "Count stock" %}</a></li>
                    <li><a href='#' id='multi-item-move' title='{% trans "Move selected stock items" %}'><span class='fas fa-exchange-alt'></span> {% trans "Move stock" %}</a></li>
                    <li><a href='#' id='multi-item-order' title='{% trans "Order selected items" %}'><span class='fas fa-shopping-cart'></span> {% trans "Order stock" %}</a></li>
                    {% endif %}
                    {% if roles.stock.delete %}
                    <li><a href='#' id='multi-item-delete' title='{% trans "Delete selected items" %}'><span class='fas fa-trash-alt'></span> {% trans "Delete Stock" %}</a></li>
                    {% endif %}
                </ul>
            </div>
            {% endif %}
            {% endif %}
        </div>
        <div class='filter-list' id='filter-list-stock'>
            <!-- An empty div in which the filter list will be constructed -->
        </div>
    </div>
</div>

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