@extends('layouts.admin')

@section('title', env('APP_NAME') . ' |  รายงาน Stock (ค้าง)  ')

@section('content')

        <div class="row">
            <div class="col">
                <div class="card">
                    <div class="card-header text-white bg-dark">
                            รายงาน Stock (ค้าง)
                    </div><!--card-header-->
                     <div class="card-body">
                            <table  class="table table-bordered ">
                                    <thead class="text-white bg-secondary ">
                                        <tr >
                                            <th>ลำดับ</th>
                                            <th>เลขที่ Order</th>
                                            <th>Size</th>
                                            <th>เลขที่ Barcode</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>xxxxxx</td>
                                            <td>xx</td>
                                            <td>xxxxxxxxxxxxxxxxx</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>xxxxxx</td>
                                            <td>xx</td>
                                            <td>xxxxxxxxxxxxxxxxx</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>xxxxxx</td>
                                            <td>xx</td>
                                            <td>xxxxxxxxxxxxxxxxx</td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>xxxxxx</td>
                                            <td>xx</td>
                                            <td>xxxxxxxxxxxxxxxxx</td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td>xxxxxx</td>
                                            <td>xx</td>
                                            <td>xxxxxxxxxxxxxxxxx</td>
                                        </tr>
                                        <tr>
                                            <td>6</td>
                                            <td>xxxxxx</td>
                                            <td>xx</td>
                                            <td>xxxxxxxxxxxxxxxxx</td>
                                        </tr>
                                        <tr>
                                            <td>7</td>
                                            <td>xxxxxx</td>
                                            <td>xx</td>
                                            <td>xxxxxxxxxxxxxxxxx</td>
                                        </tr>
                                    </tbody>
                                </table>
                        </div>
                        <div class="card-footer">
                                <div class="row">
                                    <div class="col">
                                        <a href="{{route('admin.reportleftoverstock.index')}}" class="btn btn-dark col-lg-2 active" role="button" aria-pressed="true">กลับ</a>
                                    </div>

                                </div>
                                </div>
                </div><!--card-->
            </div><!--col-->
        </div><!--row-->

@endsection

    @section('scripts')
    <script>
          $(function () {
            $('#XVOrderBCode').focus();
              $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

            const Toast = Swal.mixin({
            toast: true,
            position: 'bottom-end',
            showConfirmButton: false,
            timer: 1000,
            timerProgressBar: true,
            onOpen: (toast) => {
                toast.addEventListener('mouseenter', Swal.stopTimer)
                toast.addEventListener('mouseleave', Swal.resumeTimer)
            }
            })


            var count_scan = 0;
            $('#XVOrderBCode').keyup(function(e){
            if(e.keyCode == 13)
            {
                $this = $(this);
                if ($this.val().length != 18){

                    Swal.fire({
                    title: 'Oops....',
                    text: "เลขบาร์โค้ดไม่ถูกต้องกรุณาตรวจสอบ!",
                    icon: 'warning',
                    confirmButtonColor: '#3085d6',
                    confirmButtonText: 'OK'
                    }).then((result) => {
                        if (result.value) {
                                            return false;
                        }
                    })
                }else{

                    console.log('{{url('')}}/admin/scanforbleachingjobsupdate')
                     $.ajax({
                        type:'POST',
                        url:'{{url('')}}/admin/scanforbleachingjobsupdate',
                        data:{barcode: $this.val(),location:3},
                        dataType: 'JSON',
                        success:function(data){
                            console.log(data)
                            if(data.success =="0"){
                                Swal.fire({
                                title: 'Oops....',
                                text: "ไม่พบข้อมูลในระบบกรุณาตรวจสอบ !",
                                icon: 'warning',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'OK'
                                }).then((result) => {
                                if (result.value) {
                                    $('#order_no').html("")
                                    $('#size').html("")
                                }
                                })
                            }else if(data.success == "2"){

                                Swal.fire({
                                title: 'Oops....',
                                text: "Scan ซ้ำมีข้อมูลแล้ว",
                                icon: 'warning',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'OK'
                                }).then((result) => {
                                    $('#order_no').html("")
                                    $('#size').html("")
                                    $this.val('')
                                        return false;

                                })
                            }
                            else{
                                Toast.fire({
                                icon: 'success',
                                title: 'Scan สำเร็จ'

                                })

                                count_scan++
                                $('#count_all').html(count_scan)
                                $('#order_no').html(data.order_no)
                                $('#size').html(data.size)
                                $this.val('')

                            }
                        }
                        });
                }





            }
        });


          })
    </script>
    @endsection