@extends('layouts.admin')

{{-- @section('title', env('APP_NAME') . ' | Scan รับงานฟอก') --}}
@php
    // dd($data[0]->XVOrderDocNo);
    // dd($rec);
@endphp
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}" />
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-4">
                    <h4 class="card-title mb-0">
                        รายละเอียด รับงาน FG
                    </h4>
                </div>
                <div class="col-sm-4 pull-center">
                    <div class="d-flex">
                        <div class="m-auto">
                            <div class="btn-toolbar float-center">
                                <button href="" class="btn btn-success ml-1" onclick="FN_SenData()"
                                    title="ส่งข้อมูล"><i class="fas fa-paper-plane"></i> ส่งข้อมูล</button>

                            </div>
                        </div>
                    </div>

                    {{-- <div class="btn-toolbar float-right">
                        <a href="{{ url('admin/order/report') }}" class="btn btn-info ml-2" data-toggle="tooltip" title="พิมพ์"><i class="fas fa-print"></i></a>
                    </div> --}}
                </div>
                <div class="col-sm-4 pull-right">
                    <div class="btn-toolbar float-right">

                        <a href="{{ url('admin/scannfg') }}" class="btn btn-danger ml-1" data-toggle="tooltip"
                            title="กลับ"><i class="fas fa-caret-square-left"></i></a>
                    </div>
                    {{-- <div class="btn-toolbar float-right">
                        <a href="{{ url('admin/order/report') }}" class="btn btn-info ml-2" data-toggle="tooltip" title="พิมพ์"><i class="fas fa-print"></i></a>
                    </div> --}}
                </div>
                <!--col-->
                <div class="col-sm-7 pull-right">
                </div>
                <!--col-->
            </div>
            <!--row-->

            <div class="row mt-4">
                <div class="col">
                    <div class="table-responsive ">
                        <table class="table table-hover " style="width:100%" id="div_func">
                            <thead>
                                <tr>
                                    <th width=5% style="text-align:center">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="chk_all"
                                                onclick="FN_SelectALL()">
                                            <label class="form-check-label" for="flexCheckDefault">
                                                เลือก
                                            </label>
                                        </div>
                                    </th>
                                    <th width=10% style="text-align:center">NO</th>
                                    <th width=10% style="text-align:center">เลขที่สั่งผลิต</th>
                                    <th width=10% style="text-align:center">วันที่บันทึก</th>
                                    <th width=10% style="text-align:left">Item Number</th>
                                    <th width=8% style="text-align:center">Size</th>
                                    <th width=5% style="text-align:center">โต๊ะ</th>
                                    <th width=10% style="text-align:right">จำนวน</th>
                                    <th width=10% style="text-align:left">ชื่อโรงตัดด้าย</th>
                                    <th width=7% style="text-align:left">ส่งข้อมูล</th>
                                    <th width=5% style="text-align:center">แก้ไข</th>
                                    <th width=5% style="text-align:center">ลบ</th>
                                </tr>
                            </thead>
                           
                            <tbody>
                                @foreach ($data as $d)
                                    <tr>
                                        <td style="text-align:center"><input type="checkbox" name="ID[]" id="chk"
                                                value="{{ $d->XIIOID }}" onclick="FN_SelectDetail()"  @if($d->XBIsSendDataToQC) disabled  @endif >
                                        </td>
                                        <td style="text-align:center">{{ $d->XIIOID }}</td>
                                        <td style="text-align:center">{{ $d->XVOrderDocNo2 }}</td>
                                        <td style="text-align:center">
                                            {{ \Carbon\Carbon::parse($d->XDIODate)->format('d-m-y') }}</td>
                                        <td style="text-align:left">{{ $d->XVOrderIn }}</td>
                                        <td style="text-align:center">{{ $d->XVStVkSize }}</td>
                                        <td style="text-align:center">{{ $d->XIOrderTableCode }}</td>
                                        <td style="text-align:right">{{ $d->XIIONum }}</td>
                                        <td style="text-align:left">{{ $d->XVOinoutNote }}</td>
                                        <td style="text-align:left">{{ $d->XBIsSendDataToQC ? 'ส่งแล้ว' : 'ยังไม่ส่ง' }}
                                        </td>
                                        <td style="text-align:center"><a
                                                href="{{ url('admin/scannfg/edit') }}/{{ $d->XIIOID }}"
                                                class="btn btn-primary" data-toggle="tooltip" data-placement="top"
                                                title="กดเพื่อแก้ไข"><i class="fas fa-edit"></i></a></td>
                                        <td style="text-align:center"><a
                                                href="{{ url('admin/scannfg/dele') }}/{{ $d->XIIOID }}"
                                                class="btn btn-danger" data-toggle="tooltip" data-placement="top"
                                                title="กดเพื่อลบ"><i class="fas fa-trash"></i></a></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--col-->
            </div>
            <!--row-->
            <div class="row ">

            </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() {

        });

        function FN_SelectALL() {
            $('#div_func tbody tr  input:checkbox').each(function() {
                if (!this.disabled)
                {
                    this.checked = document.getElementById("chk_all").checked
                }


            });
        }

        function FN_SelectDetail() {
            var bAll = true;
            $('#div_func tbody tr  input:checkbox').each(function() {
                if (!this.checked) {
                    bAll = false;
                }
            });
            document.getElementById("chk_all").checked = bAll
        }

        function FN_SenData() {
            const DocID = [];
            let _token = $('meta[name="csrf-token"]').attr('content');
            $('#div_func tbody tr  input:checkbox').each(function() {
                if (this.checked) {
                    DocID[DocID.length] = this.value;
                }
            });
            if (DocID.length == 0) {
                Swal.fire({
                    icon: 'error',
                    title: 'เกิดข้อผิดพลาด',
                    text: 'กรุณาเลือกรายการอย่างน้อย 1 รายการ'

                });
            } else {
                Swal.fire({
                    title: 'ยืนยันการทำรายการ?',
                    text: "คุณต้องการทำส่งข้อมูลหรือไม่!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'ยืนยัน',
                    cancelButtonText: 'ยกลิก'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: "{{ url('/api/SendToPhase2/FG')}}",
                            type: "POST",
                            data: {
                                _token:_token,
                                Id: DocID,
                            },
                            success: function(msg) {
                                console.log(msg);
                                Swal.fire(
                                    'สำเร็จ!',
                                    'success'
                                )
                            }
                        });





                    }
                })
            }

        }
    </script>
@endsection