@include("frontend.content_manager.category.create-category-form")
<div class="text-center user_tables">
    <!-- Search filter -->
    <div id="custom_toolbar_user" class="float-right">
        <div class="btn-group float-right" role="group" data-toggle="tooltip" data-placement="top" title="Export data">
            <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="fa fa-download"></i>
            </button>
            <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1" id="exportTasklist">
                <li><a class="dropdown-item" href="#" onclick="exportTasks('category_cm',['counter','name','parent_id','status'],'csv')">CSV</a></li>
                <li><a class="dropdown-item" href="#" onclick="exportTasks('category_cm',['counter','name','parent_id','status'],'zip')">ZIP</a></li>
            </ul>
        </div>
        <a data-toggle="tooltip" data-placement="top" title="Add new category" class="btn btn-secondary text-white showArchive btnNewRecord" id="btnNewRecord" href="javascript:void(0);"><i class="fas fa-plus"></i></a>
        <a data-toggle="tooltip" data-placement="top" title="Back to category" class="btn btn-secondary text-white showUsers float-right mr-66 d-none mar-right" onclick="switchUserRecords('index')"><i class="fas fa-undo"></i></a>
        <a data-toggle="tooltip" data-placement="top" title="Show archived" class="btn btn-secondary text-white showArchive" onclick="switchUserRecords('archive')"><i class="fas fa-archive"></i></a>


    </div>
    <table class="table-striped table table-bordered" id="bstable" data-filter-control="true" data-show-search-clear-button="true" data-pagination="true" data-sortable="true" data-sticky-header="true" data-sticky-header-offset-y="197" data-toggle="table" data-show-columns="true" table-for="userManagement" data-show-toggle="false" data-show-export="false" data-export-types="['json', 'xml', 'csv', 'txt', 'sql', 'excel', 'pdf']" data-toolbar="#custom_toolbar_user" data-show-columns-toggle-all="true" data-export-options='{"fileName": "{{ config('app.name') . ' - Categories - ' . date('d/m/Y-H:m:s') }}"}' data-ajax="ajaxRequestAllCategory" data-side-pagination="server" data-total-field="count" data-data-field="items" data-show-search-clear-button="true" data-search-time-out="2000">
        <thead>
            <tr>
                <th title="#" data-field="counter" data-sortable="true" data-width="75" data-width-unit="px">#</th>
                <th data-field="name" data-filter-control="select" data-sortable="true" class="name">
                    {{ __('Parent Category') }}
                </th>
                <th data-field="parent_id" data-filter-control="input" data-sortable="true" class="parent_id">
                    {{ __('Category') }}
                </th>
                <th data-field="action" data-switchable="true" data-width="100" data-force-hide="true">Actions</th>
            </tr>
        </thead>
        <tbody>

        </tbody>


    </table>
</div>
@push('scripts')
<script src="{{ asset('frontend/js/pages-js/content-manager-category.js') }}"></script>
<script src="{{ asset('frontend/js/pages-js/frontend-archive.js') }}"></script>
@endpush