@extends('admin.main')
@include('widgets.datatables')
@section('content')
    <section id="basic-datatable">
        <div class="row style-member-list">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">會員列表</h4>
                        <div class="heading-elements">
                            <ul class="list-inline mb-0 d-flex align-items-center">
                                <li class="ml-2">
                                    @checkPerm(MEMBER_EDIT)
                                    <a class="btn btn-primary" href="{{ route('admin.member.show') }}">新增會員</a>
                                    @endcheckPerm
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card-body card-dashboard">
                        <div class="table-responsive">
                            <table class="table zero-configuration datatable_init"
                                   data-url="{{route('admin.member.get')}}"
                                   data-params="gid,status"
                            >
                                <thead>
                                    <tr>
                                        <th data-name="group_name">會員群組</th>
                                        <th data-name="id">會員編號</th>
                                        <th data-name="account">會員帳號</th>
                                        <th data-name="name">會員姓名</th>
                                        <th data-name="mobile">聯絡電話</th>
                                        <th data-name="status">狀態</th>
                                        <th data-name="type">註冊類型</th>
                                        <th data-name="last_login_time">最後登入時間</th>
                                        <th data-destroy_url="刪除,btn-light-danger delete" data-edit_url="編輯" >操作</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('js')
    <script>
        $(function () {
            let member_groups = @json($groupList);
            $('<label for="member_group"/>').text('會員群組').appendTo('.datatable-toolbar');
            let $select = $('<select id="gid" class="form-control datatable-reload" name="gid"/>').appendTo('.datatable-toolbar');
            $('<option value=""/>').text('全部').appendTo($select);
            $.each(member_groups, function (k, v) {
                let $option = $('<option/>');
                $option.val(v.id).text(v.name).appendTo($select);
            });

            $('<label for="status"/>').text('會員狀態').appendTo('.datatable-toolbar');
            let $status = $('<select id="status" class="form-control datatable-reload" name="status"/>').appendTo('.datatable-toolbar');
            $('<option value=""/>').text('全部').appendTo($status);
            $('<option value="1"/>').text('啟用').appendTo($status);
            $('<option value="0"/>').text('停用').appendTo($status);
        });
    </script>
@endpush