@extends('layouts.master')
@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
@php
$menuperm = Illuminate\Support\Facades\Session::get('menu_perm') ?? [];
@endphp
<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('rm.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="XVRmhDocNo" value="{{ $hd->XVRmhDocNo }}" readonly>
            <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('rm.update', ['DocNo' => $hd->XVRmhDocNo]) }}" method="POST" id="Form_Submit" class="noStyle"
        onsubmit="event.preventDefault(); return validateForm()">
        @csrf
        @method('PUT')
        <div class="card ">
            <div class="card-body">
                <div class="sticky">
                    <div class="row ">
                        @php
                            $routeBack = 'rm.index';
                        @endphp
                        <div class="col-12">
                             @component('RM.components.HandleDocStatus', ['routeBack' => $routeBack, 'DocStatus' => $DocStatus, 'hd' => $hd])
                                <input type="hidden" id="isView" value="true" readonly>
                                <div class="col-1 text-left">
                                    <a href="#" type="button" class="btn btn-info"
                                        onclick="renderPdf('{{ route('gi.pdf', ['docNo' => $hd->XVRmhDocNo]) }}')"><i
                                            class="far fa-file-pdf"></i> PDF</a>
                                    <input type="hidden" id="url" value="{{ url('') }}">
                                </div>
                            </div>
                        @endcomponent
                    </div>
                    <hr>
                </div>
                <h5>ข้อมูลเอกสาร</h5>

                <div class="row border">

                    <div class="col border-right ">

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

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

                        @if ($hd->XVRmhDocNoGI == "")
                        @component('RM.components.dtMat',['oldDT' => $dt])
                        @endcomponent
                       @else
                        @component('RM.components.dt', ['oldDT' => $dt])
                        @endcomponent
                        @endif
                      

                    </div>

                </div>
            </div>
        </div>
        </div>
    </form>
    {{-- <input type="hidden" value="{{ $xvpdtcode }}" id="oldSelectedPdtCode"> --}}
    <input type="hidden" name="msg" value="{{ session()->get('msg') }}">
@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/RM/form.js') }}"></script>
<script src="{{asset('js/pages/RM/formEmpty.js')}}"></script>
<script src="{{ asset('js/ThbNumber.js') }}"></script>
<script src="{{ asset('js/pdfmake.js') }}"></script>
<script src="{{ asset('js/pages/RM/pdf.js') }}"></script>
<script>
    // SelectMasterItems
</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 updateStatus(statusCode, text) {
        console.log(statusCode)
        const ApproveForm = document.getElementById("updateForm");
        const eventRequest = document.getElementById("eventRequest");

        const XIOrdBalance = getArrayInput('XIOrdBalance[]');
        const XIGidQty = getArrayInput('XIGidQty[]');
        let state = true;
        for (let i = 0; i < XIOrdBalance.length; i++) {
            const CurrentBlanace = XIOrdBalance[i];
            const CurrentGidQty = XIGidQty[i];
            if (+CurrentGidQty > +CurrentBlanace) {
                state = false;
                break;
            }
        }
        if (state) {
            let resp = swal({
                title: `ยืนยันการ ${text} ?`,
                text: "หากยืนยันแล้วไม่สามารถเปลี่ยนแปลงได้",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            let isOk = await resp
            if (isOk) {
                eventRequest.value = statusCode
                ApproveForm.submit()
            }
        } else {
            let resp = swal({
                title: "จำนวนคงเหลือ น้อยกว่าจำนวนที่เบิก",
                text: "ยืนยันหรือไม่ ?",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            let isOk = await resp
            if (!!isOk) {
                let resp = swal({
                    title: `ยืนยันการ ${text} ?`,
                    text: "หากยืนยันแล้วไม่สามารถเปลี่ยนแปลงได้",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                let isOk = await resp
                if (isOk) {
                    eventRequest.value = statusCode
                    ApproveForm.submit()
                }
            }
        }



    }

    $(document).ready(function() {
        if ($('input[name="msg"]').val() == 'IsNotBalanced') {
            swal("เกิดข้อผิดพลาด", "กรุณาทำรายการยอดยกมาวัสดุของเดือนที่แล้วก่อนทำการอนุมัติ", "warning");
        }
        if ($('input[name="msg"]').val() == 'IsDocDateNotNow') {
            swal("เกิดข้อผิดพลาด", "วันที่เอกสารไม่ถูกต้อง", "warning");
        }
 
        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>