@extends('layouts.backend')

@section('extraCss')

@endsection

@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Manage Purchase Orders barcode Print         
        </h4>
    </div>
    <div class="card-body">        
        <table class="table table-bordered tblPosOrdList">
            <thead>
                <tr>                    
                    <th>Articles</th>
                    <th>Color</th>
                    <th>Size</th>
                    <th>Mrp</th>
                    <th>Barcode</th>
                    <th>Total Qty</th>  
                    <th>Remaining Qty</th>
                    <th>Print Request</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @if($OrderProducts->count() > 0)
                @php $pid =0; @endphp
                @foreach($OrderProducts as $products)
                @php ++$pid; 
                if(!empty($products->print->printQty)){
                    $remainqty = $products->totalqty - $products->print->printQty;
                }else{
                    $remainqty = $products->totalqty;
                }   
                @endphp
                <tr>
                    <td>{{ $products->article  }}  </td>                                       
                    <td>{{ $products->color    }}  </td>
                    <td>{{ $products->size     }}  </td>
                    <td>{{ $products->mrp      }}  </td>
                    <td>{{ $products->barcode  }}  </td>
                    <td>{{ $products->totalqty }}  </td>     
                    <td>{{ $remainqty }} </td>  
                    <td>
                                               
                        <input type="text" name="printQty"  id = "pqty{{ $pid }}" value="{{  $remainqty }}" readonly="true" >  
                        @if($remainqty > 0)   
                        <input type="hidden" name="barcodeid" id="barcodeid{{ $pid }}" class="barcodeid"  value="{{ $products->id }}">                    
                        <button type="button" title="printQty"  data-pid ={{ $pid }} class="btn btn-success rbarcodeqty" >Send</button> 
                        @endif                                                 
                    </td>                
                    
                    <td width="100">                       
                        <a   title="Print" type="button" id="pprint" href="{{ route('generateBarodePdf',['id' => $products->id]) }}" class="btn btn-danger">Print</a>
                        

                          <a   title="View" type="button" id="pprint" href="{{ route('generateBarodeview',['id' => $products->id]) }}" class="btn btn-danger">Jelary</a>
                        
                    </td>
                </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="10"><div class="alert alert-danger">No warehouse purchase order found!</div></td>
                </tr>
                @endif
            </tbody>
        </table> 
        
    </div>
</div>
@endsection

@section('extraJs')
  <script src="{{ asset(BACKEND_THEME_JS_PATH . 'jquery.basictable.min.js') }}"></script>
<script>  

    $('.rbarcodeqty').on('click',function(){
      
    var _token   = $('meta[name="csrf-token"]').attr('content');
    var pid=$(this).attr('data-pid');
    var barcodeid=$('#barcodeid'+pid).val();
    var pqty=$('#pqty'+pid).val();    
    $.ajax({
            method: 'POST',
            url: '{{ route('update-barcode-print-no') }}',
            data: '_token=' + document.tokenForm._token.value + '&barcodeid=' + barcodeid + '&pqty=' + pqty,
            success: function(result) {
                    var response = jQuery.parseJSON(result);                    
                    if(response.status == false) {
                        toastr.error(response.info);
                    } 
                    else {                                            
                        toastr.success(response.info);                            
                        location.reload();                         
                    }                          
                }
        });  
    });
</script>
@endsection