@php
    use Illuminate\Support\Facades\DB;
    $today = Carbon\Carbon::now()->format('d-m-Y');
    $data = DB::table('torder_cuspo')
        ->select(DB::raw('count(XVOrderIn) AS CXVOrderIn,XVOrderMItemNo,XDDateIn,XDDateSent,XVPoCusName'))
        ->where(DB::raw('(XDPoNum)'), '<', DB::raw('(XIIONum)'))
        ->where('XVOrderIn', '!=', null)
        ->groupBy('XVOrderMItemNo')
        ->get()
        ->toArray();
@endphp
<style>
    .swal-text {
        max-height: 60vh;
        overflow: auto;
        min-width: 90%;
        text-align: center;
    }
</style>


<div class="form-group row mt-2">
    <label class="col-sm-2 col-form-label">รหัส</label>
    <div class="col-sm-4">
        <input type="text" class="form-control" name="XVFihDocNo" value="{{ $oldHD->XVFihDocNo ?? getTempPKGen('FI') }}"
            readonly>
    </div>
    <label class="col-md-4  col-xl-2 col-form-label">วันที่เอกสาร</label>
    <div class="col">
        <div class="input-group">
            <input class="form-control " readonly name="XDFihDocDate" width="150" id="datepicker" autocomplete="off"
                value="{{ isset($oldHD->XDFihDocDate) ? date_YmdTodmY($oldHD->XDFihDocDate) : dateToday() }}"
                style="background-color: #fff;">
        </div>
    </div>
</div>
<div class="form-group row ">
    <label class="col-sm-2 col-form-label">ชื่อผู้เบิก</label>
    <div class="col-sm-8">
        @component('Components.Users', ['isRequired' => true, 'oldValue' => $oldHD->XVFihExaminer ?? null])
        @endcomponent
    </div>
</div>
<div class="form-group row mt-2">
    <label class="col-sm-2 col-form-label">รหัสอ้างอิง</label>
    <div class="col-sm-8">
        <input type="text" class="form-control" id="XVFihRefPO" name="XVFihRefPO"
            value="{{ $oldHD->XVFihRefPO ?? '' }}">
    </div>
    <div class="input-group-append">
        <a href="#" class="btn btn-info" data-toggle="modal" data-target="#exampleModalCenter">
            <i class="fas fa-plus-square"></i> เพิ่ม</a>
    </div>
</div>
<div class="form-group row ">
    @component('FI.components.rmk', ['XVFihDocRmk' => $oldHD->XVFihDocRmk ?? ''])
    @endcomponent

</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">
                <div class="row ">
                    <div class="col-12 table-responsive ">
                        <table id="tb_matOrder" class="table table-striped " style="width:100%";>
                            <thead class="thead-light">
                                <tr>
                                    <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-right">รวมทั้งสิ้น</td> --}}
                                    <td class="text-left">เลือก</td>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($data as $key => $item)
                                    <tr>
                                        <td class="text-left">{{ $key += 1 }}</td>
                                        <td class="text-left">{{ $item->XVOrderMItemNo }}</td>
                                        <td class="text-left">{{ $item->XDDateIn }}</td>
                                        <td class="text-left">{{ $item->XDDateSent }}</td>
                                        <td class="text-left">{{ $item->XVPoCusName }}</td>
                                        {{--                                        <td class="text-right">{{number_format($item->XFPohNet,2)}}</td> --}}
                                        <td class="text-left">

                                            <a href="#" class="btn btn-info"
                                                onclick="FN_CheckPOCust('{{ $item->XVOrderMItemNo }}')"><i
                                                    class="fas fa-edit fa-1x"></i>
                                            </a>

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

<script>
    $(document).ready(function() {
        FN_GetDataForRef();
    });



    async function FN_GetDataForRef() {
        let currentUrl = document.getElementById('urlGlobal').value;
        let url = `${currentUrl}/api/TorderCuspo/GetDataForRef`
        await fetch(url)
            .then(response => response.json())
            .then(async data => {
                console.log(data);
            });
    }

    async function FN_CheckPOCust(XVOrderMItemNo) {
        let currentUrl = document.getElementById('urlGlobal').value;
        let url = `${currentUrl}/api/TorderCuspo/CheckPOCust/${XVOrderMItemNo}`
        await fetch(url)
            .then(response => response.json())
            .then(async data => {
                console.log(data);
                if (data.ststus == false) {
                    switch (data.errorcode) {
                        case '001':

                            console.log(data);
                            var text = "\n"
                            for (let index = 0; index < data.listerror.length; index++) {

                                text +=
                                    `${data.listerror[index].xvpdtcode} ขนาด ${data.listerror[index].XVPszName} \n`
                            }
                            await swal("พบข้อผิดพลาด", `ไม่พบสินค้า ${text}`,
                                "warning");
                            break;
                        case '002':
                            var text = "\n"
                            for (let index = 0; index < data.listerror.length; index++) {

                                text +=
                                    `${data.listerror[index].xvpdtcode} ขนาด ${data.listerror[index].XVPszName} \n`
                            }
                            swal("พบข้อผิดพลาด",
                                `ไม่พบสิ้นค้าในความเคลื่อนไหวสินค้า\n ${text}`,
                                "warning");
                            break;
                        default:
                            break;
                    }

                } else {
                    document.getElementById('XVFihRefPO').value = XVOrderMItemNo;
                    const elements = document.getElementsByClassName("dtItems");
                    while (elements.length > 0) {
                        elements[0].parentNode.removeChild(elements[0]);
                    }
                    for (let index = 0; index < data.data.length; index++) {
                        createProduct(data.data[index].XVStyle, data.data[index].XVStyle + ":" + data.data[
                                index].XVOrderIn, data.data[index].XVStVkSize, data.data[index]
                            .StockQty, data.data[index].XIIONum)

                    }

                    updateCurrentDT();


                    $('#exampleModalCenter').modal('hide');
                }

            });
    }
</script>