@extends('main')
@section('title', '首頁')
@section('main_content')
            <!-- Recent Sales Start -->
            <div class="container-fluid pt-4 px-4">
                <div class="bg-light text-center rounded p-4">
                    <div class="d-flex align-items-center justify-content-between mb-4">
                        <h6 class="mb-0">詢問</h6>
                        {{-- <a href="">Show All</a> --}}
                    </div>
                    <div class="table-responsive" style="background-color: #FFF">
                        <table id="tablelist" class="display" style="width:100%">
                            <thead>
                                <tr>
                                    <th>編號</th>
                                    <th>進線日</th>
                                    <th>業務</th>
                                    <th>系統</th>
                                    <th>全名</th>
                                    <th>電話號碼</th>
                                    <th>薪水</th>
                                    <th>地區</th>
                                    <th>重複筆數</th>
                                    <th>備註</th>
                                    <th>客戶數據</th>
                                    <th>客戶狀態</th>
                                    <th></th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
            <!-- Recent Sales End -->
@endsection
@section('footer_js')
<script>
    $(document).ready(function(){
        new DataTable('#tablelist', {
            //columnDefs: [{ searchable: false, visible: false, targets: 2 }],
            'dom': 'lrtip',
            ajax: {
                url: '/asklist',
                type: 'GET',
            },
            columns: [
                //{ data: null, orderable: false, searchable: false, render: DataTable.render.select()},
                { data: 'serId' },
                { data: 'create_date' },
                { data: 'agentline' },
                { data: 'isystem' },
                { data: 'name' },
                { data: 'gsm' },
                { data: 'income' },
                { data: 'zone' },
                { data: 'repetitions' },
                { data: 'memo' },
                { data: 'customer_data' },
                { data: 'istatus' },
                {
                  "render": function ( data, type, full) {
                    //return '<button type="button" class="btn btn-success" onclick="alert(\''+full['DT_RowId']+'\')">PAY</button>';
                    return '<a href="/ask/'+full['RowId']+'" class="btn btn-info" role="button">view</a>';
                  }
                },
            ],
            order: [[1, 'asc']],
            processing: true,
            serverSide: true
        });
        //
        //$('#tablelist').dataTable({searching: false, paging: false, info: false});
        //
        $('#example tbody').on('click', '.name', function () {
        var row = $(this).closest('tr');

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


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

        var data = table.row( row ).data().position;
        console.log(data);
        });
    });
</script>
@endsection