@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">
                        สรุป
                    </h4>
                </div>
                <!--col-->
                <div class="col-sm-7 pull-right">
                    <div class="btn-toolbar float-right">
                        <a href="{{ url('admin/planbook/btotalsize') }}" class="btn btn-success ml-1" data-toggle="tooltip"
                            title="แยก Size">แยก Size</a>
                        <a href="{{ url('admin/planbook/balance') }}" class="btn btn-danger ml-1" data-toggle="tooltip"
                            title="กลับ"><i class="fas fa-caret-square-left"></i></a>
                    </div>
                </div>
                <!--col-->
                <div class="col-sm-7 pull-right">
                </div>
                <!--col-->
            </div>
            <div class="row ">
                <div class="col-12 d-flex flex-row p-2">
                    <div style="vertical-align: text-bottom;"> ค้นหาจากวันที่</div>
                    <div class="col-2">
                        <input type="date" class="form-control " id="min" name="min">
                    </div>
                    <div style="vertical-align: text-bottom;"> ถึง</div>
                    <div class="col-2 ">
                        <input type="date" class="form-control" id="max" name="max">
                    </div>

                    <button id="filterSubmit" class="btn btn-success ml-1"> ค้นหา</button>

                </div>
            </div>
            <!--row-->

            <div class="row mt-4">
                <div class="col">
                    <div class="table-responsive ">
                        <table class="table display" id="datatable" style="width:100%">
                            <thead>
                                <tr>
                                    <th style="width:20%">Item Number</th>
                                    <th style="width:8%">Group</th>
                                    <th style="width:8%">Cut</th>
                                    <th style="width:8%">ออกตัดด้าย</th>
                                    <th style="width:8%">Wip</th>
                                    <th style="width:8%">PK</th>
                                    <th style="width:8%">Box</th>
                                    <th style="width:8%">ซ่อม</th>
                                    <th style="width:8%">RJ</th>
                                    <th style="width:8%">Over OH</th>
                                    <th style="width:8%">OH</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 src="{{ asset('js/pdfmake.js') }}"></script>
    <script src="{{ asset('js/pages/CstPo/vfs_fonts.js') }}"></script>
    <script src="{{ asset('js/pages/blance/pdfbtotal.js') }}"></script>
    <script src="{{ asset('js/BAHTTEXT.js') }}"></script>
    <script src="//cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>
    <script>
        $(document).ready(function() {
            getdata("{{ url('') }}/admin/planbookgetdata7");
            $('#filterSubmit').click(function() {
            var min = $('#min').val();
            var max = $('#max').val()
            $('#datatable').DataTable().destroy();
            if (min == "" || max == "") {
                getdata("{{ url('') }}/admin/planbookgetdata7");
            } else {
                getdata("{{ url('') }}/admin/planbookgetdatabtotal/" + min + "/" + max);
            }


        });
        })
        function getdata(urls) {
            var min = $('#min').val();
            var max = $('#max').val()
            var title = ""
            var tTitlePDF = ""
            var DConvertMin  = new Date(Date.parse(min)).toLocaleDateString('th')
            var DConvertMax   = new Date(Date.parse(max)).toLocaleDateString('th')

            if (min == "" || max == "") {
                title = "รายงาน สรุปตรวจสอบ Order จากวันที่ ทั้งหมด ถึง ทั้งหมด"
                tTitlePDF  =  "จากวันที่ ทั้งหมด ถึง ทั้งหมด"
            } else {
                title = "รายงาน สรุปตรวจสอบ Order จากวันที่ " + DConvertMin + " ถึง " + DConvertMax
                tTitlePDF = "จากวันที่ " + DConvertMin + " ถึง " + DConvertMax
            }
            $('#datatable').DataTable({
                // "processing": true,
                // "serverSide": true,
                "scrollX": true,
                pageLength: 10,
                "ajax": {
                    // url: "{{ url('') }}/admin/planbookgetdata7",
                    url: urls,
                },
                buttons: [{
                        text: 'ส่งออก PDF',
                        action: function(e, dt, node, config) {
                            renderPdf(urls,tTitlePDF)

                        }
                    },

                    {
                        extend: 'excelHtml5',
                        title: 'Report',
                        text: 'ส่งออก Excel',
                        titleAttr: 'Export Excel',
                        "oSelectorOpts": {
                            filter: 'applied',
                            order: 'current'
                        },
                        /* ----- BEGIN added Code ----- */
                        customize: function(xlsx) {

                            var sheet = xlsx.xl.worksheets['sheet1.xml'];
                            var downrows = 1;
                            var clRow = $('row', sheet);
                            //update Row
                            clRow.each(function() {
                                var attr = $(this).attr('r');
                                var ind = parseInt(attr);
                                ind = ind + downrows;
                                $(this).attr("r", ind);
                            });

                            // Update  row > c
                            $('row c ', sheet).each(function() {
                                var attr = $(this).attr('r');
                                var pre = attr.substring(0, 1);
                                var ind = parseInt(attr.substring(1, attr.length));
                                ind = ind + downrows;
                                $(this).attr("r", pre + ind);
                            });

                            function Addrow(index, data) {
                                msg = '<row r="' + index + '">'
                                for (i = 0; i < data.length; i++) {
                                    var key = data[i].k;
                                    var value = data[i].v;
                                    msg += '<c t="inlineStr" r="' + key + index + '" s="42">';
                                    msg += '<is>';
                                    msg += '<t>' + value + '</t>';
                                    msg += '</is>';
                                    msg += '</c>';
                                }
                                msg += '</row>';
                                return msg;
                            }
                            //insert
                            var r1 = Addrow(1, [{
                                k: 'A',
                                v: title
                            }]);
                            sheet.childNodes[0].childNodes[1].innerHTML = r1 + sheet
                                .childNodes[0].childNodes[1].innerHTML;
                        }
                        /* ----- END added Code ----- */
                    }


                ],
                "columnDefs": [{
                        "targets": 0, // เลขที่
                        "className": "text-left",
                    },
                    {
                        "targets": 1, // เลขที่
                        "className": "text-left",
                    },
                    {
                        "targets": 2, // เลขที่
                        "className": "text-right",
                    },
                    {
                        "targets": 3, // เลขที่
                        "className": "text-right",
                    },
                    {
                        "targets": 4, // เลขที่
                        "className": "text-right",
                    },
                    {
                        "targets": 5, // เลขที่
                        "className": "text-right",
                    },
                    {
                        "targets": 6, // เลขที่
                        "className": "text-right",
                    },
                    {
                        "targets": 7, // เลขที่
                        "className": "text-right",
                    },
                    {
                        "targets": 8, // เลขที่
                        "className": "text-right",
                    },
                    {
                        "targets": 9, // เลขที่
                        "className": "text-right",
                    },
                    {
                        "targets": 10, // เลขที่
                        "className": "text-right",
                    },
                ],
                "columns": [{
                        data: 'itemn'
                    },
                    {
                        data: 'gitem'
                    },
                    {
                        data: 'cut1'
                    },
                    {
                        data: 'cutdy'
                    },
                    {
                        data: 'wip1'
                    },
                    {
                        data: 'pk'
                    },
                    {
                        data: 'box1'
                    },

                    {
                        data: 'fix'
                    },
                    {
                        data: 're'
                    },

                    {
                        data: 'ooo'
                    },
                    {
                        data: 'oh'
                    },
                ],
            });
        }
    </script>
@endsection