@extends('layouts.master')

@section('title')
    LT-168 :: รายชื่อผู้ใช้เอเยนต์
@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
                                <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>
                        </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">
                                        <button type="button" class="btn btn-outline-default btn-sm changePassword" data-item_id="{{ $agent->id }}">
                                            <i class="fas fa-unlock-alt"></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();

            $('.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');
            //         }
            //     });
            // });

        });
    </script>
@endsection