@extends('layouts.master')

@section('title', 'Members')


    @section('content')
        <section class="main_section">
            <div class="scroll">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive user_tables">
                            <div id="custom_toolbar_user" class="d-flex float-right">
                                @can('members-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 id="exportTaskList" class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                            <a class="dropdown-item d-block" href="javascript:void(0)"
                                               onclick="exportTasks('member_list',['member_id','username','email','name','rank','status','bravo','created_at','last_login_date'],'csv')">CSV</a>
                                            <a class="dropdown-item d-block" href="javascript:void(0)"
                                               onclick="exportTasks('member_list',['member_id','username','email','name','rank','status','bravo','created_at','last_login_date'],'zip')">ZIP</a>
                                        </div>
                                    </div>
                                @endcan
                            </div>
                            <table class="table table-bordered member-table" id="bstable" data-toggle="table" table-for="members"
                                data-ajax="ajaxRequest" data-side-pagination="server" data-pagination="true"  data-show-button-text="true"
                                data-total-field="count" data-data-field="items" data-show-columns="true"
                                data-show-toggle="false" data-show-export="false" data-filter-control="true"
                                data-show-columns-toggle-all="false"
                                data-export-options='{"fileName": "{{ config('app.APP_NAME') . ' - Members - ' . date(' d/m/Y-H:m:s') }}"}'
                                data-page-list="[10, 25, 50, 100, 200, 500]" 
                                data-icons-prefix="bi" data-icons='icons' data-show-search-clear-button="true" data-silent-sort="false"
                                data-toolbar="#custom_toolbar_user" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                                <thead>
                                    <tr>
                                        <th data-field="member_id" data-filter-control="input"  data-filter-control-placeholder="Id"  data-switchable="true">{{ __('Id') }}</th>
                                        <th data-field="username" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="Username">{{ __('Username') }} </th>
                                        <th data-field="name" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="Name">{{ __('Name') }}</th>
                                        <th data-field="email" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="Email">{{ __('Email') }}</th>
                                        <th title="rank" data-field="rank" data-filter-control="select" data-filter-data="var:rank" data-filter-control-placeholder="Rank">{{ __('Rank') }} </th>
                                        <th title="status" data-field="status" data-filter-control="select" data-filter-strict-search="true" data-filter-control-placeholder="Status" data-filter-data="var:statusFilterArray" data-formatter="userStatusFormat">{{ __('Status') }} </th>
                                        <th title="bravo" data-field="bravo" data-filter-control="select" data-filter-strict-search="true" data-filter-control-placeholder="Status" data-filter-data="var:bravoFilterArray" data-formatter="brevoStatusFormat">{{ __('Brevo') }} </th>
                                        <th data-field="created_at" data-filter-control="input" class="created_date" data-sortable="true" data-filter-control-placeholder="Registration Time">{{ __('Registration Time') }} </th>
                                        <th data-field="last_login_date" data-filter-control="input" class="last_login_date" data-filter-control-placeholder="Last Login Time">{{ __('Last Login Time') }} </th>

                                        <th data-field="action" class="action">
                                            {{ __('Action') }} </th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <!-- End Table Section -->

                    </div>
                </div>

                <!-- END OF CONTENT AREA -->
            </div>
        </section>
        <input type="hidden" value="{{ route('admin.member.records') }}" id="records">
    @endsection
    @push('scripts')
        <script src="{{ asset('backend/js/pages-js/member.js') }}"></script>
    @endpush