@extends('layouts.app')

@section('title', 'Pickingup')

@section('content')



<div class="container-fluid" id ="container_pick">
<form action="#" method="POST" name="my_item" id="my_item" autocomplete="off">

                        @csrf
                        <!-- @method('PUT') -->
                        <meta charset="utf-8">
    <meta name="csrf-token" content="content">
    <meta name="csrf-token" content="{{ csrf_token() }}">
                       <input type="hidden"name="cid[]" id="cid" value="0">
                       <input type="hidden"name="odid1[]" id="odid1" value="0">
                        <input type="hidden"name="order_number1[]" id="order_number1" value="0"> 
                        <input type="hidden"name="pid1[]" id="pid1" value="0">
                        <input type="hidden"name="typo[]" id="typo" value="0">
                        <input type="hidden"name="grid[]" id="grid" value="0">
    
    
   
   
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
    <!-- <script src="js/jquery.dataTables.min.js" type="text/javascript"></script> -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script> 

    <!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"/>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
        <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!-- pagination script -->
<link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.css" />

<!-- <link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.min.css" /> -->
<script src="https://code.jquery.com/jquery-3.7.1.js"></script> 
<script src="https://cdn.datatables.net/2.1.8/js/dataTables.js"></script> 

<!-- ---------------------------- -->
     
        {{-- Alert Messages --}}
        @include('common.alert')

        {{-- Page Content --}}
   
        <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Let's check my  List</h1>
      
    </div>
   
   
    <div class="card shadow mb-4">
    
    <div class="card-header py-3">
        <!-- <h6 class="m-0 font-weight-bold text-primary">Orders</h6> -->
      
    <div class="card-body">

<div class="row"> 
<div id="itemserial">
</div>
    <div class="col-md-12" > 

    <label class="labels">Type/Search by SerialNumber</label>
                                <input type="text" maxlength="25" class="form-control @error('serialno') is-invalid @enderror"
                                    name="serialno[]" placeholder="SerialNo" id="serialno">
                               
                                    
                                    <button style="display: none;" id ="btn_verify" class="btn btn-dark btn-md shadow-md float-right mt-4" type="button" >
  <i class="fa fa-check-circle-o" aria-hidden="true"></i>Serial Number Verification</button>
   
                                </div>

    </div>

</div>
</div>
    </div>


<div class="col-xl-12 col-md-4 mb-6">
            <div class="card border-left-primary shadow h-100 py-2">
               
            <div class="card-body">
                <!-- <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Orders</div> -->
               
                <div class="row no-gutters align-items-center">
                    
                  <div class="col mr-2">
            <!-- ------------------------- -->
            <div class="table-responsive">
           
           <table class="table table-bordered" id="mytable" width="100%" cellspacing="0">
               <thead>
               <!-- $orderdetails=DB::table('orderdetails')->select('orderdetails.id','orderdetails.our_reference','orderdetails.order_number','orderdetails.order_date','products.id','products.item','products.item as ram','combination.combination ','gen.generation ',
               'products.item as booting_ssd','products.item as additional_hdd','products.item as skin_type') -->
               
               
               
               <tr id="trloader">
                     <th style='width:10%;'><input type="checkbox" id="allcb" name="allcb" value="0"/> Select_All </th>
                     <!-- <th style='width:5%;display:none;'>ID</th> -->
                    <th style='width:5%; '>OrderNumber</th>
                       <th style='width:5%; display:none;'>Group_No</th>
                       <th style='width:5%; display:none;'>ItemID</th>
                       <th style='width:45%;'>ItemList</th>
                       <th style='width:10%;'>Quantity</th>
                      <th style='width:10%;'>Typo</th>
                       <th style='width:20%;'>Action</th>
                  
                  
                   </tr>
                  
               </thead>
              
               <tbody>



               </tbody>
           </table>

        
       </div>


                </div>
                        
                      
                    </div>
                </div>

                <div class="card-footer">
            <div class="float-right l-1">
  
           
  <button id ="btn_return" class="btn btn-danger btn-md shadow-md mr-2" type="button" >
  <i class="fa fa-check-circle-o" aria-hidden="true"></i> Cancel</button>

  <a class="btn btn-warning btn-md shadow-md float-right" href="{{ route('orderlist.getitempickup') }}">
       <i class="fas fa-arrow-left fa-sm text-black-50"></i> Back</a>

</div>

<div class="float-left">
<button style="display: none;" id ="btn_confirmed" class="btn btn-primary btn-md shadow-md" type="button" disabled >
  <i class="fa fa-check-circle-o" aria-hidden="true"></i> Confirm_Process Item(s)</button>
  <!-- <button id ="btn_confirmedpacking" class="btn btn-success btn-md shadow-md" type="button" >
  <i class="fa fa-check-circle-o" aria-hidden="true"></i> Send_Unprocess Item(s)</button> -->
  <a href="#" class=" btn btn-md btn-warning shadow-md btn_groupeditem" data-target="#groupeditem" data-toggle="modal">
<i class="fa fa-newspaper-o" aria-hidden="true"></i> Show</a>

</div> 



  </div>



            </div>
            
            

            </div>
</div>
</div>


<!-- above div card body -->

</form>  

   </div> 
<!-- including area -->

@include('Orders.employeemy-itemsgroupedmodal')



@include('Orders.add-serialnomodel')



@endsection


@section('scripts')

<!-- <script>
$( document ).ready(function() {
 
  $("#groupeditem").modal('hide');
});

</script>
<script type="text/javascript">
    $(window).on('load', function() {
       // $("#groupeditem").modal('hide');
        $('#groupeditem').modal('toggle');
    });
</script>  -->
<!-- <script>
$('#serialnumber').modal({ show: false})

</script> -->



<script>
$(document).ready(function(){ 

// bind the oders---------------------------------
             // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('collected/getmycollectedlist/') }}" ,
                    type: "get",
                    data: {
                       
                       // item_type:"1",
                        _token: '{{csrf_token()}}'
                    },
                   // async: false,
                    dataType: 'json',
                    success: function (res) {
                       
                        $.each(res, function (key, value) {
                            var id=value.id;
                            var odid=value.odid;
 var order_number=value.order_number;
 var groupid=value.groupid;
 var pid=value.pid;
 var item=value.item;
 var qty=value.remaining_qty;
 var item_cat=value.item_category;
 //var pickercomqty=value.pickercomqty;
 for (i = 0; i < qty; ++i) {
    var qty1=1+".0";
    var html = '';
 html += '<tr>'; 
 html += '<td ><input type="checkbox" id ="chkitem" class="checkbox" data-ordernumber="['+order_number+']" data-pid="['+pid+']"name="chkitem['+id+']" value="'+id+'">'+'</td>'; //  onclick="return false"
 html += '<input type="hidden"  id ="id"  name="id['+id+']" value="'+id+'">';
 html += '<input type="hidden"  id ="odid"  name="odid['+id+']" value="'+odid+'">';
 
 html += '<td input type="hidden" id ="ordernumber" name="ordernumber['+id+']" value="'+order_number+'">'+order_number+ '</td>';
 html += '<td style="display:none"><input type="hidden" id ="groupid" name="groupid['+id+']" value="'+groupid+'">'+groupid+'</td>';
 html += '<td style="display:none"><input type="hidden" id ="pid" name="pid['+id+']"  value="'+pid+'">'+pid+ '</td>';
 html += '<td input type="text" id ="item" name="item['+id+']"  value="'+item+'">' + item + '</td>';
 html += '<td input type="text" id ="qty" name="qty['+id+']"  value="'+qty1+'">' + qty1 + '</td>';
//  html += '<td style="display:none;><input type="hidden" id ="typoo"  name="typoo['+id+']" value="m">'+"m"+ '</td>';
 if(item_cat=='Computer'){
    html += '<td><input type="hidden" id ="typoo"  name="typoo['+id+']" value="m">'+"m"+ '</td>';
   
} else if (item_cat=='Harddisk'){
     html += '<td><input type="hidden" id ="typoo"  name="typoo['+id+']" value="m_hdd">'+"m_hdd"+ '</td>';
}else if (item_cat=='ssd'){
    html += '<td><input type="hidden" id ="typoo"  name="typoo['+id+']" value="m_ssd">'+"m_ssd"+ '</td>';
}else if (item_cat=='ram'){
html += '<td><input type="hidden" id ="typoo"  name="typoo['+id+']" value="m_ram">'+"m_ram"+ '</td>';
}else if (item_cat=='skin'){
    html += '<td><input type="hidden" id ="typoo"  name="typoo['+id+']" value="m_skin">'+"m_skin"+ '</td>';

}
    else{
    html += '<td><input type="hidden" id ="typoo"  name="typoo['+id+']" value="s">'+"s"+ '</td>';
    //html += '<td><input type="hidden" id="typoo" name="typoo[' + id + ']" value="s">s</td>';
 }

 html += '<input type="hidden" id ="ordernumber2" name="ordernumber2['+id+']" value="'+order_number+'">';
 
 html += '<td><button type="button" value ="'+id+'" id ="edit" name="edit[]" class="btn btn-primary m-2 btn_addserial"data-target="#serialnumber"><i class="fa fa-eye" aria-hidden="true" aria-hidden="true"></i></button><button type="button" id ="update" name="update" class="btn btn-success m-2 btn_Updateserial"><i class="fa-solid fa-cloud-arrow-up" aria-hidden="true"></i></button>'+'</td>';
 
 html +='</tr>';
$('#mytable').append(html);
 }
                
                           
}); 
//Listsecondaryitems();  
                    //    Listramitems();  
                      //  Listbootingssditemslist();
                    //   Listadditionalhdditems();  
                        //Listskinitems(); 
                        //ListAllunprocessitems(); 
                        paginationorder1();    
                    }            
                        });

                               
                    });

// check secondary items---------------------------------------
var Listsecondaryitems = function(){
    $.ajax({
                    url: "{{ url('orderlist/getmylist/') }}" ,
                    type: "get",
                    data: {
                       
                        item_type:"2",
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                       
                        $.each(res, function (key, value) {
                            var id=value.id;
 var order_number=value.order_number;
 var groupid=value.groupid;
 var pid=value.pid;
 var item=value.item;
 var qty=value.qty;
 var pickercomqty=value.pickercomqty;
 for (i = 0; i < pickercomqty; ++i) {
    var qty1=1+".0";
          var html = '';
 html += '<tr>';
 html += '<td ><input type="checkbox" id ="chkitem" class="checkbox" data-ordernumber="['+order_number+']" data-pid="['+pid+']" name="chkitem['+id+']" value="'+id+'" >'+'</td>';
 html += '<input type="hidden" id ="odid"  name="odid['+id+']" value="'+id+'">';
 html += '<td input type="hidden" id ="ordernumber" name="ordernumber['+id+']" value="'+order_number+'">'+order_number+ '</td>';
 html += '<td style="display:none"><input type="hidden" id ="groupid" name="groupid['+id+']" value="'+groupid+'">'+groupid+'</td>';
 html += '<td style="display:none"><input type="hidden" id ="pid" name="pid['+id+']"  value="'+pid+'">'+pid+ '</td>';
 html += '<td input type="text" id ="item" name="item['+id+']"  value="'+item+'">' + item + '</td>';
 html += '<td input type="text" id ="qty" name="qty['+id+']"  value="'+qty1+'">' + qty1 + '</td>';
html += '<td ><input type="hidden" id="typoo" name="typoo['+id+']" value="s">'+"s"+ '</td>';
html += '<input type="hidden" id ="ordernumber2" name="ordernumber2['+id+']" value="'+order_number+'">';
html += '<td><button type="button" id ="edit" name="edit" class="btn btn-primary m-2 btn_addserial"data-target="#serialnumber" ><i class="fa fa-eye" aria-hidden="true" aria-hidden="true"></i></button> <button type="button" id ="update" name="update" class="btn btn-success m-2 btn_Updateserial"><i class="fa-solid fa-cloud-arrow-up" aria-hidden="true"></i></button>'+'</td>';
 html +='</tr>';
  $('#mytable').append(html);
 }
      
                           
});     
  
                       
}            
                        });
}
//-------------------------------------

// check ram items---------------------------------------
var Listramitems = function(){
    $.ajax({
                    url: "{{ url('orderlist/getmylistram/') }}" ,
                    type: "get",
                    data: {
                       
                        item_type:"1",
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                       
                        $.each(res, function (key, value) {
                            var i;
                            var id=value.id;
 var order_number=value.order_number;
 var groupid=value.groupid;
 var pid=value.ram;
 var item=value.item;
 var combination=value.combination;
    var output = combination.split('x');
    var output1 = output[0];
    var output2 = output[1];
 var ramqty=value.ramqty;
 var pickerramqty=value.pickerramqty;


                            for (i = 0; i < pickerramqty; ++i) {
                                var qty=1+".0";
    var html = '';
 html += '<tr>';
 html += '<td ><input type="checkbox" id ="chkitem" class="checkbox" data-ordernumber="['+order_number+']" data-pid="['+pid+']" name="chkitem['+id+']" value="'+id+'" >'+'</td>';
 html += '<input type="hidden" id ="odid"  name="odid['+id+']" value="'+id+'">';
 html += '<td input type="hidden" id ="ordernumber" name="ordernumber['+id+']" value="'+order_number+'">'+order_number+ '</td>';
 html += '<td style="display:none"><input type="hidden" id ="groupid" name="groupid['+id+']" value="'+groupid+'">'+groupid+'</td>';
 html += '<td style="display:none"><input type="hidden" id ="pid" name="pid['+id+']"  value="'+pid+'">'+pid+ '</td>';
 html += '<td input type="text" id ="item" name="item['+id+']"  value="'+item+'">' + item +"-" + output2 + '</td>';
 html += '<td input type="text" id ="qty" name="qty['+id+']"  value="'+qty+'">' + qty + '</td>';
 html += '<td ><input type="hidden" id="typoo"  name="typoo['+id+']" value="m_ram">'+"m_ram"+ '</td>';
 html += '<input type="hidden" id ="ordernumber2" name="ordernumber2['+id+']" value="'+order_number+'">';
 html += '<td><button type="button" id ="edit" name="edit" class="btn btn-primary m-2 btn_addserial"data-target="#serialnumber" ><i class="fa fa-eye" aria-hidden="true" aria-hidden="true"></i></button> <button type="button" id ="update" name="update" class="btn btn-success m-2 btn_Updateserial"><i class="fa-solid fa-cloud-arrow-up" aria-hidden="true"></i></button>'+'</td>';
 html +='</tr>';
  $('#mytable').append(html);
}
                         
                           
 
               
                           
});              
}            
                        });
}

// check booting ssd items---------------------------------------
var Listbootingssditemslist = function(){
    $.ajax({
                    url: "{{ url('orderlist/getmylistbootingssd/') }}" ,
                    type: "get",
                    data: {
                       
                        item_type:"1",
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                       
                        $.each(res, function (key, value) {
                            var id=value.id;
 var order_number=value.order_number;
 var groupid=value.groupid;
 var pid=value.booting_ssd;
 var item=value.item;
 var qty=1;
 //var pickercomqty=value.pickercomqty;
 for (i = 0; i < qty; ++i) {
     var qty1=1+".0";
                var html = '';
 html += '<tr>';
 html += '<td ><input type="checkbox" id ="chkitem" class="checkbox" data-ordernumber="['+order_number+']" data-pid="['+pid+']" name="chkitem['+id+']" value="'+id+'" >'+'</td>';
 html += '<input type="hidden" id ="odid"  name="odid['+id+']" value="'+id+'">';
 html += '<td input type="hidden" id ="ordernumber" name="ordernumber['+id+']" value="'+order_number+'">'+order_number+ '</td>';
 html += '<td style="display:none"><input type="hidden" id ="groupid" name="groupid['+id+']" value="'+groupid+'">'+groupid+'</td>';
 html += '<td style="display:none"><input type="hidden" id ="pid" name="pid['+id+']"  value="'+pid+'">'+pid+ '</td>';
 html += '<td input type="text" id ="item" name="item['+id+']"  value="'+item+'">' + item + '</td>';
 html += '<td input type="text" id ="qty" name="qty['+id+']"  value="'+qty1+'">' + qty1 + '</td>';

 html += '<td ><input type="hidden" id ="typoo"  name="typoo['+id+']" value="m_ssd">'+"m_ssd"+ '</td>';
 html += '<input type="hidden" id ="ordernumber2" name="ordernumber2['+id+']" value="'+order_number+'">';
 html += '<td><button type="button" id ="edit" name="edit" class="btn btn-primary m-2 btn_addserial"data-target="#serialnumber" ><i class="fa fa-eye" aria-hidden="true" aria-hidden="true"></i></button> <button type="button" id ="update" name="update" class="btn btn-success m-2 btn_Updateserial"><i class="fa-solid fa-cloud-arrow-up" aria-hidden="true"></i></button>'+'</td>';
 html +='</tr>';
  $('#mytable').append(html);
 }
   
                           
});    
  

}            
                        });
}

// check additional hdd items---------------------------------------
var Listadditionalhdditems = function(){
    $.ajax({
                    url: "{{ url('orderlist/getmylistadditionalhdd/') }}" ,
                    type: "get",
                    data: {
                       
                        item_type:"1",
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                       
                        $.each(res, function (key, value) {
                            var id=value.id;
 var order_number=value.order_number;
 var groupid=value.groupid;
 var pid=value.additional_hdd;
 var item=value.item;
 var qty=1;//value.qty;
 //var pickercomqty=value.pickercomqty;
 for (i = 0; i < qty; ++i) {
     var qty1=1+".0";
       var html = '';
 html += '<tr>';
 html += '<td ><input type="checkbox" id ="chkitem" class="checkbox" data-ordernumber="['+order_number+']" data-pid="['+pid+']" name="chkitem['+id+']" value="'+id+'" >'+'</td>';
 html += '<input type="hidden" id ="odid" name="odid['+id+']" value="'+id+'">';
 html += '<td input type="hidden" id ="ordernumber" name="ordernumber['+id+']" value="'+order_number+'">'+order_number+ '</td>';
 html += '<td style="display:none"><input type="hidden" id ="groupid" name="groupid['+id+']" value="'+groupid+'">'+groupid+'</td>';
 html += '<td style="display:none"><input type="hidden" id ="pid" name="pid['+id+']"  value="'+pid+'">'+pid+ '</td>';
 html += '<td input type="text" id ="item" name="item['+id+']"  value="'+item+'">' + item + '</td>';
 html += '<td input type="text" id ="qty" name="qty['+id+']"  value="'+qty1+'">' + qty1 + '</td>';
html += '<td ><input type="hidden" id ="typoo"  name="typoo['+id+']" value="m_hdd">'+"m_hdd"+ '</td>';
html += '<input type="hidden" id ="ordernumber2" name="ordernumber2['+id+']" value="'+order_number+'">';
html += '<td><button type="button" id ="edit" name="edit" class="btn btn-primary m-2 btn_addserial"data-target="#serialnumber" ><i class="fa fa-eye" aria-hidden="true" aria-hidden="true"></i></button> <button type="button" id ="update" name="update" class="btn btn-success m-2 btn_Updateserial"><i class="fa-solid fa-cloud-arrow-up" aria-hidden="true"></i></button>'+'</td>';
 html +='</tr>';
  $('#mytable').append(html);
 }
              
                           
});              
}            
                        });
}

// check skin  items---------------------------------------
var Listskinitems = function(){
    $.ajax({
                    url: "{{ url('orderlist/getmylistskin/') }}" ,
                    type: "get",
                    data: {
                       
                        item_type:"1",
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                       
                        $.each(res, function (key, value) {
                            var id=value.id;
 var order_number=value.order_number;
 var groupid=value.groupid;
 var pid=value.skin_type;
 var item=value.item;
 var qty=1;//value.qty;
 //var pickercomqty=value.pickercomqty;
 for (i = 0; i < qty; ++i) {
     var qty1=1+".0";
     var html = '';
 html += '<tr>';
 html += '<td ><input type="checkbox" id ="chkitem" class="checkbox" data-ordernumber="['+order_number+']" data-pid="['+pid+']" name="chkitem['+id+']" value="'+id+'" >'+'</td>';
 html += '<input type="hidden"  id ="odid"  name="odid['+id+']" value="'+id+'">';
 html += '<td input type="hidden" id ="ordernumber" name="ordernumber['+id+']" value="'+order_number+'">'+order_number+ '</td>';
 html += '<td style="display:none"><input type="hidden" id ="groupid" name="groupid['+id+']" value="'+groupid+'">'+groupid+'</td>';
 html += '<td style="display:none">< input type="hidden" id ="pid" name="pid['+id+']"  value="'+pid+'">'+pid+ '</td>';
 html += '<td input type="text" id ="item" name="item['+id+']"  value="'+item+'">' + item + '</td>';
 html += '<td input type="text" id ="qty" name="qty['+id+']"  value="'+qty1+'">' + qty1 + '</td>';

 html += '<td ><input type="hidden" id ="typoo"  name="typoo['+id+']" value="m_skin">'+"m_skin"+ '</td>';
 html += '<input type="hidden" id ="ordernumber2" name="ordernumber2['+id+']" value="'+order_number+'">';
 html += '<td><button type="button" id ="edit" name="edit" class="btn btn-primary m-2 btn_addserial"data-target="#serialnumber" ><i class="fa fa-eye" aria-hidden="true" aria-hidden="true"></i></button> <button type="button" id ="update" name="update" class="btn btn-success m-2 btn_Updateserial"><i class="fa-solid fa-cloud-arrow-up" aria-hidden="true"></i></button>'+'</td>';
 html +='</tr>';
  $('#mytable').append(html);
 }
                
                           
});              
}            
                        });
}

// check unprocess  items---------------------------------------
var ListAllunprocessitems = function(){
    $.ajax({
                    url: "{{ url('orderlist/getmyallunporocessitemsformylist_Unprocess/') }}" ,
                    type: "get",
                    data: {
                       
                        item_type:"2",
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                       
                        $.each(res, function (key, value) {
                            var id=value.id;
 var order_number=value.order_number;
 var groupid=value.groupid;
 var pid=value.pid;
 var item=value.item;
 var qty=value.qty;
 var unpro="Unprocess";
 var pickercomqty=value.pickercomqty;
 for (i = 0; i < pickercomqty; ++i) {
     var qty1=1+".0";
     var html = '';
 html += '<tr>';
 html += '<td ><input type="checkbox" id ="chkitem" class="checkbox" data-ordernumber="['+order_number+']" data-pid="['+pid+']" name="chkitem['+id+']" value="'+id+'" >'+'</td>';
 html += '<input type="hidden"  id ="odid"  name="odid['+id+']" value="'+id+'">';
 html += '<td input type="hidden" id ="ordernumber" name="ordernumber['+id+']" value="'+order_number+'">'+order_number+ '</td>';
 html += '<td style="display:none"><input type="hidden" id ="groupid" name="groupid['+id+']" value="'+groupid+'">'+groupid+'</td>';
 html += '<td style="display:none"><input type="hidden" id ="pid" name="pid['+id+']"  value="'+pid+'">'+pid+ '</td>';
 html += '<td input type="text" id ="item" name="item['+id+']"  value="'+item+'">' + item + '</td>';
 html += '<td input type="text" id ="qty" name="qty['+id+']"  value="'+qty1+'">' + qty1 + '</td>';

 html += '<td ><input type="hidden" id ="typoo"  name="typoo['+id+']" value="Unprocess">'+unpro+ '</td>';
 html += '<input type="hidden" id ="ordernumber2" name="ordernumber2['+id+']" value="'+order_number+'">';
 html += '<td><button type="button" id ="edit" name="edit" class="btn btn-primary m-2 btn_addserial"data-target="#serialnumber" ><i class="fa fa-eye" aria-hidden="true" aria-hidden="true"></i></button> <button type="button" id ="update" name="update" class="btn btn-success m-2 btn_Updateserial"><i class="fa-solid fa-cloud-arrow-up" aria-hidden="true"></i></button>'+'</td>';
 html +='</tr>';
  $('#mytable').append(html);
 }
                
                           
}); 
paginationorder1();             
}            
                        });
}



var paginationorder1=function(){

new DataTable('#mytable', {
  layout: {
      bottomEnd: {
          paging: {
              firstLast: false
          }
      }
  }
});
}
</script>


<!-- <script>
  $(document).ready(function(){ 
$('#serialno').val('');
$('#serialno').focus();
    $('html').on('click',function(){
        $('#serialno').focus();
    });

    $('html').on('blur',function(){
        $('#serialno').focus();
    });
    $(document).change(function(){ 

        if($('#serialno').val()==''){
            return;
        }
        
    });
});
    </script> -->
<script>
    $('#allcb').change(function(){
    if($(this).prop('checked')){
        $('tbody tr td input[type="checkbox"]').each(function(){
            $(this).prop('checked', true);
        });
    }else{
        $('tbody tr td input[type="checkbox"]').each(function(){
            $(this).prop('checked', false);
        });
    }
});
</script>
<!----------------------- -->
<!-- <script>
   //$('my_item').submit(function() {
    $(document).on('click', '#btn_verify', function(event) {
        event.preventDefault();
    
  
   
if (confirm('Are you sure?')) {
   $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});




//var checkboxes = document.querySelectorAll('input[type=checkbox]:checked');
var checkboxes = document.querySelectorAll('table tbody input[type=checkbox]:checked');
var checkedValues = [];
checkboxes.forEach(function (checkbox) {
    // Get the value of the checkbox
    var checkboxValue = checkbox.value;

// Use `closest` to find the parent row of the checkbox
var row = checkbox.closest('tr');
// Collect additional data from the row (e.g., other column values)
var rowData = {
            checkboxValue: checkboxValue,
            data: []
        };
        // Get all cells (columns) in the row
        row.querySelectorAll('td').forEach(function (cell, index) {
            // Skip the checkbox column (index 0, assuming it's the first column)
            if (index > 0) {
                rowData.data.push(cell.textContent.trim());
            }
        });

        // Add the row data to the array
        checkedValues.push(rowData);
});

if(checkboxes.length>0){
    var rowCount = checkboxes.length-1;
    for (var i = 0; i < checkboxes.length; i++) {  
        console.log('Total Checked:', checkboxes.length);
        // var order_number=$('#mytable tr').eq(i).find('td').eq(1)
        // var pid=$('#mytable tr').eq(i).find('td').eq(2)
        // var item=$('#mytable tr').eq(i).find('td').eq(3)

       // var order_number=$('#table tr:eq(' + i + ') td:eq(' + 1 + ')')

       var row = checkboxes.closest('tr');
//var row = $("table#mytable tr").closest('tr');
//    // var typoo=$(this).find('td');
//     //   var odid = $(row).find('td').eq(1).html();
       var order_number = $(row).eq(i).find('td').eq(1).html();
       var pid = $(row).eq(i).find('td').eq(2).html();
       var item = $(row).eq(i).find('td').eq(3).html();
  // checking serial number updated by  picker
  //---------------------------------------------

  $.ajax({
   
   type: 'POST',

url:"{{ url('itemserials/getserialupdatesitems/')}}",
type: "get",

dataType: "json",
           // traditional: true,
           //  async: false,
  data: {
    order_number:order_number,
    pid:pid,
            
  _token: '{{csrf_token()}}'  

                         },

  beforeSend:function(){
   // debugger;

$('#itemserial').text('Serail Number Verification in progress...');
 $("#itemserial").show();

},

success:function(data){
   
    if(data == ('')){
 alert(" serial Number is missing for::-"+item);
     //$('#itemserial').text('Serial No was not updated for this Item ::-::'+item);
     $('#btn_confirmed').prop('disabled', true);
     $('#itemserial').text('Verification completed,Items Pending for serial Number!');
//return;
    }else{
        
    
        $('#btn_confirmed').prop('disabled', false);

    
    }

},

error:function (xhr, ajaxOptions, thrownError){
   // if(xhr.status==404) {
   //     alert(thrownError);
   // }
 //  alert(thrownError);
// alert["error"](thrownError, "Error");
toastr.error(thrownError);
}


});

 if(rowCount==1) {
    return false;
}else{
   
}

//$('#itemserial').text('Verification completed!');
//------------------------------------------------
  
      




}

//updatepickeritems();
//location.reload();

}else {
    toastr.info("Item was not Selected!");
    return;
}






}

});


 //  });
    


</script> -->

<script>
    $(document).on('click', '#btn_verify', function(event) {
        event.preventDefault();
    
  
   
if (confirm('Are you sure?')) {
    $('#btn_confirmed').prop('disabled', true);
   //----------------------------------------------
    // // Collect all checked checkboxes
    // const checkboxes = document.querySelectorAll('.row-checkbox:checked');

    // // Create an object to store ordernumber and pid values
    // const requestData = [];

    // checkboxes.forEach(function (checkbox) {
    //     const ordernumber = checkbox.getAttribute('data-ordernumber');
    //     const proid = checkbox.getAttribute('data-pid');
    //    // Convert the string to an array
    //     const proidArray = JSON.parse(proid);
    //      const prodid = proidArray[0];
       
    //     const pid = parseInt(prodid,10); // Bitwise OR with 0
 
    //     // Push the values directly to the requestData array
    //     requestData.push({ ordernumber, pid });
    // });
    
    // if (requestData.length === 0) {
    //     alert('Please select at least one row to validate.');
    //     return;
    // }
//-----------------------------------------------------------------------
var selectedRows = [];

// Loop through each row and check if the checkbox is checked
$('#mytable tbody').find('tr').each(function() {
  //var row = $(this);
  var row = $(this).closest('tr');
  var checkbox = row.find('.checkbox');
  
  // If the row's checkbox is checked
  if (checkbox.prop('checked')) {
    var ordernumber =row.find('td:eq(1)').text();// row.find('input[name="ordernumber"]').val();
    var pid = row.find('td:eq(2)').text();//row.find('input[name="pid"]').val();
    var item = row.find('td:eq(3)').text();
    // var user = row.find('input[name="user"]').val();

    // Push the selected row data to the selectedRows array
    selectedRows.push({
      ordernumber: ordernumber,
      pid: pid,
      item:item
    //  user: user
    });
  }
});
if (selectedRows.length === 0) {
        alert('Please select at least one row to validate.');
        return;
    }
//-----------------------------------------------------------------------



// Send the data to the backend using AJAX

$.ajax({
                    //url: '/getserialupdatesitems', // Backend route
                  //  url:"{{url('itemserials/getserialupdatesitems')}}",
                    url:"{{ route('itemserials.getserialupdatesitems') }}",
                    type: 'POST', // HTTP method
                    data: {
        _token: $('meta[name="csrf-token"]').attr('content'), // CSRF token for security
        rows: selectedRows
      },
   
   
    //data: JSON.stringify({orders:selectedRows}), // Send selected orders
    //   data: JSON.stringify({
    //     orders: [
    //         { ordernumber: 1111, pid: 230 }
    //     ]
    // }),       
   // contentType: "application/json",          
                  
   success: function(response) {
        if (response.success) {
          alert('Validation Passed!');
          $('#btn_confirmed').prop('disabled', false);
        } else {
          alert('Validation Failed: ' + response.message);
          $('#btn_confirmed').prop('disabled', true);
        }
      },
      error: function(xhr, status, error) {
        console.log(xhr.responseText);
        alert('An error occurred while validating.');
      }
                });
//----------------------------------------------
}
});
</script>

<script>
   
    $(document).on('click', '#btn_confirmed', function(event) {
        event.preventDefault();
    
  
   
if (confirm('Are you sure?')) {
   $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

  

    var dataarray = $('#my_item').serializeArray();
// Select only checkboxes inside the table's tbody
var checkboxes = document.querySelectorAll('table tbody input[type=checkbox]:checked');

// Check if there are more than one checked checkbox
if (checkboxes.length > 0) {
    var rowCount = checkboxes.length - 1; // Adjust row count if needed

    // Loop through the checkboxes, starting from the second one
    for (var i = 0; i < checkboxes.length; i++) {

     //  var row = $("table#boxtable tr").closest('tr');
   // var typoo=$(this).find('td');
      // var typoo = $(row).find('td').eq(3).html();
    
   $.ajax({
   
   type: 'POST',

url:"{{ url('orderlist/updateafterpickupforcollectionstatus/')}}",
//type:'POST',
//dataType: "text",
//dataType: 'json',
 
// contentType:false,
// processDate:false,

data:dataarray,
_token: '{{csrf_token()}}',
   //$('#pickup_item').serialize(),

//dataType: "json",
           // traditional: true,
      //       async: false,
//   data: {
//         $('#pickup_item').serialize()
       
            
//  // _token: '{{csrf_token()}}'  

//                          },

  beforeSend:function(){
   // debugger;
$('#itemserial').text('Updating  collected Items...');
 $("#itemserial").show();
},
success:function(data){
toastr.success("Done!");
//$('#mytable tr').has('input[name="chkitem"]:checked').remove()
location.reload();
// $("#trloader").remove();
},
error:function (xhr, ajaxOptions, thrownError){
   // if(xhr.status==404) {
   //     alert(thrownError);
   // }
 //  alert(thrownError);
// alert["error"](thrownError, "Error");
toastr.error(thrownError);
}

});




}
}else {
    toastr.info("Item was not Selected!");
    return;
}







}
});



</script>

<!-- <script>
     $(document).ready(function(){
//remove the entry
$('#mytable').on('click', '.btn_addserial', function(){
  //   alert("done");
 
    //  $('#id').val($(this).data('id'));
    //     $('#sitem').val($(this).data('item'));
      $('#serialnumber').modal('show');


      
     });
    });
    </script> -->
    
  
    <script>
        // display a modal (medium modal)
        $(document).on('click', '.btn_addserial', function(event) {
            event.preventDefault();
            var serialnumber=$("#serialno").val();
if (serialnumber==('')){
    alert("Serial Number is missing!");
    return;
}
       
            var  id=$(this).closest('tr').find('input[type="hidden"]').val()
       var  type= $(this).closest("tr").find("td:eq(5)").text();
       var itemserialno=$("#serialno").val();
       var mainitem= "m";   
        var subitem = "s";
        var mram = "m_ram";
        var mssd = "m_ssd";
        var mhdd = "m_hdd";
        var mskin = "m_skin";
        if ( type == mainitem || type == subitem ){
//  let href = $(this).attr('data-attr');
$.ajax({
                url:"{{ url('orderlist/getorderdetialitemsformodalediting/')}}",
               // url: href,
               data:{
                id:id,
                itemserialno:itemserialno,
                        _token: '{{csrf_token()}}'
               },
                beforeSend: function() {
                    $('#loader').show();
                },
                // return the result
                success: function(result) {
                   
                    $.each(result, function (key, value) {
                   
                   
                    var id=value.id;
                    var item=value.item;
                    var qty=value.qty;
                    var sno=value.itemserialno;
                    $('#serialnumber').modal('show');
                    $('#id1').val(id);
                    $('#modalitem').val(item);
                    $('#modalqty').val(qty);
                    $('#itemserialno1').val(sno);
                 //   $('#serialnumberBody').html(result).show();
                });

                },
                complete: function() {
                    $('#loader').hide();
                },
                error: function(jqXHR, testStatus, error) {
                    console.log(error);
                    alert("Page " + href + " cannot open. Error:" + error);
                    $('#loader').hide();
                },
                timeout: 8000
            });
        }else if (type == mram){
            $.ajax({
                url:"{{ url('orderlist/getorderdetialitemsformodaleditingforram/')}}",
               // url: href,
               data:{
                id:id,
                itemserialno:itemserialno,
               
                        _token: '{{csrf_token()}}'
               },
                beforeSend: function() {
                    $('#loader').show();
                },
                // return the result
                success: function(result) {
                   
                    $.each(result, function (key, value) {
            
                   
                    var id=value.id;
                    var item=value.item;
                    var combination=value.combination;
    var output = combination.split('x');
    var output1 = output[0];
    var output2 = output[1];
 var qty=output1;
                    var qty=output1;
                    var sno=value.itemserialno;

                    $('#serialnumber').modal('show');
                    $('#id1').val(id);
                    $('#modalitem').val(item + "_" +output2);
                    $('#modalqty').val(qty);
                    $('#itemserialno1').val(sno);
                 //   $('#serialnumberBody').html(result).show();
                });

                },
                complete: function() {
                    $('#loader').hide();
                },
                error: function(jqXHR, testStatus, error) {
                    console.log(error);
                    alert("Page " + href + " cannot open. Error:" + error);
                    $('#loader').hide();
                },
                timeout: 8000
            });
        }else if (type == mssd){
            $.ajax({
                url:"{{ url('orderlist/getorderdetialitemsformodaleditingforssd/')}}",
               // url: href,
               data:{
                id:id,
                itemserialno:itemserialno,
               
                        _token: '{{csrf_token()}}'
               },
                beforeSend: function() {
                    $('#loader').show();
                },
                // return the result
                success: function(result) {
                   
                    $.each(result, function (key, value) {
                   
                   
                    var id=value.id;
                    var item=value.item;
                    var qty=value.qty;
                    var sno=value.itemserialno;
                    $('#serialnumber').modal('show');
                    $('#id1').val(id);
                    $('#modalitem').val(item);
                    $('#modalqty').val(qty);
                    $('#itemserialno1').val(sno);
                 //   $('#serialnumberBody').html(result).show();
                });

                },
                complete: function() {
                    $('#loader').hide();
                },
                error: function(jqXHR, testStatus, error) {
                    console.log(error);
                    alert("Page " + href + " cannot open. Error:" + error);
                    $('#loader').hide();
                },
                timeout: 8000
            });
            
        }else if (type == mhdd){
            $.ajax({
                url:"{{ url('orderlist/getorderdetialitemsformodaleditingforaddihdd/')}}",
               // url: href,
               data:{
                id:id,
                itemserialno:itemserialno,
                        _token: '{{csrf_token()}}'
               },
                beforeSend: function() {
                    $('#loader').show();
                },
                // return the result
                success: function(result) {
                   
                    $.each(result, function (key, value) {
                   
                   
                    var id=value.id;
                    var item=value.item;
                    var qty=value.qty;
                    var sno=value.itemserialno;
                    $('#serialnumber').modal('show');
                    $('#id1').val(id);
                    $('#modalitem').val(item);
                    $('#modalqty').val(qty);
                    $('#itemserialno1').val(sno);
                 //   $('#serialnumberBody').html(result).show();
                });

                },
                complete: function() {
                    $('#loader').hide();
                },
                error: function(jqXHR, testStatus, error) {
                    console.log(error);
                    alert("Page " + href + " cannot open. Error:" + error);
                    $('#loader').hide();
                },
                timeout: 8000
            });
        }else if (type == mskin){
            $.ajax({
                url:"{{ url('orderlist/getorderdetialitemsformodaleditingforskin/')}}",
               // url: href,
               data:{
                id:id,
                itemserialno:itemserialno,
               
                        _token: '{{csrf_token()}}'
               },
                beforeSend: function() {
                    $('#loader').show();
                },
                // return the result
                success: function(result) {
                   
                    $.each(result, function (key, value) {
                   
                   
                    var id=value.id;
                    var item=value.item;
                    var qty=value.qty;
                    var sno=value.itemserialno;
                    $('#serialnumber').modal('show');
                    $('#id1').val(id);
                    $('#modalitem').val(item);
                    $('#modalqty').val(qty);
                    $('#itemserialno1').val(sno);
                 //   $('#serialnumberBody').html(result).show();
                });

                },
                complete: function() {
                    $('#loader').hide();
                },
                error: function(jqXHR, testStatus, error) {
                    console.log(error);
                    alert("Page " + href + " cannot open. Error:" + error);
                    $('#loader').hide();
                },
                timeout: 8000
            });
        }else{

          alert("Item was not found!") ; 
        }

          
        });
    </script>

    <!-- <script>
    //todo:slug generate
    $(document).on('click', '.btn_addserial', function (e) {
        let id = $(this).data('id');
        let item = $(this).data('item');
        let qty = $(this).data('qty');
        //$('#serialnumber').modal('show');
                 $('#id1').val(id);
                    $('#modalitem').val(item);
                    $('#modalqty').val(qty);
        // $('.first_name').text(first_name);
        // $('.last_name').text(last_name);
        // $('.phone').text(phone);
        // $('.email').text(email);
        // $('.country').text(country);
        // $('.state').text(state);
        // $('.city').text(city);
    });
</script> -->
<script>
        // display a modal (medium modal)
        $(document).on('click', '.btn_groupeditem', function(event) {
            event.preventDefault();
            $('#mygitable >tbody >tr').remove();
           // let href = $(this).attr('data-attr');
            $.ajax({
                url:"{{ url('collected/getcollectditems/')}}",
               data:{
            //    pickedup:""
                item_type:"1",
                _token: '{{csrf_token()}}'
               },
             
                beforeSend: function() {
                    $('#loader').show();
                },
                // return the result
                success: function(result) {
                   
                    $.each(result, function (key, value) {
                        var tqty=value.tqty;
                     
                     var order_number=value.order_number;
                          
               var groupid=value.groupid;

var item=value.item;
var itemid=value.pid;
$('#groupeditem').modal('show');

            var html = '';
html += '<tr>';
//  id ="item_'+key+'"

//html += '<input type="hidden"  id ="order_number" name="order_number[]" value="'+order_number+'" >'+'</td>';
//html += '<input type="hidden" id ="groupid" name="groupid[]" value="'+groupid+'" >'+'</td>';
//html += '<input type="hidden" id ="itemid" name="itemid[]" value="'+itemid+'" >'+'</td>';
//  html += '<td id ="item" name="item[]">' + item + "||" + ram + "||" + generation + "||" + combination + "||" + booting_ssd + "||" + additional_hdd + "||" + skin_type+'</td>';
html += '<td style="font-weight:bold" id ="item" name="item[]">' + item +'</td>';
html += '<td style="font-weight:bold" id ="tqty" name="tqty[]">' + tqty +'</td>';
html +='</tr>';
$('#mygitable').append(html);
                   
                  //  $('#groupeditembody').html(result).show();
                });
                Listgrouipedsecondaryitems();
               Listgrouipedramitems();
             ListGROUPskinitems();
ListGROUPadditionalhddditems();
ListGROUPbootingssditems();
ListUnprocessitems();     
            
                },
                complete: function() {
                    $('#loader').hide();
                },
                error: function(jqXHR, testStatus, error) {
                    console.log(error);
               
                 alert("cannot open. Error");
                    $('#loader').hide();
                },
                timeout: 8000
            })
        });
// check secondary items---------------------------------------
var Listgrouipedsecondaryitems = function(){

    $.ajax({
                url:"{{ url('orderlist/getgroupitemsformylist/')}}",
               data:{
            //    pickedup:""
                item_type:"2",
                _token: '{{csrf_token()}}'
               },
             
                beforeSend: function() {
                    $('#loader').show();
                },
                // return the result
                success: function(result) {
                   
                    $.each(result, function (key, value) {
                        var tqty=value.tqty;
                     
                     var order_number=value.order_number;
                          
               var groupid=value.groupid;

var item=value.item;
var itemid=value.pid;
$('#groupeditem').modal('show');

            var html = '';
html += '<tr>';
//  id ="item_'+key+'"

//html += '<input type="hidden"  id ="order_number" name="order_number[]" value="'+order_number+'" >'+'</td>';
//html += '<input type="hidden" id ="groupid" name="groupid[]" value="'+groupid+'" >'+'</td>';
//html += '<input type="hidden" id ="itemid" name="itemid[]" value="'+itemid+'" >'+'</td>';
//  html += '<td id ="item" name="item[]">' + item + "||" + ram + "||" + generation + "||" + combination + "||" + booting_ssd + "||" + additional_hdd + "||" + skin_type+'</td>';
html += '<td style="font-weight:bold" id ="item" name="item[]">' + item +'</td>';
html += '<td style="font-weight:bold" id ="tqty" name="tqty[]">' + tqty +'</td>';
html +='</tr>';
$('#mygitable').append(html);
                   
                  //  $('#groupeditembody').html(result).show();
                });

                },
                complete: function() {
                    $('#loader').hide();
                },
                error: function(jqXHR, testStatus, error) {
                    console.log(error);
               
                 alert("cannot open. Error");
                    $('#loader').hide();
                },
                timeout: 8000
            })

}

// check ram items---------------------------------------
var Listgrouipedramitems = function(){

$.ajax({
            url:"{{ url('orderlist/getgroup_ram_itemsformylist/')}}",
           data:{
        //    pickedup:""
             item_type:"1",
            _token: '{{csrf_token()}}'
           },
         
            beforeSend: function() {
                $('#loader').show();
            },
            // return the result
            success: function(result) {
               
                $.each(result, function (key, value) {
                    var tqty=value.tqty;
                 
                 var order_number=value.order_number;
                      
           var groupid=value.groupid;
       
var item=value.item;
var itemid=value.ram;
$('#groupeditem').modal('show');

        var html = '';
html += '<tr>';
//  id ="item_'+key+'"

//html += '<input type="hidden"  id ="order_number" name="order_number[]" value="'+order_number+'" >'+'</td>';
//html += '<input type="hidden" id ="groupid" name="groupid[]" value="'+groupid+'" >'+'</td>';
//html += '<input type="hidden" id ="itemid" name="itemid[]" value="'+itemid+'" >'+'</td>';
//  html += '<td id ="item" name="item[]">' + item + "||" + ram + "||" + generation + "||" + combination + "||" + booting_ssd + "||" + additional_hdd + "||" + skin_type+'</td>';
html += '<td style="font-weight:bold" id ="item" name="item[]">' + item +'</td>';
html += '<td style="font-weight:bold" id ="tqty" name="tqty[]">' + tqty +'</td>';
html +='</tr>';
$('#mygitable').append(html);
               
              //  $('#groupeditembody').html(result).show();
            });

            },
            complete: function() {
                $('#loader').hide();
            },
            error: function(jqXHR, testStatus, error) {
                console.log(error);
           
             alert("cannot open. Error");
                $('#loader').hide();
            },
            timeout: 8000
        })

}

// check booting ssd items---------------------------------------
var ListGROUPbootingssditems = function(){

$.ajax({
            url:"{{ url('orderlist/getgroupitemsBOOTINGSSDformylist/')}}",
           data:{
        //    pickedup:""
            item_type:"1",
            _token: '{{csrf_token()}}'
           },
         
            beforeSend: function() {
                $('#loader').show();
            },
            // return the result
            success: function(result) {
               
                $.each(result, function (key, value) {
                    var tqty=value.tqty;
                 
                 var order_number=value.order_number;
                      
           var groupid=value.groupid;

var item=value.item;
var itemid=value.booting_ssd;
$('#groupeditem').modal('show');

        var html = '';
html += '<tr>';
//  id ="item_'+key+'"

//html += '<input type="hidden"  id ="order_number" name="order_number[]" value="'+order_number+'" >'+'</td>';
//html += '<input type="hidden" id ="groupid" name="groupid[]" value="'+groupid+'" >'+'</td>';
//html += '<input type="hidden" id ="itemid" name="itemid[]" value="'+itemid+'" >'+'</td>';
//  html += '<td id ="item" name="item[]">' + item + "||" + ram + "||" + generation + "||" + combination + "||" + booting_ssd + "||" + additional_hdd + "||" + skin_type+'</td>';
html += '<td style="font-weight:bold" id ="item" name="item[]">' + item +'</td>';
html += '<td style="font-weight:bold" id ="tqty" name="tqty[]">' + tqty +'</td>';
html +='</tr>';
$('#mygitable').append(html);
               
              //  $('#groupeditembody').html(result).show();
            });

            },
            complete: function() {
                $('#loader').hide();
            },
            error: function(jqXHR, testStatus, error) {
                console.log(error);
           
             alert("cannot open. Error");
                $('#loader').hide();
            },
            timeout: 8000
        })

}

// check additional hdd  items---------------------------------------
var ListGROUPadditionalhddditems = function(){

$.ajax({
            url:"{{ url('orderlist/getgroupitemsadditionalhddformylist/')}}",
           data:{
        //    pickedup:""
            item_type:"1",
            _token: '{{csrf_token()}}'
           },
         
            beforeSend: function() {
                $('#loader').show();
            },
            // return the result
            success: function(result) {
               
                $.each(result, function (key, value) {
                    var tqty=value.tqty;
                 
                 var order_number=value.order_number;
                      
           var groupid=value.groupid;

var item=value.item;
var itemid=value.additional_hdd;
$('#groupeditem').modal('show');

        var html = '';
html += '<tr>';
//  id ="item_'+key+'"

//html += '<input type="hidden"  id ="order_number" name="order_number[]" value="'+order_number+'" >'+'</td>';
//html += '<input type="hidden" id ="groupid" name="groupid[]" value="'+groupid+'" >'+'</td>';
//html += '<input type="hidden" id ="itemid" name="itemid[]" value="'+itemid+'" >'+'</td>';
//  html += '<td id ="item" name="item[]">' + item + "||" + ram + "||" + generation + "||" + combination + "||" + booting_ssd + "||" + additional_hdd + "||" + skin_type+'</td>';
html += '<td style="font-weight:bold" id ="item" name="item[]">' + item +'</td>';
html += '<td style="font-weight:bold" id ="tqty" name="tqty[]">' + tqty +'</td>';
html +='</tr>';
$('#mygitable').append(html);
               
              //  $('#groupeditembody').html(result).show();
            });

            },
            complete: function() {
                $('#loader').hide();
            },
            error: function(jqXHR, testStatus, error) {
                console.log(error);
           
             alert("cannot open. Error");
                $('#loader').hide();
            },
            timeout: 8000
        })

}

// check additional hdd  items---------------------------------------
var ListGROUPskinitems = function(){

$.ajax({
            url:"{{ url('orderlist/getgroupitemsskinformylist/')}}",
           data:{
        //    pickedup:""
            item_type:"1",
            _token: '{{csrf_token()}}'
           },
         
            beforeSend: function() {
                $('#loader').show();
            },
            // return the result
            success: function(result) {
               
                $.each(result, function (key, value) {
                    var tqty=value.tqty;
                 
                 var order_number=value.order_number;
                      
           var groupid=value.groupid;

var item=value.item;
var itemid=value.skin_type;
$('#groupeditem').modal('show');

        var html = '';
html += '<tr>';
//  id ="item_'+key+'"

//html += '<input type="hidden"  id ="order_number" name="order_number[]" value="'+order_number+'" >'+'</td>';
//html += '<input type="hidden" id ="groupid" name="groupid[]" value="'+groupid+'" >'+'</td>';
//html += '<input type="hidden" id ="itemid" name="itemid[]" value="'+itemid+'" >'+'</td>';
//  html += '<td id ="item" name="item[]">' + item + "||" + ram + "||" + generation + "||" + combination + "||" + booting_ssd + "||" + additional_hdd + "||" + skin_type+'</td>';
html += '<td style="font-weight:bold" id ="item" name="item[]">' + item +'</td>';
html += '<td style="font-weight:bold" id ="tqty" name="tqty[]">' + tqty +'</td>';
html +='</tr>';
$('#mygitable').append(html);
               
              //  $('#groupeditembody').html(result).show();
            });

            },
            complete: function() {
                $('#loader').hide();
            },
            error: function(jqXHR, testStatus, error) {
                console.log(error);
           
             alert("cannot open. Error");
                $('#loader').hide();
            },
            timeout: 8000
        })

}

// check unprocessitem items---------------------------------------
var ListUnprocessitems = function(){

$.ajax({
            url:"{{ url('orderlist/getgroupitemsforunprocessingitems/')}}",
           data:{
        //    pickedup:""
            item_type:"2",
            _token: '{{csrf_token()}}'
           },
         
            beforeSend: function() {
                $('#loader').show();
            },
            // return the result
            success: function(result) {
               
                $.each(result, function (key, value) {
                    var tqty=value.tqty;
                 
                 var order_number=value.order_number;
                      
           var groupid=value.groupid;

var item=value.item;
var itemid=value.pid;
$('#groupeditem').modal('show');

        var html = '';
html += '<tr>';
//  id ="item_'+key+'"

//html += '<input type="hidden"  id ="order_number" name="order_number[]" value="'+order_number+'" >'+'</td>';
//html += '<input type="hidden" id ="groupid" name="groupid[]" value="'+groupid+'" >'+'</td>';
//html += '<input type="hidden" id ="itemid" name="itemid[]" value="'+itemid+'" >'+'</td>';
//  html += '<td id ="item" name="item[]">' + item + "||" + ram + "||" + generation + "||" + combination + "||" + booting_ssd + "||" + additional_hdd + "||" + skin_type+'</td>';
html += '<td style="font-weight:bold" id ="item" name="item[]">' + item +'</td>';
html += '<td style="font-weight:bold" id ="tqty" name="tqty[]">' + tqty +'</td>';
html +='</tr>';
$('#mygitable').append(html);
               
              //  $('#groupeditembody').html(result).show();
            });

            },
            complete: function() {
                $('#loader').hide();
            },
            error: function(jqXHR, testStatus, error) {
                console.log(error);
           
             alert("cannot open. Error");
                $('#loader').hide();
            },
            timeout: 8000
        })

}


    </script>
<script>
   
//remove the entry
$(document).on('click', '#btn_return', function(event) {
  
        event.preventDefault();
   
// const order_number =$(this).parent().parent().find(".ordernumber").val();
if (confirm('Do you want to cancel!,Are you  sure')) {
    
    //var array = []
    var dataarray = $('#my_item').serialize();
var checkboxes = document.querySelectorAll('input[type=checkbox]:checked')
if(checkboxes.length>0){
//     for (var i = 0; i < checkboxes.length; i++) {  
//         dataarray.push({id:checkboxes[i].value, item_location:$('#order_location').val(),pickupdate:$('#pickupdate').val(),pickuptime:$('#pickuptime').val()})
//   //var data_to_send = $.serializeArray(array);
// }
}else {
    toastr.info("Item was not Selected!");
    return;
}

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
//var formdata = $('#pickup_item').serialize();
$.ajax({
   
    type: 'POST',

url:"{{ url('orderlist/updateafterpickupforcollectionreutrunstatus/')}}",
//type:'POST',
//dataType: "text",
//dataType: 'json',
  
// contentType:false,
// processDate:false,

 data:dataarray,
 _token: '{{csrf_token()}}',
    //$('#pickup_item').serialize(),
 
 //dataType: "json",
            // traditional: true,
       //       async: false,
//   data: {
//         $('#pickup_item').serialize()
        
             
//  // _token: '{{csrf_token()}}'  

//                          },

   beforeSend:function(){
    // debugger;
    $('#itemserial').text('Rejection in progress...');
 $("#itemserial").show();

$("#itemserial").show();
 },
success:function(data){
  //  toastr["success"](data, "Success");
  // alert("DONE!");
  
   toastr.success("Done!");
   $("input[type=checkbox]:checked").closest("tr").remove();
   //$('#itemtable >tbody >tr').remove();
//   getBalanceList();
 //  $('#newordertabel1 >tbody >tr').remove();
 //  addpreparedorder();
//    debugger;
$('#itemserial').text('');
},
error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
  //  alert(thrownError);
 // alert["error"](thrownError, "Error");
 toastr.error(thrownError);
}

});

}
});






</script>

<!-- <script>

$(document).on("click", ".print", function () {
  const section = $("section");
  const modalBody = $(".groupeditembody").detach();

  const content = $(".content").detach();
  section.append(modalBody);
  window.print();
  section.empty();
  section.append(content);
  $(".modal-body-wrapper").append(modalBody);
});
</script> -->
<script>

$(document).ready(function () {
  $(document).on("click", ".print", function () {
    var tableContent = $('#mygitable').clone();
  
  // Remove any script tags that may interfere
  $('script.flasher-js').remove();

  // Create a new window for printing
  var printWindow = window.open('', '_blank');
  
  // Ensure we escape the content correctly
  var tableHtml = tableContent.prop('outerHTML'); // Get the HTML content of the table

  // Check if tableHtml has any special characters that need to be escaped
  tableHtml = tableHtml.replace(/`/g, '&#96;'); // Escape backticks if any

  // Add the table and styles to the new window
  printWindow.document.write(`
    <!DOCTYPE html>
    <html lang="en">
      <body>
        <style>
          table {
            width: 100%;
            border-collapse: collapse;
          }
          table, th, td {
            border: 1px solid black;
            text-align: left;
            padding: 8px;
          }
          th {
            background-color: #f2f2f2;
          }
        </style>
        <h2>HitechBay</h2>
        <hr>
        <h2>Picker's List</h2>
        ${tableHtml} <!-- Properly insert the table HTML content -->
      </body>
    </html>
  `);


  // Close the document and initiate the print dialog
  printWindow.document.close();
  printWindow.focus();
  printWindow.print();
  printWindow.close();
  });
});
</script>




<!-- <script>
    $(function(){    
    $('button[type="button"]').click(function(){    		
        $('').printThis({
            debug: false,        
            footer: $("#mygitable").clone().children().find('table').css('display','block').get(0),
        });
    });
});
</script> -->

<script>
    
     let activeRow = null;
    
    $(document).on('click', '.btn_Updateserial', function(event) {
        event.preventDefault();
      
       
        activeRow = $(this).closest('tr');
       
if (confirm('Are you sure?')) {
var serialnumber=$("#serialno").val();
if (serialnumber==('')){
    alert("Serial Number is missing!");
    return;
}

    let row = $(this).closest('tr');
    let cid = row.find('input[name^="id"]').val();
    let odid1 = row.find('input[name^="odid"]').val();
    let order_number1 = row.find('input[name^="ordernumber"]').val();
    let grpid = row.find('input[name^="groupid"]').val();
    let pid1 = row.find('input[name^="pid"]').val();
    let item = row.find('input[name^="item"]').val() || row.find('td:eq(4)').text().trim(); // fallback if plain text
    let qty = row.find('input[name^="qty"]').val() || row.find('td:eq(5)').text().trim();   // fallback
    let Typo = row.find('input[name^="typoo"]').val();
    let ordernumber2 = row.find('input[name^="ordernumber2"]').val();

$("#cid").val(cid);
$("#odid1").val(odid1);
$("#order_number1").val(order_number1);
$("#pid1").val(pid1);
$("#typo").val(Typo);
$("#grid").val(grpid);


var itemserialno =$("#serialno").val();
 
    
$.ajax({
   
    type: 'get',
    dataType: "json",
url:"{{ url('itemserials/checkserialnumberupdateditems/')}}",

  data: {
    'itemserialno':itemserialno, 
   
  _token: '{{csrf_token()}}'  

                         },

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },

success:function(data){
 // toastr.success("Done!");
 if(data == ('')){
    
    addserialnumbeforitem();
    return;
       }else{
        
        alert("This Serial Number is already exist! Try an other number");
        $("#serialno").val('');
       }



 
},
error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);
}

});

}
});


var addserialnumbeforitem = function(){

    var dateObj = new Date();
      //  var form_data = $(this).serialize();
var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");      
var day = dateObj.getDate().toString().padStart(2, "0");
var year = dateObj.getFullYear().toString().padStart(4, "0");
var hours = dateObj.getHours().toString().padStart(2, "0");
var minutes = dateObj.getMinutes().toString().padStart(2, "0");
var seconds = dateObj.getSeconds().toString().padStart(2, "0");

var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
var timeStr= hours + ":"+ minutes +":"+ seconds;

var  odid1=$("#odid1").val();
var  order_number1= $("#order_number1").val();
var  updated_date= dateStr;
var  pid1= $("#pid1").val();
    
    var itemserialno =$("#serialno").val();
 var type=$("#typo").val();

$.ajax({
   
    type: 'POST',
    dataType: "json",
url:"{{ url('itemserials/insertserialnumbersforitems/')}}",
//type:'POST',
//dataType: "text",
//dataType: 'json',
  
// contentType:false,
// processDate:false,
  
 //data: JSON.stringify(useritems),
// _token: '{{csrf_token()}}',

  data: {
    'odid':odid1, 
    'order_number':order_number1,  
    'updated_date':updated_date,
    'pid':pid1,
    'itemserialno':itemserialno,
    'type':type,
//  'users'
       

  _token: '{{csrf_token()}}'  

                         },

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },

success:function(data){
 // toastr.success("Done!");
 // $("#serialno").val('');

 update_singlelineupdateafterpickupforcollectionstatus();
},
error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);
}

});
}
// $typoo=$request->typoo;
//  $id =$request->odid;
// $order_number =$request->ordernumber2;
// $groupid =$request->groupid;
var update_singlelineupdateafterpickupforcollectionstatus = function(){
    var dateObj = new Date();
      //  var form_data = $(this).serialize();
var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");      
var day = dateObj.getDate().toString().padStart(2, "0");
var year = dateObj.getFullYear().toString().padStart(4, "0");
var hours = dateObj.getHours().toString().padStart(2, "0");
var minutes = dateObj.getMinutes().toString().padStart(2, "0");
var seconds = dateObj.getSeconds().toString().padStart(2, "0");

var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
var timeStr= hours + ":"+ minutes +":"+ seconds;

var  odid=$("#odid1").val();
var  ordernumber2= $("#order_number1").val();

var  updated_date= dateStr;
var  pid1= $("#pid1").val();
var  typoo= $("#typo").val();
var groupid=$("#grid").val();
var itemserialno =$("#serialno").val();
 

$.ajax({
   
    type: 'POST',
    dataType: "text",
url:"{{ url('orderlist/singlelineupdateafterpickupforcollectionstatus/')}}",
//type:'POST',
//dataType: "text",
//dataType: 'json',
  
// contentType:false,
// processDate:false,
  
 //data: JSON.stringify(useritems),
// _token: '{{csrf_token()}}',

  data: {
    'odid':odid, 
    'ordernumber2':ordernumber2,  
    'typoo':typoo,
    'groupid':groupid,
    
  _token: '{{csrf_token()}}'  

                         },

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },

success:function(data){
    update_takenqtyforcollectedtable();
  


//$("#mytable").closest('tr').remove();
},
error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);
}

});

}

var update_takenqtyforcollectedtable = function(){
    var collectedId=$("#cid").val();
    var odId=$("#odid1").val();
    var ItemId=$("#pid1").val();
   // let currentRow = $('.btn_Updateserial').closest('tr');
   $('#mytable').DataTable();
    $.ajax({
      
        url:"{{ url('collected/takeOne/')}}",
        method: 'POST',
        data: {
            collected_id: collectedId,
            odid: odId,
            pid: ItemId,
            _token: '{{ csrf_token() }}'
        },
        success: function(response) {
          //  row.find('.takenqty').text(response.takenqty);
         //   row.find('.remaining').text(response.remaining_qty);
            toastr.success("Done!");
           $("#serialno").val('');
         //  location.reload();
      //   currentRow.remove();
      if (activeRow) {
                let table = $('#mytable').DataTable(); // your table ID
                table.row(activeRow).remove().draw(); // ✅ correct way
                activeRow = null;
            }
        
        },
        error: function(xhr) {
            alert(xhr.responseJSON?.error || 'Error taking item');
        }
    });
}


</script>

<!-- preventing auto form submittion code below -->
<script>
    $("input, textarea, select").keypress(function(event){
    if (event.which == '10' || event.which == '13') {
        event.preventDefault();

        
    }
});
    </script>

<script>
  $('#serialno').on('keydown', function (e) {
    if (e.key === 'Enter') {
      e.preventDefault(); // Block Enter key
    }
  });

  $('#serialno').on('input', function () {
    // Remove newlines in case of pasted text
    $(this).val($(this).val().replace(/[\r\n]/g, ''));
  });
</script>  
<!-- <script>
  $('#serialno').on('input', function () {
    // Remove any newlines from the input
    $(this).val($(this).val().replace(/[\r\n]/g, ''));
  });
</script> -->

<!-- <script>
  document.getElementById('serialno').addEventListener('input', function (e) {
    // Remove any newlines from the input
    this.value = this.value.replace(/[\r\n]/g, '');
  });
</script> -->

<script> 
   $(document).on('click', '#btncancelgrp', function(event) {
    $('#groupeditem').modal('hide');
   });
  </script>


@endsection


   

 


<!-- 
SAMPLES -->

<!-- //var row = $(this).closest('tr');
//var ornum = $(row).find('td').eq(1).html();


//const order_number=ornum;
//const order_location ="pickup";

  
// const useritems={
//     "order_number":order_number, 
//     "order_location":order_location
  
//  //    -->