@extends('layouts.app')

@section('stitle', 'Create Purchase Order GRN')
@section('title', __('messages.GoodReceivingNote'))

@section('content')
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">

            @if(session()->get('title') == "success")
                <div class="alert alert-success" role="alert">
                    <h4 class="alert-heading">Success</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @elseif (session()->get('title') == "error")
                <div class="alert alert-danger" role="alert">
                    <h4 class="alert-heading">Error</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @endif
            <div class="content-header row">
                <div class="content-header-left col-md-8 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                            <div class="breadcrumb-wrapper">

                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-header-right text-md-right col-md-4 col-12 d-md-block d-none">
{{--                     @include('purchase_order.purchase_order_menu')--}}
                </div>
            </div>
                <form class="a-form" action="{{ route('grn.get_scan_po') }}" method="POST">
                    @csrf
                    <div class="row">
                    <div class="col-12">
                        <div class="card" >
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <h4 class="card-title mb-1">{{__('messages.ScanPurchaseOrder')}} #</h4>
                                            <input type="text" id="po_number" class="form-control" name="po_number" value="" placeholder="Scan or type Purchase Order Number Here!" autofocus="" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </form>
        </div>
    </div>
    @endsection
@push('my_scripts')
<script>
             $("#grn_pro_row").on('focusout', '.iqty', function () {
                 var iqval = parseInt(this.value);
                 var cls = this.className;
                 var gcls = cls.substring(22);
                 var checkQty = parseInt($('tr.'+gcls+' input.received_qty').val());
                 if(iqval > checkQty) {
                     Swal.fire({
                         title: 'Error!',
                         text: iqval +' invalid qty!',
                         icon: 'error',
                         customClass: {
                             confirmButton: 'btn btn-primary'
                         },
                         showClass: {
                             popup: 'animate__animated animate__shakeX'
                         },
                         buttonsStyling: false
                     });
                     this.focus();
                     $('input.row_'+gcls).val(checkQty);
                 }
            });

             $("#po_number").on("change", ".selectItem", function(e){
                 e.preventDefault();
                 var po_number = $(".po_number").val();
                 $.ajaxSetup({
                     headers: {
                         'X-CSRF-TOKEN': $('input[name="_token"]').val()
                     }
                 });
                 $.ajax({
                     type:'POST',
                     url:"{{ route('purchasing.getitembyid') }}",
                     data:{po_number:po_number},
                     success:function(data)
                     {
                         if($('.prowdata tr').hasClass(itemId))
                         {
                             Swal.fire({
                                 title: 'Error!',
                                 text: data.itemName+' Item already added!',
                                 icon: 'error',
                                 customClass: {
                                     confirmButton: 'btn btn-primary'
                                 },
                                 showClass: {
                                     popup: 'animate__animated animate__shakeX'
                                 },
                                 buttonsStyling: false
                             });

                         } else {
                             $('.prowdata tbody').append(data.table_data);
                             // console.log(data);
                         }



                     }
                 });
             });
    </script>
    @endpush