@extends('main')
@section('title', '首頁')
@section('main_content')
            <!-- Recent Sales Start -->
            <div class="container-fluid pt-4 px-4">
                <div class="bg-light text-left rounded p-4">
                    <div class="d-flex align-items-center justify-content-between mb-4">
                        <h6 class="mb-0">付款碼</h6>
                        <a href="setting_paycode_add">新增付款碼</a>
                    </div>
                    <div class="table-responsive" style="background-color: #FFF">
                        <table id="paycodelist" class="display" style="width:100%">
                            <thead>
                                <tr>
                                    <th>付款碼</th>
                                    <th>公司間轉移</th>
                                    <th>名稱</th>
                                    <th>備註</th>
                                    <th></th>
                                </tr>
                            </thead>
                            {{-- <tfoot>
                                <tr>
                                    <th></th>
                                    <th>First name</th>
                                    <th>Last name</th>
                                    <th>Position</th>
                                    <th>Office</th>
                                    <th>Start date</th>
                                    <th>Salary</th>
                                    <th></th>
                                </tr>
                            </tfoot> --}}
                        </table>
                    </div>
                </div>
            </div>
            <!-- Recent Sales End -->
@endsection
@section('footer_js')
<script>
    $(document).ready(function(){
        new DataTable('#paycodelist', {
            'dom': 'lrtip',
            ajax: {
                url: '/getpaycode',
                type: 'GET',
            },
            columns: [
                { data: 'icode', className: ""  },
                { data: 'company_transfer', className: "" },
                { data: 'name', className: "" },
                { data: 'memo', className: "" },
                {
                  "render": function ( data, type, full) {
                    return '<a href="/setting_paycode_edit/'+full['RowId']+'" class="btn btn-primary" role="button">編輯</a>' +
                    '<a href="javascript:;" onclick="do_delete('+full['RowId']+')" class="btn btn-danger" role="button">刪除</a>';
                  }
                },
            ],
            order: [[0, 'asc']],
            processing: true,
            serverSide: true
        });
        /* $('#paycodelist tbody').on('click', '.name', function () {
        var row = $(this).closest('tr');

        var data = table.row( row ).data().name;
        console.log(data);
        });


        $('#paycodelist tbody').on('click', '.position', function () {
        var row = $(this).closest('tr');

        var data = table.row( row ).data().position;
        console.log(data);
        }); */
    });

    function do_delete(id) {
        $.confirm({
            title: '注意!',
            content: '確定要刪除嗎!',
            buttons: {
                confirm: {
                    text: '確定',
                    action: function () {
                        $.ajax({
                            url: '/setting_paycode/'+id,
                            type: 'DELETE',
                            data: {
                                '_token': "{{ csrf_token() }}",
                            },
                            success: function(result) {
                                if (result.code=="Ok"){
                                    $.confirm({
                                        title: '成功!',
                                        content: '刪除成功!',
                                        buttons: {
                                            confirm: {
                                                text: '確定',
                                                action: function () {
                                                    location.href = '/setting_paycode';
                                                }
                                            }
                                        }
                                    });
                                }else{
                                    $.alert({
                                        title: '注意!',
                                        content: result.message,
                                    });
                                }
                            }
                        });
                    }
                },
                cancel: {
                    text: '取消',
                    action: function() {
                        //$.alert('Canceled!');
                    }
                },
            }
        });
    }
</script>
@endsection