@extends('layouts.master')
@php
    $menuperm = Illuminate\Support\Facades\Session::get('menu_perm') ?? [];
@endphp

@section('header')
    <link href="{{ asset('css/gijgo.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/select2.min.css') }}" rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('css/select2-bootstrap4.min.css') }}">
@endsection
<style>
    div.sticky {
        position: sticky;
        top: 0;
        background-color: #ffffff;
        padding-top: 8px;
        z-index: 100;
    }

    form.noStyle {
        margin: 0;
    }

    .btn-circle.btn-sm {
        width: 30px;
        height: 30px;
        padding: 6px 0px;
        border-radius: 15px;
        font-size: 8px;
        text-align: center;
    }

    .form-control {
        display: inline-block !important;
    }

    tr:hover {
        background-color: #f5f5f5;
    }
</style>
@section('content')
    <form action="{{ route('order.updateStatus') }}" method="POST" style="margin: 0" onkeypress="return event.keyCode != 13;"
        id="updateForm" onsubmit="event.preventDefault(); return Swal_Ask('{{ getDocStatusByCode(3) }}',this)">
        @csrf
        <div class="col-1 text-left">
            <input type="hidden" class="form-control" name="XVOrhDocNo" value="{{ $hd->XVOrhDocNo }}" readonly
                id="XVOrhDocNo2">
            <input type="hidden" class="form-control" id="eventRequest" name="eventRequest" value="3" readonly>
            <input type="hidden" class="form-control" id="docStatus" name="docStatus" value="{{ $DocStatus }}" readonly>
        </div>
    </form>

    <form action="{{ route('order.update') }}" method="POST" id="Form_Submit" enctype="multipart/form-data" class="noStyle"
        onsubmit="event.preventDefault(); return Swal_CheckStock(this)">
        @csrf
        @method('PUT')
        <div class="card ">
            <div class="card-body">
                <div class="sticky">

                    {{-- <div class="col">

                            <h5 style="display: inline-block" class="mr-2">ฟอร์มแก้ไขข้อมูล Order</h5>
                            <select class="form-control col-5" id="XVPdtType" name="XVPdtType" required style="display: inline-block">
                                <option @if (isset($hd) && $hd->XVPdtType == '1') selected @endif value="1">กางเกง</option>
                                <option @if (isset($hd) && $hd->XVPdtType == '2') selected @endif value="2">เสื้อ/แจ็คเก็ต</option>
                            </select>
                        </div> --}}

                    {{-- check Redirect --}}
                    @if (in_array(9, $menuperm))
                        @php
                            $routeBack = 'order.index';

                        @endphp

                        {{-- @else
                            @php
                                $routeBack = 'Approve.order';
                            @endphp --}}
                    @endif

                    @component('order.components.HandleDocStatus', [
                        'routeBack' => $routeBack,
                        'DocStatus' => $DocStatus,
                        'hd' => $hd,
                        'bFilter' => $bFilter ?? false,
                    ])
                    @endcomponent


                    <hr>

                </div>
                <div class="row">
                    <div class="col">
                        <h5>ข้อมูลเอกสาร</h5>
                    </div>
                    <div class="col " style="text-align: right">
                        <label for="" class="mr-2 fontsi">Master Item Version : {{ $hd->XIPdtVersion }}</label>
                    </div>
                </div>

                @php
                    $readoly = '';
                    switch ($DocStatus) {
                        case '1':
                            $readoly = '';
                            break;
                        case '2':
                            $readoly = 'style=pointer-events:none;';
                            break;
                        case '3':
                            $readoly = 'style=pointer-events:none;';
                            break;
                        case '4':
                            return 'ขอแก้ไข';
                            break;
                        case '5':
                            $readoly = 'style=pointer-events:none;';
                        case '6':
                            $readoly = 'style=pointer-events:none;';
                            break;
                        default:
                            return ' ';
                            break;
                    }

                @endphp
                <div class="row border " {{ $readoly }}>

                    <div class="col border-right ">

                        @component('order.components.hd', ['oldHD' => $hd, 'xvpdtcode' => $xvpdtcode])
                        @endcomponent
                    </div>
                    <div class="col border-right ">

                        @component('Components.Customer', ['oldValue' => $hd->XVCstCode])
                        @endcomponent
                    </div>

                </div>
                <div class="row border">
                    <div class="col-6 border-right ">

                        @component('order.components.dt', ['oldDT' => $dt])
                        @endcomponent

                    </div>
                    <div class="col">
                        @component('order.components.cost', ['oldValue' => $hd])
                        @endcomponent
                    </div>
                </div>
                <div class="row">
                    <div class="col border " id="detail">

                        @component('MasterItem.components.comment_detail', ['oldHD' => $hd])
                        @endcomponent
                    </div>

                    <div class="col border  ">

                        @component('MasterItem.components.comment_description', ['oldHD' => $hd])
                        @endcomponent
                        @component('order.components.upload', ['oldPicture' => $imgUrl])
                        @endcomponent
                    </div>

                </div>
            </div>
        </div>
        </div>
    </form>
    <input type="hidden" value="{{ $xvpdtcode }}" id="oldSelectedPdtCode">
@endsection
<script src="{{ asset('js/helper.js') }}"></script>
<script src="{{ asset('js/jquery-3.5.1.min.js') }}"></script>
<script src="{{ asset('js/gijgo.min.js') }}" defer type="text/javascript"></script>
<script src="{{ asset('js/select2.min.js') }}" defer></script>
<script src="{{ asset('js/sweetalert.min.js') }}"></script>
<script src="{{ asset('js/pages/Order/form.js') }}"></script>
<script src="{{ asset('js/ThbNumber.js') }}"></script>
<script src="{{ asset('js/pdfmake.js') }}"></script>
<script src="{{ asset('js/pages/Order/pdf.js') }}"></script>
<script></script>

<script>
    async function Swal_Ask(text, form) {
        
        let resp = swal({
            title: `ยืนยันการ ${text} ?`,
            text: "หากยืนยันแล้วไม่สามารถเปลี่ยนแปลงได้",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
        let isOk = await resp
        if (isOk) form.submit();
    }
    async function ChackUpdataVerSionMasterItem() {
        let resp = swal({
            title: `ยืนยันการ  ?`,
            text: "หากยืนยันแล้วไม่สามารถเปลี่ยนแปลงได้",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
        let isOk = await resp
        if (isOk) {
            let XVOrhDocNo = document.getElementById('XVOrhDocNo2').value;
            let currentUrl = document.getElementById('urlGlobal').value;
            let url = `${currentUrl}/api/Order/CheckUpdateVerSionMasterItem/${XVOrhDocNo}`
            console.log(url);
            await $.ajax(url, // request url
                {
                    success: function(data) {
                        if (data.Status == "true") {
                            let oSuccsee = swal({
                                title: `ปรับปรุงข้อมูลสำเร็จ`,
                                icon: "success",
                                dangerMode: true,
                            });
         
                            location.reload();
             
                        } else {
                            let oFails = swal({
                                title: `ไม่มีการปรับปรุงข้อ?`,
                                icon: "warning",
                                dangerMode: true,
                            });
                        }

                    }
                });
        };
    }

    async function updateStatus(statusCode, text) {
        const ApproveForm = document.getElementById("updateForm");
        const eventRequest = document.getElementById("eventRequest");
        if (statusCode != 3) {
            let resp = swal({
                title: `ยืนยันการ ${text} ?`,
                text: "หากยืนยันแล้วไม่สามารถเปลี่ยนแปลงได้",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            });
            let isOk = await resp
            if (isOk) {
                let XVOrhDocNo = document.getElementById('XVOrhDocNo2').value;
                let currentUrl = document.getElementById('urlGlobal').value;
                let url = `${currentUrl}/order/ChecktorderInOut/${XVOrhDocNo}`
                var texts = "";

                await $.ajax(url, // request url
                    {
                        success: function(data) {
                            if (data.length > 0) {
                                texts = `ใบสั่งผลิต ${XVOrhDocNo} ถูกนำไป `;
                                for (let index = 0; index < data.length; index++) {
                                    if (index == data.length - 1) {
                                        texts = texts + data[index].Status;
                                    } else {
                                        texts = texts + data[index].Status + " , ";
                                    }


                                }

                                texts = texts + ` แล้ว \nคุณต้องการยกเลิกใช้งานหรือไม่?`;
                            }


                        }
                    });
                if (text != "") {
                    let resps = swal({
                        title: `ยืนยันการ ${text} ?`,
                        text: texts,
                        icon: "warning",
                        buttons: true,
                        dangerMode: true,
                    });
                    let isOks = await resps
                    if (isOks) {
                        eventRequest.value = statusCode
                        ApproveForm.submit();
                    }
                } else {
                    eventRequest.value = statusCode
                    ApproveForm.submit();
                }
            };
        } else {
            let XVOrhDocNo = document.getElementById('XVOrhDocNo2').value;
            let currentUrl = document.getElementById('urlGlobal').value;
            let url = `${currentUrl}/order/checkcost/${XVOrhDocNo}`
            var texts = "";
            console.log(url);
            await $.ajax(url, // request url
                {
                    success: function(data) {
                        console.log(data);
                        for (let index = 0; index < data.length; index++) {
                            texts = texts + " ต้นทุนขนาด " + data[index].XVPszName + " = " + FN_GetBath(
                                data[index].Sums) + " บาท \n"
                        }
                    }
                });

            let resp = swal({
                title: `ยืนยันการ ${text} ?`,
                text: texts,
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            let isOk = await resp
            if (isOk) {
                eventRequest.value = statusCode
                ApproveForm.submit()
            };
        }
    }

    $(document).ready(function() {
        updateTotalSumQty();
        const OldItem = document.getElementById('oldSelectedPdtCode').value;
        TriggerChange(OldItem);
        let dataSize = $("#SelectMasterItems").find('option:selected').attr('data-Size');
        dataSize = JSON.parse(dataSize);
        let selectSize = document.getElementById('SelectedTempSize');
        for (let i = 0; i < dataSize.length; i++) {
            let opt = document.createElement('option');
            const size = dataSize[i].XVPszName;
            opt.value = size;
            opt.innerHTML = size;
            selectSize.appendChild(opt);
        }
        var oldList = document.getElementsByClassName("dtItems")
        let oldArr = [];
        for (let i = 0; i < oldList.length; i++) {
            oldArr.push(oldList[i].id)
        }
        updateIndex(oldArr.length)
        TriggerChangeSize(oldArr)

    })
</script>

<script>
    async function Swal_CheckStock(form) {
        let currentUrl = document.getElementById('urlGlobal').value;
        let array_name = [];
        var rows = $('.dtItems').length;
        var OMatCodeALL;
        var OOrmFactorALL;
        var OMatIDALL;
        var bOverStock = false;

        for (let index = 0; index < rows; index++) {
            OMatCodeALL = document.getElementsByName(`xvmatcode[${index}][]`);
            OOrmFactorALL = document.getElementsByName(`XIOrmFactor[${index}][]`);
            OMatIDALL = document.getElementsByName(`xvmatid[${index}][]`);
            for (let indexrow = 0; indexrow < OMatCodeALL.length; indexrow++) {
                var b = true;
                var indexss;
                for (let indexarray = 0; indexarray < array_name.length; indexarray++) {
                    if (array_name[indexarray][0] == OMatCodeALL[indexrow].value) {
                        b = false;
                        indexss = indexarray;
                    }
                }
                if (b == true) {
                    array_name.push([OMatCodeALL[indexrow].value, parseFloat(OOrmFactorALL[indexrow].value),
                        OMatIDALL[indexrow].value
                    ]);
                } else {
                    array_name[indexss][1] = array_name[indexss][1] + parseFloat(OOrmFactorALL[indexrow].value)
                }
            }
        }
        var texts = "รายการวัสดุไม่เพียงพอ \n";

        for (let index = 0; index < array_name.length; index++) {
            let url = `${currentUrl}/order/checkoutgoing/{{ $hd->XVOrhDocNo }}/${array_name[index][0]}`
            await fetch(url)
                .then(response => response.json())
                .then(async data => {
                    if (data.length == 0) {
                        texts = texts + array_name[index][2] + " = " + FN_GetBath(array_name[index][1]) +
                            "\n"
                        bOverStock = true;

                    } else {
                        console.log(array_name[index][0], array_name[index][1], data[0].xistkqtyleft,
                            array_name[index][1] > data[0].xistkqtyleft);
                        if (array_name[index][1] > data[0].xistkqtyleft) {
                            texts = texts + array_name[index][2] + " = " + FN_GetBath(array_name[index][1] -
                                data[0].xistkqtyleft) + "\n"
                            bOverStock = true;
                        }
                    }


                    // console.log(data[0].xvmatcode);
                });
            if (index == array_name.length - 1) {
                if (bOverStock == true) {
                    let resp = swal({
                        title: `ยืนยันการบันทึกเอกสาร`,
                        text: texts,
                        icon: "warning",
                        buttons: true,
                        dangerMode: true,
                    })
                    let isOk = await resp
                    if (isOk) form.submit();
                } else {
                    form.submit();
                }
            }
        }

        //         console.log("adasdasdasda",bOverStock);


    }

    function FN_GetBath(price) {


        return (Math.round(price * 100) / 100).toLocaleString('en-US', {
            minimumFractionDigits: 2,
            maximumFractionDigits: 2
        });
    }
</script>