@extends('layouts.admin')

        @section('title', env('APP_NAME') . ' | Scan รับงานฟอก')

        @section('content')
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-5">
                            <h4 class="card-title mb-0">
                                รายการที่ Import File PO
                            </h4>
                        </div><!--col-->
                        <div class="col-sm-7 pull-right">
                            <div class="btn-toolbar float-right">
                                <a href="{{ route('admin.sendimportfile.create') }}" class="btn btn-success ml-1 active" data-toggle="tooltip" title="เพิ่มข้อมูล"><i class="fas fa-plus-circle"></i> เพิ่มข้อมูล</a>
                            </div>
                        </div><!--col-->
                        <div class="col-sm-7 pull-right">
                        </div><!--col-->
                    </div><!--row-->
                    @php
                        // dd("test ScBox");

                    @endphp
                    <div class="row mt-4">
                        <div class="col">
                            <div class="table-responsive " >
                                <table class="table display" id="datatable"  style="width:100%">
                                    <thead>
                                    <tr>
                                        <th>เลขที่</th>
                                        <th>วันที่รับ</th>
                                        <th>วันที่ส่ง</th>
                                        <th>Po Number</th>
                                        <th>Item Number</th>
                                        <th>Item Name</th>
                                        <th>Description</th>
                                        <th>Color</th>
                                        <th>Size</th>
                                        <th>จำนวน</th>
                                        <th>ราคาหลังหักส่วนลด</th>
                                        <th>Price</th>
                                        {{-- <th>Status</th> --}}
                                        <th>แก้ไข</th>
                                        <th>ลบ</th>
                                    </tr>
                                    </thead>
                                </table>
                            </div>
                        </div><!--col-->
                    </div><!--row-->
                    <div class="row">
                        <div class="col-7">
                            <div class="float-left">
                                {{-- {!! $roles->total() !!} {{ trans_choice('labels.backend.access.roles.table.total', $roles->total()) }} --}}
                            </div>
                        </div><!--col-->
                        <div class="col-5">
                            <div class="float-right">
                                {{-- {!! $roles->render() !!} --}}
                            </div>
                        </div><!--col-->
                    </div><!--row-->
                </div><!--card-body-->
            </div><!--card-->
        @endsection

        @section('styles')
            <link href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css" rel="stylesheet" />
        @endsection
        @section('scripts')
            <script>
                $(document).ready(function() {
                    $('#datatable').DataTable( {
                        // "processing": true,
                        // "serverSide": true,
                        pageLength: 10,
                        "ajax": {
                            url : "{{url('')}}/admin/sendImportgetdata",
                            data:{location:5} ,

                        },

                        "columnDefs": [
                            {
                                "targets": 0, // your case first column
                                "className": "text-center",
                            },
                            {
                                "targets": 1, // your case first column
                                "className": "text-center",
                            },
                            {
                                "targets": 2, // your case first column
                                "className": "text-center",
                            },
                            {
                                "targets": 3, // your case first column
                                "className": "text-left",
                            },
                            {
                                "targets": 4, // your case first column
                                "className": "text-left",
                            },
                            {
                                "targets": 5, // your case first column
                                "className": "text-left",
                            },
                            {
                                "targets": 6, // your case first column
                                "className": "text-left",
                            },
                            {
                                "targets": 7, // your case first column
                                "className": "text-left",
                            },
                            {
                                "targets": 8, // your case first column
                                "className": "text-right",
                            },
                            {
                                "targets": 9, // your case first column
                                "className": "text-right",
                            },
                            {
                                "targets": 10, // your case first column
                                "className": "text-right",
                            },
                            {
                                "targets": 11, // your case first column
                                "className": "text-center",
                            },
                            {
                                "targets": 12, // your case first column
                                "className": "text-center",
                            },

                        ],
                        "columns": [
                            { data: 'XVCusId'},
                            {
                                render: function(data, type, full ,meta){

                                        return moment(full.XDDateIn).format("DD-MM-YYYY");
                                }
                            },
                            {
                                render: function(data, type, full ,meta){

                                        return moment(full.XDDateSent).format("DD-MM-YYYY");
                                }
                            },
                            { data: 'XVOrderMItemNo'},
                            { data: 'XVStyle'},
                            { data: 'XVOrderIn'},
                            { data: 'XVSta'},
                            { data: 'XVColor'},
                            { data: 'XVStVkSize'},
                            { data: 'XIIONum'},
                            { data: 'XVIOSKUin'},
                            { data: 'XDPrice'},


                            // {
                            // render: function (data, type, full, meta ) {
                            //     if(full.XVSta=="1"){
                            //             return '<span class="badge badge-success" style="cursor:pointer">ok</span>'
                            //         }else{
                            //             return '<span class="badge badge-danger" style="cursor:pointer">no</span>'
                            //         }
                            // }
                            // },
                            {
                            render: function (data, type, full, meta ) {
                                // console.log(full);
                                return ' <a href="{{url('admin/sendImportfile/edit')}}/'+full.XVCusId+'" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="แก้ไข"><i class="fas fa-edit"></i></a>';

                            }
                            },
                            {
                            render: function (data, type, full, meta ) {
                                // console.log(full);
                                return ' <a href="{{url('admin/sendImportfile/del')}}/'+full.XVCusId+'" class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="ลบ"><i class="fas fa-trash-alt"></i></a>';
                                // return ' <a href="{{url('admin/scannfg/del')}}/'+full.XIIOID+'" class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="ลบ"><i class="fas fa-trash-alt"></i></a>';
                            }
                            }

                        ],
                    } );
                })
            </script>
        @endsection