@extends('layouts.master')

@section('title')
    LT-99 :: รายชื่อผู้ใช้เอเยนต์
@endsection

@section('sub_title')
    จัดการผู้ใช้เอเยนต์
@endsection

@section('content')
    <form id="agent-form">
        @csrf
        <div class="row justify-content-center">

            <div class="col-md-12">
                <div class="card">
                    <div class="card-header border-0">
                        <div class="row align-items-center no-gutters mx-n1">
                            <div class="col-12 col-sm px-1">
                                <h3 class="mb-0">รายชื่อผู้ใช้เอเยนต์</h3>
                            </div>
                            @if (Auth::user()->position < 4)
                                <div class="col-auto text-right px-1 ml-auto">
                                    <a href="{{ route('manage.create') }}">
                                        <button type="button" class="btn btn-outline-default btn-sm"><i
                                                class="fas fa-plus"></i> เพิ่มเอเยนต์
                                        </button>
                                    </a>
                                </div>
                            @endif
                            @if(allowAddMember())
                                <div class="col-auto text-right px-1">
                                    <a href="#">
                                        <button type="button" class="btn btn-outline-danger btn-sm"><i
                                                class="fas fa-plus"></i> เพิ่มเมมเบอร์
                                        </button>
                                    </a>
                                </div>
                            @endif
                        </div>
                    </div>
                    <div class="table-responsive py-3">
                        <table id="agent-table" class="table table-sm table-hover">
                            <thead class="thead-light">
                            <tr>
                                <th class="align-middle text-center font-weight-bold">#</th>
                                <th class="align-middle text-center font-weight-bold">ชื่อผู้ใช้</th>
                                <th class="align-middle text-center font-weight-bold">ชื่อ - นามสกุล</th>
                                <th class="align-middle text-center font-weight-bold">สายงาน</th>
                                <th class="align-middle text-center font-weight-bold">ดำเนินการ</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($user as $key => $agent)
                                <tr>
                                    <td class="align-middle text-center font-weight-bold">{{ $key+1 }}</td>
                                    <td class="align-middle text-center font-weight-bold">{{ $agent->username }}</td>
                                    <td class="align-middle text-center font-weight-bold">{{ $agent->name }}</td>
                                    <td class="align-middle text-left font-weight-bold">{!! $agentUsernameLine[$agent->id] !!}</td>
                                    <td class="align-middle text-center font-weight-bold">
                                        @if ($agent->status)
                                        <button type="button" class="btn btn-outline-danger btn-sm" onclick="lockAgent(this)" data-item-status="0" data-item-id="{{ $agent->id }}" data-target="all">
                                            <i class="fas fa-users"></i> ล็อคทั้งสายงาน
                                        </button>
                                        <button type="button" class="btn btn-outline-danger btn-sm" onclick="lockAgent(this)" data-item-status="0" data-item-id="{{ $agent->id }}" data-target="single">
                                            <i class="fas fa-lock"></i> ล็อคการใช้งาน
                                        </button>
                                        @else
                                        <button type="button" class="btn btn-outline-success btn-sm" onclick="lockAgent(this)" data-item-status="1" data-item-id="{{ $agent->id }}" data-target="all">
                                            <i class="fas fa-users"></i> ปลดล็อคทั้งสายงาน
                                        </button>
                                        <button type="button" class="btn btn-outline-success btn-sm" onclick="lockAgent(this)" data-item-status="1" data-item-id="{{ $agent->id }}" data-target="single">
                                            <i class="fas fa-unlock"></i> ปลดล็อคการใช้งาน
                                        </button>
                                        @endif
{{--                                        <button type="button" class="btn btn-outline-default btn-sm changePassword" data-item_id="{{ $agent->id }}">--}}
{{--                                            <i class="fas fa-key"></i> แก้ไขรหัสผ่าน--}}
{{--                                        </button>--}}
                                        <a href="{{ route('manage.edit', $agent->id) }}" class="mr-2">
                                            <button type="button" class="btn btn-outline-info btn-sm">
                                                <i class="fas fa-user-cog"></i> ข้อมูลส่วนตัว
                                            </button>
                                        </a>
                                        <a href="{{ route('lotterySetting.index', $agent->id) }}" class="mr-2">
                                            <button type="button" class="btn btn-outline-warning btn-sm">
                                                <i class="fas fa-sliders-h"></i> ตั้งค่าอัตราส่วน
                                            </button>
                                        </a>
                                        <a href="{{ route('credit.index').'?username='.$agent->username }}"
                                           class="mr-2">
                                            <button type="button" class="btn btn-outline-success btn-sm">
                                                <i class="fas fa-wallet"></i> เครดิต
                                            </button>
                                        </a>
                                        {{-- <button type="button" class="btn btn-outline-danger btn-sm deleteItem" data-item_id="{{ $agent->id }}">
                                            <i class="fas fa-trash"></i> ลบเอเยนต์
                                        </button> --}}
                                        @if (Auth::user()->isAdmin() && $bypass)
                                            <button type="button" class="btn btn-outline-danger btn-sm login-bypass"
                                                    data-bypass-user-id="{{ $agent->id }}"
                                                    onclick="loginBypass(event, {{ $agent->id }})">
                                                <i class="fas fa-sign-in-alt"></i> เข้าสู่ระบบ (BETA)
                                            </button>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div class="modal fade" id="changePasswordModal" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <form id="changePasswordForm" class="modal-content bg-secondary">
                <div class="modal-header">
                    <h3 class="modal-title">แก้ไขรหัสผ่าน</h3>
                    <button class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">

                    <div class="form-group">
                        <label>เอเยนต์</label>
                        <input type="text" class="form-control" name="agentUsername" readonly="true" value="">
                    </div>

                    <div class="form-group">
                        <label>รหัสผ่านใหม่</label>
                        <input type="text" class="form-control" name="agentNewPassword"
                               placeholder="กรุณากรอกรหัสผ่านใหม่">
                    </div>

                </div>
                <div class="modal-footer justify-content-center">
                    <button class="btn btn-default" type="submit">
                        <i class="fas fa-save mr-1"></i> แก้ไขรหัสผ่าน
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        $(document).ready(function () {
            @if ($errors->any())
            swal('ขออภัย', '{{ $errors->first() }}', 'error');
            @enderror

            var baseUrl = '{{ url('/') }}';

            // genDatatable($('#agent-table'));
            const agentTable = $('#agent-table').DataTable({
                "pageLength": 100
            });

            $('.deleteItem').on('click', function () {
                var item_id = $(this).data('item_id');
                var table_row = $(this).closest('tr');
                swal('ยืนยันการลบเอเยนต์?', 'หากดำเนินการแล้วจะไม่สามารถกู้คืนข้อมูลได้', 'warning', {
                    buttons: ['ยกเลิก', 'ยืนยัน'],
                    dangerMode: true
                }).then((sure) => {
                    if (sure) {
                        $.ajax({
                            url: baseUrl + "/agent/manage/" + item_id,
                            method: 'DELETE',
                            dataType: 'json',
                            data: {},
                            success: function (data) {
                                if (data.success) {
                                    swalSuccess();
                                    agentTable.row(table_row).remove().draw();
                                } else {
                                    swalError(data.msg);
                                }
                            }
                        });
                    }
                });
            });

            var itemId;
            $(document).on('click', '.changePassword', function () {
                var passwordModal = $('#changePasswordModal');
                var tr = $(this).closest('tr');
                var username = tr.find('td:eq(1)').text();
                itemId = $(this).data('item_id');

                passwordModal.find('input[name="agentUsername"]').val(username);
                passwordModal.modal('show');
            });

            $('#changePasswordForm').on('submit', function (e) {
                e.preventDefault();
                var formData = $(this).serialize();

                $.ajax({
                    url: baseUrl + '/agent/manage/update/password/' + itemId,
                    method: 'PUT',
                    dataType: 'json',
                    data: formData,
                    success: function (data) {
                        if (data.success) {
                            swalSuccess();
                            $('#changePasswordModal').modal('hide');
                            $('#changePasswordForm')[0].reset();
                        } else {
                            swalError(data.msg);
                        }
                    }
                });
            });

            // $(document).on('click', '.login-bypass', function(){
            //     let bypassUserId = $(this).data('bypass-user-id');
            //     let postUrl = `{{ route('login.bypass') }}`;

            //     $.post(postUrl, {bypassUserId:bypassUserId}, function (res) {
            //         if(res.success){
            //             swal('เข้าสู่ระบบเรียบร้อย', ' ', 'success')
            //                 .then(() => location.reload());
            //         }else{
            //             swal('ไม่สามารถทำรายการได้', res.text, 'error');
            //         }
            //     });
            // });

        });

        async function lockAgent(el)
        {
            const self = $(el);
            const userId = self.data('item-id');
            const userStatus = self.data('item-status');
            const target = self.data('target');

            const formData = {
                userId: userId,
                status: userStatus,
                target: target,
            };

            const execute = await axios.post(`{{ route('agent.toggleLockUser') }}`, formData);

            const response = execute.data;

            if (!response.success) {
                return swal('ไม่สามารถทำรายการได้', 'กรุณาติดต่อทีม Support', 'error', { buttons: false });
            }

            return swal('ปรับสถานะเรียบร้อย', ' ', 'success', { buttons: false, timer: 1500 }).then(() => {
                window.location.reload();
            });
        }
    </script>
@endsection