@include ('core::components.datatable.table-control-button')

<div class="custom-datatable-wrapper">
    @include ('core::components.datatable.filter-box')
    <div class="card card-body">
        <input type="hidden" id="{{ $structure->getStructureName() }}-page" value="1">
        <div class="row">
            <div class="col-lg-2 col-sm-4">
                <div class="form-group">
                    <label>Data per Page</label>
                    <input type="number" id="{{ $structure->getStructureName() }}-perpage" min="5" max="100" class="form-control custom-datatable-filter" value="10">
                </div>
            </div>
            <div class="col-lg-3 col-sm-4">
                <div class="form-group">
                    <label>Sort By</label>
                    <select id="{{ $structure->getStructureName() }}-sortby" class="form-control custom-datatable-filter">
                                                @foreach($structure->structure as $ids => $structure)
                            @if($structure->orderable)
                                                                <option {{ $structure->default_order ? 'selected' : '' }} value="{{ $ids }}">{{ $structure->name }}</option>
                            @endif
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-lg-3 col-sm-4">
                <div class="form-group">
                    <label>Direction</label>
                    <select id="{{ $structure->getStructureName() }}-sortdir" class="form-control custom-datatable-filter">
                        <option value="asc" {{ $order_dir == 'asc' ? 'selected' : '' }}>Oldest First</option>
                        <option value="desc" {{ $order_dir == 'desc' ? 'selected' : '' }}>Newest First</option>
                    </select>
                </div>
            </div>
        </div>
        <div id="{{ $structure->getStructureName() }}-pagination-top" class="custom-pagination"></div>
        <div id="{{ $structure->getStructureName() }}" class="datatable-custom-view"></div>
        <div id="{{ $structure->getStructureName() }}-pagination-bottom" class="custom-pagination"></div>
    </div>
</div>