@extends('layouts.master')
@section('content')
<div class="card" style="max-height: 89vh;overflow: auto;">
    <div class="card-body">
        <div class="sticky">
            <div class="row">
                <div class="col">
                    <h5 style="font-weight: bold">รายการใบสั่งผลิด(วัสดุไม่เพียงพอ)</h5>
                </div>
                {{-- <div class="col text-right">
                    <a href="{{route('form_add_customer')}}" class="btn btn-success"><i class="fas fa-plus-square"></i>
                เพิ่มข้อมูล</a>
            </div> --}}
        </div>
        <hr>
    </div>
    <div class="row mt-5">
        <div class="col-12">
            <table id="tb_customer" class="table table-striped table-sm text-sm" style="width:100%">
                <thead>
                    <tr>
                        <td style="width:8%">วันที่เอกสาร</td>
                        <td style="width: 10%">เลขที่ใบสั่งผลิต</td>
                        <td style="width: 10%">รหัสวัสดุ</td>
                        <td style="text-align:center;">Item ID</td>
                        <td style="text-align:center;">ชื่อ</td>
                        <td style="width: 10%;text-align:center;">จำนวนที่ขาด</td>

                        <td style="width: 10%;text-align:center;">ทราบ</td>

                    </tr>
                </thead>
                <tbody>
                    @foreach ($oLists as $data)

                    <tr class="">
                        <td style="">{{ date_format(date_create($data->XTWhenCreate),"d/m/Y")}}</td>
                        <td style="">{{$data->XVOrhDocNo}}</td>
                        <td style="">{{$data->xvmatcode}}</td>
                        <td style="">{{$data->xvmatid}}</td>
                        <td style="">{{$data->xvmatname}}</td>
                        <td style="text-align:right;">{{number_format($data->XFOndQtyAll - $data->XFOndQtyAllAF,2)}}</td>
                        <td style="text-align:center; margin-top:0;">
                            <div class="form-check form-switch">
                                <input class="" type="checkbox" id="CheckBox_{{$data->XVOrhDocNo}}_{{$data->xvmatcode}}" @if($data->XBOndIsnoted) checked disabled @endif
                                onclick="calc('{{$data->XVOrhDocNo}}','{{$data->xvmatcode}}','CheckBox_{{$data->XVOrhDocNo}}_{{$data->xvmatcode}}');"
                                >

                            </div>
                        </td>

                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
</div>
<input type="hidden" name="msg" value="{{session()->get('msg')}}">
@endsection
<style>
    div.sticky {
        position: sticky;
        top: 0;
        background-color: #ffffff;
        padding-top: 8px;
        z-index: 100;
    }

    #tb_customer thead {
        font-weight: bold;
        text-align: left;
    }

    #tb_customer tbody {
        font-size: 14px;
        text-align: left;
        font-weight: 400;
    }

    #tb_customer tbody tr {
        cursor: pointer;
    }

    #tb_customer tbody tr:hover {
        cursor: pointer;
        background-color: azure;
    }

    #tb_customer tbody td {
        vertical-align: middle;
    }

    #tb_customer a {
        padding: 0.2cm 0.2cm 0.2cm 0.2cm;
        color: white;
    }

    #tb_customer i {
        text-align: center
    }

    #tb_customer_filter {
        margin-bottom: 1cm;
    }
</style>
<script src="{{asset('js/jquery-3.5.1.min.js')}}"></script>
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script>
    $(document).ready(function() {
        if ($('input[name="msg"]').val() == 'success') {
            swal("บันทึกข้อมูลเรียบร้อย", "คลิก ตกลง", "success");
        }
        if ($('input[name="msg"]').val() == 'busy') {
            swal("ไม่สามารถลบได้", "ข้อมูลที่เลือกถูกใช้ในข้อมูลอื่น", "warning");
        }
        if ($('input[name="msg"]').val() == 'Duplicate') {
            swal("ไม่สามารถเพิ่ม / แก้ไขข้อมูลได้", "ข้อมูลที่เพิ่ม / แก้ไขมีชื่อลูกค้านี้แล้วภายในระบบ", "warning");
        }
        $('#tb_customer').DataTable({
            "order": [],
            "language": {
                "search": "ค้นหา"
            }
        });
    });

    async function calc(a, b, ID) {

        if (document.getElementById(ID).checked) {
            const AppUrl = document.getElementById('urlGlobal').value;
            const url = `${AppUrl}/OrderNotEnough/Enough/${a}/${b}`
            await fetch(url)
                .then(response => response.json())
                .then(async data => {
                    if (data.BSatus) {
                        swal("บันทึกข้อมูลเรียบร้อย", "คลิก ตกลง", "success");
                        document.getElementById(ID).disabled = 'true'
                    } else {
                        swal("เกิดข้อผิดพลาด", "คลิก ตกลง", "error");
                    }
                })
                .catch(error => {
                    swal("เกิดข้อผิดพลาด", "คลิก ตกลง", "error");
                })
                ;


        }
    }

    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) {
                    location.href = 'del_customer/' + id + '';
                } else {
                    console.log('no')
                }
            })
    }
</script>