@extends('layouts.backend')
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Recive Challan 
            <a href="{{ route('challan.issued') }}" class="btn btn-info float-right btn-sm backBtn"> Back</a>
        </h4>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-9"><h5>Inwarded Products</h5>
            <div class="form-group text-right"><b>Total Items: <span class="totItems"></span></b></div>
            </div>
            <div class="col-md-3 border-right">               

                <div class="form-group" style="margin-top:20px;">
                    <h5> <label for="challenType">Recive From </label> </h5>
                    <select name="from" id="from" class="form-control select2" data-placeholder="Select Order From" required>
                            <option value="">Select Issued</option>
                            @foreach($recived as $recive)
                                
                                <option value="{{ $recive->issued_to }}" >{{ $recive->issued_to }}</option>
                               
                            @endforeach
                    </select>

                </div>
               
                <div class="alert alert-info" >
                    <h5>Inward barcode <span class="float-right totalScannedItems"></span></h5>
                    <input type="text" id="inRetbarcode" class="form-control">
                </div>
            </div>
            <div class="col-md-9 fixTableParent">
                <table class="table table-striped table-bordered returnedProducts fixTable">
                    <thead>
                        <th>Barcode</th>
                        <th>Article</th>
                        <th>Size</th>
                        <th>Color</th>
                        <th>HSN</th>
                        <th>Code</th>  
                        <th>Qty</th>
                        <th>MRP</th>
                       
                    </thead>
                    <tbody>
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@section('extraJs')
<script>
    $("#inRetbarcode").keyup(function (e) {
        if(e.which == 13) {
            var barcode = $.trim($(this).val());
            var from = $('#from').val();

            if(from == '')
            {
                toastr.error('Please select recive from');
                return false;
            }
         
            if(barcode == '') {                
                toastr.error('Please enter the barcode');
                return false;
            } else {
                $.post("{{ route('inward-challan-return-item') }}", {
                    _token: document.tokenForm._token.value,
                    issued_to: $('#from').val(),
                    barcode: barcode,
                }, function(result) {
                    var response = jQuery.parseJSON(result);
                    var p = response.product;
                    if(response.status == true) {
                        $("tr."+barcode).show();
                        toastr.success('Barcode Inwarded and Stock Updated');
                         var html = '\
                            <tr class="chlRow '+p.barcode+'">\
                                <td>'+p.barcode+'</td>\
                                <td>'+p.article+'</td>\
                                <td>'+p.size+'</td>\
                                <td>'+p.color+'</td>\
                                <td>'+p.hsn+'</td>\
                                <td>'+p.productcode+'</td>\
                                <td>'+p.qty+'</td>\
                                <td>'+p.mrp+'</td>\
                              </tr>\
                            ';
                            $(".returnedProducts tbody").prepend(html);
                            $(".totItems").html($(".chlRow").length);
                           
                        $("#inRetbarcode").val('');
                        return false;
                    } else {
                        $("#inRetbarcode").val('');
                        toastr.error(response.info);
                        return false;
                    }
                    return false;
                });
            }
        }
    });
</script>
@endsection