@extends('layouts.master')
@section('title', 'Load Setting')
@push('styles')
    <style>
        .table-responsive .columns.columns-right.btn-group.float-right{
            /*right: 2px !important;*/
        }
    </style>
@endpush
    @section('content')
        <section class="main_section">
            <!-- Table Section -->
            <div class="scroll {{-- container --}}">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive user_tables">
                            <div id="custom_toolbar_user" class="float-right">
                                @can('template-settings-export')
                                    <div class="dropdown" data-toggle="tooltip" data-placement="bottom" title="Export data">
                                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i
                                                class="bi bi-download"></i> {{ __('Export') }}</button>
                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                            <a class="dropdown-item" href="#"
                                               onclick="exportTasks('load_setting',['id','name','description','created_at'],'csv')">CSV</a>
                                            <a class="dropdown-item" href="#"
                                               onclick="exportTasks('load_setting',['id','name','description','created_at'],'zip')">ZIP</a>
                                        </div>
                                    </div>
                                @endcan

                            </div>
                            <table id="bstable" data-ajax="ajaxRequestTemplates" data-side-pagination="server" table-for="template"
                                data-total-field="count" data-data-field="items" data-filter-control="true" data-show-button-text="true"
                                data-pagination="true" data-sortable="true" data-filter-control-placeholder="Search " data-toggle="table" data-show-columns="true"
                                table-for="memberActivityLogs" data-show-toggle="false" data-show-export="false"
                                class="table table-bordered" data-icons="icons" data-show-columns-toggle-all="false"
                                data-icons-prefix="bi" data-show-search-clear-button="true"
                                data-toolbar="#custom_toolbar_user" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                                <thead>
                                    <tr>
                                        <th data-field="id" data-filter-control="input" data-sortable="true" data-filter-control-placeholder=""
                                            data-switchable="true" class="id" data-width-unit="px">
                                            #</th>
                                        <th data-field="name" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="Name" class="name">
                                            {{ __('Name') }}
                                        </th>
                                        <th data-field="description" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="description"
                                            class="name">
                                            {{ __('Description') }}
                                        </th>
                                        <th data-field="created_at" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="Activity Time"
                                            class="created_date" data-visible="false">
                                            {{ __('Activity Time') }}
                                        </th>
                                        <th data-field="action" class="status">
                                            {{ __('Action') }}
                                        </th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                        <!-- End Table Section -->
                    </div>
                </div>

                <!-- END OF CONTENT AREA -->
            </div>
        </section>
    @endsection
    @push('scripts')
        <script src="{{ asset('backend/js/pages-js/template.js') }}"></script>
    @endpush