@php
    $menuperm = Illuminate\Support\Facades\Session::get('menu_perm') ?? [];
    $roleperm = Illuminate\Support\Facades\Session::get('role_perm') ?? [];
@endphp
@extends('layouts.master')
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-6">
                    <h5 style="font-weight: bold;">ใบตรวจรับงาน QC</h5>
                </div>
                <div class="col-6 text-right">
                    <a href="#" class="btn btn-info" data-toggle="modal" data-target="#exampleModalCenter"><i
                            class="fas fa-plus-square"></i>เพิ่มข้อมูลจากใบ Order</a>
                </div>
            </div>
            <hr>
            <div class="row mt-5">
                <div class="col-12 table-responsive ">
                    <table id="tb_mat" class="table table-striped mt-5">
                        <thead class="thead-light">
                            <tr>
                                <td class="text-left">ลำดับ</td>
                                <td class="text-left">เลขที่เอกสาร</td>
                                <td class="text-left">วันที่เอกสาร</td>
                                <td class="text-left">เลขที่ Order</td>
                                <td class="text-left">สถานะเอกสาร</td>
                                <td class="text-left">ผู้แก้ไขล่าสุด</td>
                                <td class="text-left">เวลาแก้ไขล่าสุด</td>
                                <td class="text-center">แก้ไข</td>
                                <td class="text-center">PDF</td>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($HD as $key => $item)
                                <tr>
                                    <td class="text-left">{{ $key += 1 }}</td>
                                    <td class="text-left">{{ $item->XVQchDocNo }}</td>
                                    <td class="text-left">{{ $item->XDQchDocDate }}</td>
                                    <td class="text-left">{{ $item->XVQchDocNoB4 }}</td>
                                    <td class="text-left">{{ getDocStatusByCode($item->XVQchDocStatus) }}</td>
                                    <td class="text-left">{{ $item->XVWhoEdit }}</td>
                                    <td class="text-left">{{ $item->XTWhenEdit }}</td>
                                    <td class="text-center"><a href="{{ route('qc.edit', $item->XVQchDocNo) }}"
                                            class="btn-sm btn-info"><i class="fas fa-edit fa-1x"></i></a></td>
                                    <td class="text-center"><a href="#"  onclick="renderPdfNew('{{ route('qc.pdf', ['docNo' => $item->XVQchDocNo]) }}')"
                                            class="btn-sm btn-danger"><i class="fas fa-file-pdf fa-1x"></i></a></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg " role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">เลือกใบเอกสารใบสั่งผลิต ( Order )</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-2">
                    <div class="row ">
                        <div class="col-12 table-responsive ">
                            <table id="tb_matOrder" class="table table-striped  "
                                style="width:100%; min-height: 55vh;max-height:55vh;">
                                <thead class="thead-light">
                                    <tr>
                                        <th class="text-center"style="width: 5%">ลำดับ</th>
                                        <th class="text-center"style="width: 20%">วันที่เอกสาร</th>
                                        <th class="text-center"style="width: 40%">เลขที่ Order</th>
                                        <th class="text-center"style="width: 30%">Number</th>
                                        <th class="text-center"style="width: 5%">เลือก</th>
                                        {{--                                    <td class="text-right">รวมทั้งสิ้น</td> --}}

                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($RefHD as $key => $item)
                                        <tr>
                                            <td class="text-center" style="width: 5%">{{ $key += 1 }}</td>
                                            <td class="text-center" style="width: 20%">
                                                {{ date_YmdTodmY($item->XDOrhDocDate) }}</td>
                                            <td class="text-left" style="width: 40%">{{ $item->XVOrhDocNo }}</td>
                                            <td class="text-left" style="width: 30%">{{ $item->xvpdtname }}</td>
                                            <td class="text-center" style="width: 5%"><a
                                                    href="{{ route('qc.add', $item->XVOrhDocNo) }}" class="btn btn-info"><i
                                                        class="fas fa-plus-square"></i></a></td>


                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <input type="hidden" name="msg" value="{{ session()->get('msg') }}">
    <input type="hidden" id="url" value="{{ url('') }}">
@endsection
<style>
    #tb_mat thead {
        font-weight: bold;
    }

    #tb_mat tbody {
        font-size: 14px;
    }

    #tb_mat tbody tr:hover {
        background-color: azure;
    }

    #tb_mat tbody td {
        height: 35px;
        vertical-align: middle;
        cursor: pointer;
    }

    #tb_mat_filter {
        margin-bottom: 1cm;
        margin-top: 0.3cm;
    }
</style>
<script src="{{ asset('js/ThbNumber.js') }}"></script>
<script src="{{ asset('js/jquery-3.5.1.min.js') }}"></script>
<script src="{{ asset('js/sweetalert.min.js') }}"></script>
<script src="{{ asset('js/pdfmake.js') }}"></script>
<script src="{{ asset('js/pages/QC/pdf.js') }}"></script>
<script>
    $(document).ready(function() {


        $('#tb_matOrder').DataTable({
            "language": {
                "search": "ค้นหา"
            }
        });
        $('#tb_mat').DataTable({
            "language": {
                "search": "ค้นหา"
            }
        });
    })

    function setData(xvpdtcode, xvmatname) {
        $('#modal-form-material-mat input[name="xvpdtcode"]').val(xvpdtcode)
        $('#modal-form-material-mat .modal-title').text('เพิ่ม หน่วยนับ Material รหัส ' + xvpdtcode);
    }

    function del(id) {
        swal({
                title: "คุณต้องลบข้อมูลหรือไม่",
                // text: "Once deleted, you will not be able to recover this imaginary file!",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            .then((willDelete) => {
                if (willDelete == true) {
                    let formID = "frm_" + id
                    let frm = document.getElementById(formID)
                    frm.submit()
                }
            })
    }

    function del_Size(xvpdtcode, xvSizeName) {
        swal({
                title: "คุณต้องลบ Size :" + xvSizeName + " ของ Product รหัส " + xvpdtcode + " หรือไม่",
                // text: "Once deleted, you will not be able to recover this imaginary file!",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            .then((willDelete) => {
                if (willDelete == true) {
                    let formID = `pdt_${xvpdtcode}_size_${xvSizeName}`
                    let frm = document.getElementById(formID)
                    frm.submit()
                    // location.href = 'del_material_mat/' + xvpdtcode + '/' + xvuntcode + '';
                }
            })
    }
</script>