{% extends '@RxConnexion/Admin/content.html.twig' %}
{% block content %}
    <div class="row max-width-initial">
        <div class="small-12 columns">
            <div class="content-container has-loading">
                <div class="content-container-content hide">
                    <div class="row max-width-initial">
                        <div class="large-3 medium-4 columns">
                            <div class="input-group">
                                <label class="input-group-label">Status</label>
                                <select class="input-group-field" id="transferInventoryFilter-status">
                                    <option value="all" selected>All</option>
                                    <option value="New" {{ status == 'New' ? 'selected' : '' }}>New</option>
                                    <option value="Pending Approval" {{ status == 'Pending Approval' ? 'selected' : '' }}>Pending Approval</option>
                                    <option value="Pending Final Approval" {{ status == 'Pending Final Approval' ? 'selected' : '' }}>Pending Final Approval</option>
                                    <option value="Approved" {{ status == 'Approved' ? 'selected' : '' }}>Approved</option>
                                    <option value="For Receiving" {{ status == 'For Receiving' ? 'selected' : '' }}>For Receiving</option>
                                    <option value="Completed" {{ status == 'Completed' ? 'selected' : '' }}>Completed</option>
                                    <option value="Rejected" {{ status == 'Rejected' ? 'selected' : '' }}>Rejected</option>
                                </select>
                            </div>
                        </div>
                        <div class="large-9 medium-8 columns text-right">
                            {% if userData.type == 'Super Admin' or 'Admin Transfer Inventory New' in userData.accesses %}
                                <label class="middle"><a class="href-new-action" href="{{ path('transfer_inventory_form') }}">Transfer Supplies</a></label>
                            {% endif %}
                        </div>
                    </div>
                    <table class="display responsive" id="transferInventory-datalist" width="100%">
                        <thead>
                        <tr>
                            <th>SRS No.</th>
                            <th>Date</th>
                            <th>Origin</th>
                            <th>Destination</th>
                            <th>Status</th>
                            <th>No. of Items</th>
                            <th>Notes</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {% include '@RxConnexion/Admin/js.html.twig' %}
    <script language="javascript">
        //<![CDATA[
        transferInventory.settings.ajaxUrl = '{{ path('transfer_inventory_ajax_list') }}';
        jQ(document).ready(transferInventory.init);
        //]]>
    </script>
{% endblock %}