@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>
                <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: 10%;">รหัส</td>
                                <td style="width: 15%;">Item ID</td>
                                <td style="width: 20%;">ชื่อ</td>
                                <td style="width: 10%;text-align:center;">จำนวนคงคลัง</td>
                                <td style="width: 10%;text-align:center;">จำนวนเก็บต่ำสุด</td>
                                <td style="width: 10%;text-align:center;">จำนวนเก็บสูงสุด</td>
                                <td style="width: 10%;text-align:center;">สถานะ</td>
                                <td style="width:5%;text-align:center;">แก้ไข</td>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($datas as $data)
                                <tr class="">
                                    <td style="width: 10%;">{{ $data->xvmatcode }}</td>
                                    <td style="width: 15%;">{{ $data->xvmatid }}</td>
                                    <td style="width: 20%;">{{ $data->xvmatname }}</td>
                                    <td style="width: 10%;text-align:right;">{{ $data->XFINWha->Sumxistkqtyleft??0 }}</td>
                                    <td style="width: 10%;text-align:right;">{{ $data->XFSkuStkMin}}</td>
                                    <td style="width: 10%;text-align:right;">{{ $data->XFSkuStkMax }}</td>
                                    <td style="width: 10%;text-align:center;"
                                        class="
                               @switch($data->XINmmStatus)
                               @case(0)
                               text-warning
                                   @break
                               @case(1)
                               text-success
                                   @break
                           @endswitch
                               ">
                                        @switch($data->XINmmStatus)
                                            @case(0)
                                                รอดำเนินการ
                                            @break

                                            @case(1)
                                                จัดซื้อแล้ว
                                            @break
                                        @endswitch
                                    </td>
                                    <td style="text-align:center;">
                                        @switch($data->XINmmStatus)
                                            @case(0)
                                                <button type="button" class="btn btn-primary"
                                                    onclick="UpdateStetus('{{ $data->xvmatcode }} : {{ $data->xvmatname }}',{{ $data->XINmmStatus }},{{ $data->XINmmID }});">
                                                    <i class="fas fa-edit fa-1x"></i>
                                                </button>
                                            @break

                                            @case(1)
                                            @break
                                        @endswitch


                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="msg" value="{{ session()->get('msg') }}">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="POST" action="{{route('edit_NotiMaterial')}}" class="" style="padding: 0cm 0.5cm 0cm 0.5cm">

                <div class="modal-body">
                    @csrf
                    <label for=""></label>
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon3">สถานะ</span>
                        </div>

                        <select name="XINmmStatus" id="XINmmStatus" class="form-control">
                            <option value="0">รอดำเนินการ</option>
                            <option value="1">จัดซื้อแล้ว</option>
                        </select>
                        <input type="text" class="form-control" hidden id="XINmmID" name="XINmmID" value="">
                    </div>
              
                </div>
          
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">ปิด</button>
                    <button type="submit" class="btn btn-success" >บันทึก</button>
                </div>
            </div>
            </div>
        </div>
    </div>
@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": "ค้นหา"
            }
        });
    });

    function UpdateStetus(tt, Status, ID) {
        $('#exampleModalLabel').html(tt);
        $('#XINmmStatus').val(Status);
        $('#XINmmID').val(ID);
        $('#myModal').modal('show')
    }

    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>