@extends('layouts.app')

@section('title', 'Packing')

@section('content')

<div class="container-fluid">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
<script
  src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous">
</script>


<!-- <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"> -->
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> -->

    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.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>
      
      {{-- Alert Messages --}}
        @include('common.alert')

        {{-- Page Content --}}
        <div class="row">
        <div class="col-11 mx-auto">
        <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Packing Panel</h1>
      
  <!-- <div class="float-right">
<a href="#" class=" btn btn-lg btn-warning shadow-md " >
            <i class="fas fa-arrow-left fa-sm  "></i>Back</a>
</div>  -->
    </div>
    </div>
    </div><!-- End Container -->
    <hr> 
    
   
    <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">
        <form method="POST" action="#" name="add_pack" id="add_pack" >
        {{csrf_field()}}
        
      <meta charset="utf-8"> 
     <meta name="csrf-token" content="content">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <input type="hidden"name="totorderqty[]" id="totorderqty">
    <input type="hidden"name="totcompletedqty[]" id="totcompletedqty">
    <input type="hidden"name="gjid[]" id="gjid" value="0"> 
    <input type="hidden"name="mainitemID[]" id="mainitemID" value="0"> 
    <input type="hidden"name="grID[]" id="grID" value="0"> 
    <input type="hidden"name="odID[]" id="odID" value="0"> 
    <input type="hidden"name="odID1[]" id="odID1" value="0"> 
    <input type="hidden"name="customer[]" id="customer" value=""> 
    <input type="hidden"name="address[]" id="address" value=""> 
    <input type="hidden"name="customeraddress[]" id="customeraddress" value=""> 
    <input type="hidden"name="Pendingqty[]" id="Pendingqty" value=""> 
    <input type="hidden"name="hiddenordernumber[]" id="hiddenordernumber" value="0"> 

<div class="row"> 

<div class="col-md-12" > 
       
                                 <!-- //Country -->
                                 <label for="ordernumber">Order_Number:</label>
                                 <select id="ordernumber" name="ordernumber" class="form-control ">
                            <option value="0" selected disabled >Select Orders.....</option>
                            @foreach ($generaljob as $data) 
                            <option value="{{$data->order_number}}">{{$data->order_number}}::{{$data->order_type}}
                            </option>
                            @endforeach
                        
                           </select>
                           @error('name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
</div>
                            

                              <div class="col-md-12 py-4" > 
                              
                              <label class="labels">Order_Type</label>
                                <input type="text" class="form-control @error('ordertype') is-invalid @enderror"
                                   name="ordertype[]" placeholder="ordertype" id="ordertype" disabled>

                                @error('ordertype')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                                </div>
                               
                                <div class="col-md-12">
            <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">
                <button id ="btn_move" style="display: none;" href="#" class=" btn btn-md btn-primary"  disabled >
            <i class="fa fa-fast-forward" aria-hidden="true"></i> : Move All</button>
                  <div class="col mr-2">
                  <div class="table-responsive">
           
           <table class="table table-bordered" id="packingtable" 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>
                   
                       <th style='width:10%; display:none;'>ID</th>
                       <th style='width:10%;  display:none;'>ODID</th>
                       <th style='width:10%;  display:none;'>OrderNumber</th>
                       <th style='width:10%;  display:none;'>Group_No</th>
                       <th style='width:10%;  display:none;'>ItemID</th>
                       <th style='width:40%;'>Master_Item</th>
                       <th style='width:10%;'>Ordered_Qty</th>
                       <th style='width:10%;'>Completed_Qty</th>
                       <th style='width:5%;'>Priority</th>
                      <!-- <th style='width:6%;'>Action</th> -->
                  
                  
                   </tr>
                  
               </thead>
              
               <tbody>
<!-- NEED ADD THE DATAROWS HERE -->

               </tbody>
           </table>

        
       </div>

                     

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

            </div>
<!-- ------------------------------------------------ -->

                              </div>       
                           <hr>
                              <div class="col-md-5 font-weight-bold text-gray-800" id="TotalQty">
 <!-- loading quantity  by jquery -->
</div>
<hr>
<div class="col-md-6 font-weight-bold text-gray-800" id="PendingQty"> 
<!-- loading quantity  by jquery -->
</div>
                        


</div> 
        
</div>


    </div>
   
  
    
    
<hr>
        <div class="row">
        

<div class="col-md-12 py-4">
            <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">
                <button id ="btn_Remove_A" style="display: none;" href="#" class=" btn btn-md btn-danger"  disabled >
                <i class="fa fa-trash" aria-hidden="true"></i> : Remove All</button>
                 <!-- SELECTED ORDERS -->
                 <div class="col-md-12 py-4" > 
                 <label for="ordernumber">Selected Orders for Packing:</label>
                                 <select id="s_ordernumber" name="s_ordernumber" class="form-control ">
                            <option value="0" selected disabled >Select Orders.....</option>
                            @foreach ($generaljob1 as $data) 
                            <option value="{{$data->order_number}}">{{$data->order_number}}::{{$data->order_type}}
                            </option>
                            @endforeach
                        
                           </select>
                           @error('name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                                </div> 
                                     
                <!-- --------------------------------------------------- -->
                <div class="col mr-2">
            <!-- ------------------------- -->
            <div class="table-responsive">
           
           <table class="table table-bordered" id="packingdetailtable" 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>
                   <th style='width:2%;'><input type="checkbox" id="allcb" name="allcb" value="0"/> Select_All </th>
                 <th style='width:10%; display:none;'>ID</th>
                   <th style='width:10%;  display:none;'>ODID</th>
                     <th style='width:10%;  display:none;'>OrderNumber</th>
                       <th style='width:10%;  display:none;'>Group_No</th>
                       <th style='width:10%;  display:none;'>ItemID</th>
                       <th style='width:40%;'>ItemList</th>
                       <th style='width:10%;'>Action</th>
                      
                  
                  
                   </tr>
                  
               </thead>
              
               <tbody>
<!-- NEED ADD THE DATAROWS HERE -->

               </tbody>
           </table>

        
       </div>


                </div>
                        
                      
                    </div>

</form>
                </div>

                



            </div>
            
            

            </div>
           
            

</div>
<hr>
<div class="row">
        <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="table-responsive">
           
           <table class="table table-bordered" id="orderboxestable" width="100%" cellspacing="0" >
               <thead>
              <tr>
                   
               <th style='width:10%; display:none;'>ID</th>
                       <th style='width:50%;'>Box_Description</th>
                       <th style='width:6%;'>Action</th>
                  
                  
                   </tr>
                  
               </thead>
              
               <tbody>

               </tbody>
           </table>
                           
                            </div>
                            </div>
                            </div>                 
</div>
</div>
<div class="row">
        <div class="col-xl-12 col-md-4 mb-6">
<div class="card-footer">
               <!-- -------------pending----------------------- -->
               <div class="float-left">
  <button id ="btn_start" class="btn btn-warning btn-md shadow-md mr-2" disabled >
  <i class="fa fa-play" aria-hidden="true"></i>Start</button>
  </div>
  <div class="float-left">
  <button id ="btn_boxes" class="btn btn-info btn-md shadow-md mr-1"  data-target="#boxitems" data-toggle="modal" type="button" disabled>
  <i class="fa fa-th" aria-hidden="true"></i>Add_Boxes</button>
  </div>

  
  
  
  
  
  <div class="float-right">
  <!-- <button id ="btn_show" class="btn btn-primary btn-md shadow-md" >
  <i class="fa fa-check-circle-o" aria-hidden="true"></i>Show</button> -->
  <button id ="btn_groupeditem" href="#" class=" btn btn-md btn-primary shadow-md  " data-target="#ordereditem" data-toggle="modal" disabled >
<i class="fa fa-newspaper-o" aria-hidden="true"></i> Show</button>



</div>
            
  
  <div class="float-right">
  <button id ="btn_done" class="btn btn-success btn-md shadow-md mr-1" disabled>
  <i class="fa fa-check-circle-o" aria-hidden="true"></i>Done</button>
  </div>
 

  </div>

  </div>
  </div>

</div>    
@include('Boxes_shipping.add-boxesmodal')
@include('Orders.employee-orderitemview-modal')


@endsection
@section('scripts')
<script>
$(document).ready(function(){ 
 
             //   $("#state-dropdown").html('');
                $.ajax({
                    
                 
                    url: "{{ url('orderlist/Getordernumberforpackingforunprocessitems/') }}" ,
                  type: "get",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                        //country_id: idCountry,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                      //  $('#ordernumber').html('<option value="0">-- Select State --</option>');
                        $.each(result, function (key, value) {
                            $("#ordernumber").append('<option value="' + value
                                .order_number + '">' + value.order_number + '</option>');
                            
                            // $("#state-dropdown").append('<option value=' + key + '>' + value + '</option>');
                        });



                        
                    }
                });


});

</script>


<!-- <script>
    $(document).ready(function(){
//remove the entry
$('#packingtable').on('click', '.btn_select', function(){
     
  //  if (confirm('Are you sure?')) {
// var row = $(this).closest('tr');
// var gid = $(row).find('td').eq(3).html();
// const groupid=gid;
//$('#packingdetailtable >tbody >tr').remove();
const processstatus=$(this).parent().parent().find(".txtprocess_status").val();
const groupid=$(this).parent().parent().find(".txtgroupid").val();
const ordertypo=$("#ordertype").val();
const odid=$(this).parent().parent().find(".txtodid").val();
$('#odID1').val(odid);
if(ordertypo==('Direct Order')){

  getitemtype2unprocessitenlist();



}else{
  $.ajax({   
                    url: "{{ url('orderlist/viewOrderDetailswithjointsforpacking/') }}" ,
                    type: "GET",
                    data: {
                       
                        groupid:groupid,
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                        if(res != null){
                          
                          $('#btn_start').prop('disabled', false);
                          $('#btn_done').prop('disabled', true);
                          $('#btn_Remove_A').prop('disabled', false);
                        $.each(res, function (key, value) {
                            var id=value.id;
                            var process_status=value.Process_Status;
                         var order_number=value.order_number;
 var groupid=value.groupid;
 
 var item=value.item;
 var itemid=value.pid;
 var ram=value.ram;
 var generation=value.generation;
 var combination=value.combination;
 var booting_ssd=value.booting_ssd;
 var additional_hdd=value.additional_hdd;
 var skin_type=value.skin_type;
 $('#mainitemID').val(value.pid);
 $('#odID').val(value.id);
 $('#grID').val(groupid);

                var html = '';
 html += '<tr data-id="'+groupid+'">';
 html += '<td style="display:none;"class="custom-tbl" id ="id" name="id[]">' + id + '</td>';
 html += '<td style="display:none;"class="custom-tbl" id ="order_number" name="order_number[]">' + order_number + '</td>';
 html += '<td style="display:none;"class="custom-tbl" id ="groupid" name="groupid[]">' + groupid + '</td>';
 html += '<td style="display:none;"class="custom-tbl" id ="itemid" name="itemid[]">' + itemid + '</td>';
 html += '<td style="display:none;"class="custom-tbl" id ="ps" name="ps[]">' + process_status + '</td>';
 html += '<td id ="item" name="item[]">' + item + "||" + ram + "||" + generation + "||" + combination + "||" + booting_ssd + "||" + additional_hdd + "||" + skin_type+'</td>';
 html += '<td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk" checked ><a href="#" button class="btn btn-outline-dark btn-sm btn_delete1" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>';
html +='</tr>';
  $('#packingdetailtable').append(html);
                           



});  

getitemtype2(); 
//getitemtype2unprocessitenlist(); 

}     
}       
                        });

}
//var orn = [];



//}
});



    });

    var getitemtype2 = function(){
   // bind the oders---------------------------------
  // var order_number = $('#ordernumber').val();
   const groupid=$('#packingtable').parent().parent().find(".txtgroupid").val()
   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/viewOrderDetailswithjointsforpackingtype2/') }}" ,
                    type: "get",
                    data: {
                       
                        groupid:groupid,
                        _token: '{{csrf_token()}}'
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {

                        if(result != null){
                         
                        
$.each(result, function (key, value) {
   
    var id=value.id;
    var process_status=value.Process_Status;
   var order_number=value.order_number;
var groupid=value.groupid;
var item=value.item;
var itemid=value.pid;

var html = '';
html += '<tr data-id="'+groupid+'">';
html += '<td style="display:none;"class="custom-tbl txtid" id ="id" name="id[]">' + id + '</td>';
html += '<td style="display:none;"class="custom-tbl" id ="order_number" name="order_number[]">' + order_number + '</td>';
html += '<td style="display:none;"class="custom-tbl" id ="groupid" name="groupid[]">' + groupid + '</td>';
html += '<td style="display:none;"class="custom-tbl" id ="itemid" name="itemid[]">' + itemid + '</td>';
html += '<td style="display:none;"class="custom-tbl" id ="ps" name="ps[]">' + process_status + '</td>';
html += '<td input  type="text" id ="item" name="item[]">' + item +'</td>';
html += '<td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk" checked><a href="#" button class="btn btn-outline-dark btn-sm btn_delete1" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>';
html +='</tr>';

$('#packingdetailtable').append(html);
   
}); 

//getgeneraljobtableid();
}     


                        
                 
}            
                        });


}

var getitemtype2unprocessitenlist = function(){
   // bind the oders---------------------------------
   var order_number = $('#ordernumber').val();
   var id=$('#odID1').val();
   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/viewOrderDetailswithjointsforpackingtype2unprocessitemlist/') }}" ,
                    type: "get",
                    data: {
                       
                      id:id,
                        _token: '{{csrf_token()}}'
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {

                        if(result != null){
                          $('#btn_start').prop('disabled', true);
                          $('#btn_done').prop('disabled', false);
                          $('#btn_Remove_A').prop('disabled', false);
$.each(result, function (key, value) {
   
    var id=value.id;
    var process_status=value.Process_Status;
   var order_number=value.order_number;
var groupid=value.groupid;
var item=value.item;
var itemid=value.pid;

var html = '';
html += '<tr data-id="'+groupid+'">';
html += '<td style="display:none;"class="custom-tbl txtid" id ="id" name="id[]">' + id + '</td>';
html += '<td style="display:none;"class="custom-tbl" id ="order_number" name="order_number[]">' + order_number + '</td>';
html += '<td style="display:none;"class="custom-tbl" id ="groupid" name="groupid[]">' + groupid + '</td>';
html += '<td style="display:none;"class="custom-tbl" id ="itemid" name="itemid[]">' + itemid + '</td>';
html += '<td style="display:none;"class="custom-tbl" id ="ps" name="ps[]">' + process_status + '</td>';
html += '<td input  type="text" id ="item" name="item[]">' + item +'</td>';
html += '<td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk"><a href="#" button class="btn btn-outline-dark btn-sm btn_delete1" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>';
html +='</tr>';

$('#packingdetailtable').append(html);
   
}); 

//getgeneraljobtableid();
}     


                        
                 
}            
                        });


}
</script> -->

<script>
$(document).ready(function(){
   // var more_loader = $("<img id='hiddenL' src='../ForePost/icons/spin.gif'/>");
 //  href="{{route('productlist.createinventory')}}"
   
      //  var form_data = $(this).serialize();
      $( '#hiddenordernumber').val(0);
    $('#ordernumber').on('change', function(){
        var order_number = this.value;
       $( '#hiddenordernumber').val(order_number);
       
       $('#packingtable >tbody >tr').remove();
        $('#packingdetailtable >tbody >tr').remove();
      
        const selectedText = $(this).find('option:selected').text();
       
        if (selectedText.includes('::')) { // Check for hyphen
          const splitText = selectedText.split('::');   // Split using '-'

//console.log("Original Text:", selectedText);
//console.log("After Split:", splitText);

// Accessing individual parts
const part1 = splitText[0]; // First part before '-'
const part2 = splitText[1]; // Second part after '-'
//const part_Process2 = part2.replace(/(\r\n|\n|\r)/gm, '');
const part_Process2 = part2.replace(/\s+/g, ''); //removing the white space too
if(part_Process2==='ProcessingOrder'){
  $.ajax({
          
    
          url: "{{ url('process/getprepareditemsforprocesslistFORPACKINGsectionBYORDERNUMBER/') }}",
          //url: "{{ url('orderlist/getprocessmainitemforpackingpanel/') }}",
        type: "GET",
         dataType: 'json',
         
          data: {
            section:"SKIN",
            order_number: order_number,
              _token: '{{csrf_token()}}'
          },
         
          success: function (result) {
              if(result !== null){
                $('#btn_boxes').prop('disabled', false);
             $('#btn_groupeditem').prop('disabled', false);
             $('#btn_move').prop('disabled', false);
             $('#btn_start').prop('disabled', false);
         $('#btn_done').prop('disabled', true);
             
    
              $.each(result.items, function (key, value) {
 var id= "0";
var odid=value.order_did;
var ornum=value.order_number;
var priority=value.priority;
var grid=value.groupid;
var itemid=value.itemid;
var channel=value.channel_name;
var odate=value.order_date;
var item=value.item;
var customer=value.Customer_name;
// var country=value.country;
// var state=value.state;
// var city=value.city;
// var street=value.street;
// var room_suite_floor=value.room_suite_floor;
// var postalcode=value.postalcode;
var processstatus=value.Process_Status;
var ordertype=value.order_type;
var Orderqty=value.qty;
var itemsno=value.itemserialnos;
var isid=value.isids;
var  item_count=value.item_count;
$('#ordertype').val(ordertype);
//var address=country + "," + state + "," + city + "," + street + "," + room_suite_floor + "," + postalcode;
//var address=room_suite_floor +"," +street +"," +city +"," +state +"," +country +"," +postalcode

$('#customer').val(customer);

 //$('#address').val(address);
 //$('#customeraddress').val(address);
//$('#grID').val(grid);
              


var html = '';


  html += '<tr>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="id[]" id ="id0" class="form-control txtid" value='+id+'></td>';
  html +='<td style="display:none;"class="custom-tbl"><input type="text" name="odid[]" id ="odid0" class="form-control txtodid" value='+odid+'>'+odid+'</td>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="ordernumber[]" id ="ordernumber" class="form-control txtordernumber" value='+order_number+'></td>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="groupid[]" id ="groupid" class="form-control txtgroupid" value='+grid+'>'+grid+'</td>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="itemid[]" id ="itemid" class="form-control txtitemid" value='+itemid+'>'+itemid+'</td>';
  html += '<td style="display:none;" class="custom-tbl"><input type="text" id ="isid" name="isid[]" class="form-control txtisid" value="'+isid+'" >' + isid + '</td>';
 html += '<td style="display:none;" class="custom-tbl"><input type="text" id ="itemserialno" name="itemserialno[]" class="form-control txtitemserialno" value="'+itemsno+'" >' + itemsno + '</td>';
  html +='<td class="custom-tbl"><input type="text" name="multi[]" id ="multi0" class="form-control txtmultiple" disabled value='+channel+"-"+ornum+"-" +odate+'><textarea name="item[]" class="form-control txtitem" disabled>'+item+'</textarea></td>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="process_status[]" id ="process_status" class="form-control txtprocess_status" value='+processstatus+'>'+processstatus+'</td>';
  html +='<td  class="custom-tbl"><input type="text" name="orderqty[]" id ="orderqty" class="form-control txtorderqty" value='+Orderqty+' disabled ></td>';
  html +='<td  class="custom-tbl"><input type="text" name="completedqty[]" id ="completedqty" class="form-control txtorderqty" value='+item_count+' disabled ></td>';
  html +='<td  class="custom-tbl"><input type="text" name="priority[]" id ="priority" class="form-control txtpriority" value='+priority+' disabled ></td>';
  // html+='<td style="display: flex"><a href="#" button class="btn btn-outline-dark btn-sm btn_select" ><i class="fa fa-step-forward" aria-hidden="true"></i> Move</a></td>';
  html +='</tr>';
 
  $('#packingtable').append(html);

 //$('#packingtable').find('input:text').prop('disabled', true);
 //$('#packingtable').find('type:button').attr('disabled', true);
 //$(packingtable).closest('tr').find("btn_select").attr('disabled', true);     
          });
          
          
         getcustomerdetails();
         getBoxdetailsfororders();
       // gettotalmainitemquantity();
       // getpendingmainitemquantity();
         
         
         
     
        


  }
 
  
              
          }

        });




} else{
 // console.log("No hyphen found in:", selectedText);
       const part_Process2 ="DirectOrder"
        getunprocesseditemlist();
  



}
//console.log("Part 1:", part1);
//console.log("Part 2:", part2);


         
        
     

} else {
      
alert("Err Occured in the splitting function")
    }
       
  
        

    });
});



var getunprocesseditemlist = function(){
  var order_number = $("#ordernumber").val();
       // $('#packingtable >tbody >tr').remove();

      //  $("#packingtable").find("btn_select").prop("disabled", "disabled");
        //$("#packingtable :input").prop("disabled", "disabled");
       // $('#packingtable').find('input:text').prop('disabled', true);
       // $('#packingtable').prop('disabled', true); 
       // $("#btn_select").prop("disabled", true) 
        $.ajax({
          
    

          url: "{{ url('orderlist/getunprocessitemforpackingpanel/') }}",
        type: "GET",
         dataType: 'json',
      //    url: "{{url('routes/fetchState')}}",
      //    const url = "{{ url('routes/edit-route/{id}') }}"
          // url: '/fetchState/',
        //  url: "{{url('fetchState')}}",
          data: {
            //section:"SKIN",
            order_number: order_number,
              _token: '{{csrf_token()}}'
          },
         
          success: function (response) {
              if(response != null){
                $('#btn_boxes').prop('disabled', false);
               $('#btn_groupeditem').prop('disabled', false);
               $('#btn_start').prop('disabled', false);
               $('#btn_done').prop('disabled', false);
               
               $.each(response, function (key, value) {
 var id= "0"; //orderdetailsid
var odid=value.id;
var ornum=value.order_number;
var priority=value.priority;
var grid=value.groupid;
var itemid=value.itemid;
var channel=value.name;
var odate=value.order_date;
var item=value.item;
var customer=value.Customer_name;
var country=value.country;
var state=value.state;
var city=value.city;
var street=value.street;
var room_suite_floor=value.room_suite_floor;
var postalcode=value.postalcode;
var processstatus=value.Process_Status;
var ordertype=value.order_type;
var itemsno="0";
var isid="0";
$('#ordertype').val(ordertype);
var address=room_suite_floor +"," +street +"," +city +"," +state +"," +country +"," +postalcode
 $('#customer').val(customer);
 var Orderqty=value.qty;
 var Completedqty=value.qty;
 //$('#address').val(address);
//$('#grID').val(grid);
//$('#customeraddress').val(address);         


var html = '';


  html += '<tr>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="id[]" id ="id0" class="form-control txtid" value='+id+'></td>';
  html +='<td style="display:none;"class="custom-tbl"><input type="text" name="odid[]" id ="odid0" class="form-control txtodid" value='+odid+'></td>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="ordernumber[]" id ="ordernumber" class="form-control txtordernumber" value='+order_number+'></td>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="groupid[]" id ="groupid" class="form-control txtgroupid" value='+grid+'></td>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="itemid[]" id ="itemid" class="form-control txtitemid" value='+itemid+'></td>';
  html += '<td style="display:none;"class="custom-tbl"> id ="isid" name="isid[]" class="form-control txtisid" value="'+isid+'" >' + isid + '</td>';
 html += '<td style="display:none;" class="custom-tbl"> id ="itemserialno" name="itemserialno[]" class="form-control txtitemserialno" value="'+itemsno+'" >' + itemsno + '</td>';
  html +='<td class="custom-tbl"><input type="text" name="multi[]" id ="multi0" class="form-control txtmultiple" disabled value='+channel+"-"+ornum+"-" +odate+"-"+priority+'><textarea name="item[]" class="form-control txtitem" disabled>'+item+'</textarea></td>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="process_status[]" id ="process_status" class="form-control txtprocess_status" value='+processstatus+'></td>';
  html +='<td  class="custom-tbl"><input type="text" name="orderqty[]" id ="orderqty" class="form-control txtorderqty" value='+Orderqty+' disabled ></td>';
 html +='<td  class="custom-tbl"><input type="text" name="completedqty[]" id ="completedqty" class="form-control txtorderqty" value='+Completedqty+' disabled ></td>';
  html +='<td  class="custom-tbl"><input type="text" name="priority[]" id ="priority" class="form-control txtpriority" value='+priority+' disabled></td>';
  // html+='<td style="display: flex"><a href="#" button class="btn btn-outline-dark btn-sm btn_select" ><i class="fa fa-step-forward" aria-hidden="true"></i> Move</a></td>';
  html +='</tr>';
 
  $('#packingtable').append(html);

 //$('#packingtable').find('input:text').prop('disabled', true);
 //$('#packingtable').find('type:button').attr('disabled', true);
 //$(packingtable).closest('tr').find("btn_select").attr('disabled', true);     
          });
         
          getcustomerdetails();
          getBoxdetailsfororders();
      //   gettotalquantityfordirectorders();
      //  getpendingquantityfordirectorders()
         
  }
  ;
      
              
          }

        });



}

var getcustomerdetails=function(){
        var Customer_name = $('#customer').val();
  
  //  alert(Customer_name);
           $.ajax({
               
            
               url: "{{ url('customerlist/fetchCustomerlist/') }}" ,
             type: "POST",
              dataType: 'json',
          
               data: {
                   Customer_name: Customer_name,
                   _token: '{{csrf_token()}}'
               },
              
               success: function (resultcus) {
                   
                   $.each(resultcus, function (key, value) {
                var room_suite_floor=value.room_suite_floor;
                var  street=value.street;
                var city=value.name2;
                var  state=value.name3;
                var  country=value.name1;
                var postalcode=value.postalcode;
        //             $('#customer').val(value.Customer_name);    
        //                $('#email_address').val(value.email);
        //             $('#phone').val(value.mobile_number);
        //           $('#Street').val(value.street);
        //          $('#apt_floor').val(value.room_suite_floor);
        // $("#city").val(value.name2);
        //   $("#state").val(value.name3);
         
         
        //   $('#country').val(value.name1);
        
      // $('#city-dropdown option[value="'+value.city+'"]').prop("selected", "selected");
       
      //$('#state-dropdown option[value="'+value.state+'"]').prop("selected", "selected");
      
        //  $('#postal_code').val(value.postalcode);
         var address=room_suite_floor +"," +street +"," +city +"," +state +"," +country +"," +postalcode
          $('#customeraddress').val(address);        
                   
                   });



                 
               }

});


    }

// var getBoxdetailsfororders = function(){
//    // bind the oders---------------------------------

//    var order_number =$('#ordernumber').val();
//    $('#orderboxestable >tbody >tr').remove();
  
//              $.ajax({
//                     url: "{{ url('Orderbox/viewBoxdetails/') }}" ,
//                     type: "GET",
//                     data: {
                       
//                         order_number:order_number,
                       
//                          _token: '{{csrf_token()}}'
//                     },
//                     dataType: 'json',
//                     success: function (res) {
//                       if(res != null){
//               $.each(res, function (key, value) {
                
             
//                 var id= value.id;
// var boxid=value.boxid;
// var order_date=value.order_date;
// var updated_date=value.updated_date;
// var name=value.name;
// var size=value.size;
// var weight=value.weight;
// var order_number=value.order_number;
// var customer=value.customer;
// var address=value.address;
// var employee=value.employee;
// //$('#customer').val(customer);
// //$('#address').val(address);
// //$('#grID').val(grid);
//               var html = '';


//   html += '<tr>';
//   html +='<td style="display:none;" class="custom-tbl"><input type="text" name="id[]" id ="id0" class="form-control txtid" value='+id+'></td>';
//  html +='<td class="custom-tbl"><input type="text" name="multi[]" id ="multi0" class="form-control txtmultiple" disabled value='+customer+"-"+order_number+"-" +order_date+'><textarea name="item[]" class="form-control txtitem" disabled>'+name+"-"+size+"-" +weight+'</textarea></td>';
//   html+='<td style="display: flex"><a href="#" button class="btn btn-outline-dark btn-sm btn_delete" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>';
//   html +='</tr>';
 
//   $('#orderboxestable').append(html);
                           
// });    
// }          
// }            
//                         });


// }

var gettotalmainitemquantity = function(){
   // bind the oders---------------------------------
   var order_number = $('#ordernumber').val();
          $("#TotalQty").html('');
             $.ajax({
                    url: "{{ url('orderlist/gettotalorderedquantitywothorsernumber/') }}" ,
                    type: "get",
                    data: {
                       
                        order_number:order_number
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (resmqty) {
                      if(resmqty >= 0){
                        var fulltotal="Ordered_Qty:"+resmqty;
}             $("#TotalQty").html(fulltotal);
}            
                        });


}

var getpendingmainitemquantity = function(){
   // bind the oders---------------------------------
   var order_number = $('#ordernumber').val();
   $("#PendingQty").html('');
             $.ajax({
                    url: "{{ url('orderlist/getpendingorderedquantitywithornumber/') }}" ,
                    type: "get",
                    data: {
                       
                        order_number:order_number
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (respqty) {
                      if(respqty >=0){
                       // $("#Pendingqty").val(respqty);
        var Pendingtotal="Pending_Qty:"+respqty;
}             $("#PendingQty").html(Pendingtotal);
}            
                        });


}

var gettotalquantityfordirectorders = function(){
   // bind the oders---------------------------------
   var order_number = $('#ordernumber').val();
   $("#TotalQty").html('');
             $.ajax({
                    url: "{{ url('orderlist/gettotalorderedquantitywothorsernumberdirectorders/') }}" ,
                    type: "get",
                    data: {
                       
                        order_number:order_number
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (resdmqty) {
                      if(resdmqty >=0){
                        var fulltotal="Ordered_Qty:"+resdmqty;
}                       $("#TotalQty").html(fulltotal);
}            
                        });


}

var getpendingquantityfordirectorders = function(){
   // bind the oders---------------------------------
   var order_number = $('#ordernumber').val();
     $("#PendingQty").html('');
             $.ajax({
                    url: "{{ url('orderlist/getpendingorderedquantityfordirectorders/') }}" ,
                    type: "get",
                    data: {
                       
                        order_number:order_number
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (resdpqty) {
                      if(resdpqty>=0){
                        var Pendingtotal="Pending_Qty:"+resdpqty;
}             $("#PendingQty").html(Pendingtotal);

}            
                        });


}
</script>
<script>
    
        $(document).on('click', '.toggle-children', function () {
            const parentRow = $(this).closest('.parent-row');
            const order_number = parentRow.data('order-id');
            const placeholderRow = $(`.child-placeholder[data-parent-id="${order_number}"]`);

            // Check if child rows are already loaded
            if (placeholderRow.hasClass('loaded')) {
                placeholderRow.nextUntil('.parent-row').toggle(); // Toggle visibility
                return;
            }

            // Load child rows via AJAX
            $.ajax({
              
                url:"{{ url('orderlist/getOrderItemsbyorderdetailsid/')}}",


data: {
'id':order_number,  
_token: '{{csrf_token()}}'  

                     },
               type: 'GET',

                success: function (response) {
                    if (response.length > 0) {
                        let childRows = '';
                        response.forEach(item => {
                            childRows += `
                                <tr class="child-row" data-parent-id="${order_number}">
                                    <td colspan="6">
                                    
                                    
                                    <strong>Ram:</strong> ${item.ram} |
                                        <strong>Combination:</strong> ${item.combination} |
                                        <strong>Generation:</strong> ${item.generation} |
                                        <strong>SSD:</strong> $${item.booting_ssd}|
                                        <strong>HDD:</strong> $${item.additional_hdd}|
                                        <strong>Skin:</strong> $${item.skin_type}|
                                    </td>
                                </tr>
                            `;
                        });

                        // Insert child rows after the placeholder row
                        $(childRows).insertAfter(placeholderRow);
                        placeholderRow.addClass('loaded'); // Mark as loaded
                    } else {
                        alert('No items found for this order.');
                    }
                },
                error: function () {
                    alert('Failed to load order items. Please try again.');
                }
            });
        });
    </script>

<script>
$(document).ready(function(){
   // var more_loader = $("<img id='hiddenL' src='../ForePost/icons/spin.gif'/>");
 //  href="{{route('productlist.createinventory')}}"
   
      //  var form_data = $(this).serialize();
      $( '#hiddenordernumber').val(0);
    $('#s_ordernumber').on('change', function(){
        var order_number = this.value;
        $( '#hiddenordernumber').val(order_number);
        $('#packingtable >tbody >tr').remove();
        $('#packingdetailtable >tbody >tr').remove();
      
      //  $("#packingtable").find("btn_select").prop("disabled", "disabled");
        //$("#packingtable :input").prop("disabled", "disabled");
       // $('#packingtable').find('input:text').prop('disabled', true);
       // $('#packingtable').prop('disabled', true); 
       // $("#btn_select").prop("disabled", true) 
       const selectedText = $(this).find('option:selected').text();
       
        if (selectedText.includes('::')) { // Check for hyphen
          const splitText = selectedText.split('::');   // Split using '-'

//console.log("Original Text:", selectedText);
//console.log("After Split:", splitText);

// Accessing individual parts
const part1 = splitText[0]; // First part before '-'
const part2 = splitText[1]; // Second part after '-'
const part_Process2 = part2.replace(/\s+/g, ''); //removing the white space too
if(part_Process2==='ProcessingOrder'){


  $.ajax({
          
    
          url: "{{ url('process/getprepareditemsforprocesslistforpackingbindtosecondtABLE/') }}",
          //url: "{{ url('orderlist/getprocessmainitemforpackingpanel/') }}",
        type: "POST",
         dataType: 'json',
      //    url: "{{url('routes/fetchState')}}",
      //    const url = "{{ url('routes/edit-route/{id}') }}"
          // url: '/fetchState/',
        //  url: "{{url('fetchState')}}",
          data: {
            section:"PACKING",
            sectionjobstatus:"started",
            order_number: order_number,

              _token: '{{csrf_token()}}'
          },
         
          success: function (result) {
              if(result != null){
                $('#btn_boxes').prop('disabled', false);
             $('#btn_groupeditem').prop('disabled', false);
            // $('#btn_move').prop('disabled', false);
          
              $('#btn_start').prop('disabled', true);
              $('#btn_done').prop('disabled', false);
               $.each(result, function (key, value) {

                var id= value.id;
var odid=value.order_did;
var ornum=value.order_number;
var priority=value.priority;
var grid=value.groupid;
var itemid=value.itemid;
var channel=value.name;
var odate=value.order_date;
var item=value.item;
var customer=value.Customer_name;
// var country=value.country;
// var state=value.state;
// var city=value.city;
// var street=value.street;
// var room_suite_floor=value.room_suite_floor;
// var postalcode=value.postalcode;
var processstatus=value.Process_Status;
var ordertype=value.order_type;
$('#ordertype').val(ordertype);
//var address=country + "," + state + "," + city + "," + street + "," + room_suite_floor + "," + postalcode;
//var address=room_suite_floor +"," +street +"," +city +"," +state +"," +country +"," +postalcode

$('#customer').val(customer);
                
    


var html = '';
html += '<tr class="parent-row" data-order-id="'+odid+'" data-id="'+grid+'">';
html += '<td><input type="checkbox" class="rowCheckbox" id ="chkitem" name="chkitem[]"></td>' ;
html += '<td style="display:none;" id ="id" name="id[]">' + id + '</td>';
html +='<td style="display:none;" name="odid[]" id ="odid"  value='+odid+'>'+odid+'</td>';
html += '<td style="display:none;" id ="order_number" name="order_number[]" value='+order_number+'>' + order_number + '</td>';
html += '<td style="display:none;"id ="groupid" name="groupid[]" value='+grid+'>' + grid + '</td>';
html += '<td style="display:none;" id ="itemid" name="itemid[]" value='+itemid+'>' + itemid + '</td>';
html += '<td style="display:none;"id ="ordertype" name="ordertype[]" value='+ordertype+'>' + ordertype + '</td>';
html += '<td input  type="text" id ="item" name="item[]">' + item +'</td>';
html += '<td class="custom-tbl"><button type="<button type="button" id ="check" name="check"  class="btn btn-outline-success btn-md check toggle-children"><i class="fa fa-check" aria-hidden="true"></i></button></td>';
//html += '<td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk" checked></td>';
html +='</tr>';
html+='<tr class="child-placeholder" data-parent-id="'+odid+'"></tr>';
$('#packingdetailtable').append(html);

 });
        getcustomerdetails();
         getBoxdetailsfororders();
        
         
  }

  
              
          }

        });

}else{

  $.ajax({
          
    
          url: "{{ url('orderlist/getunprocessitemforpackingfilnal/') }}",
          //url: "{{ url('orderlist/getprocessmainitemforpackingpanel/') }}",
        type: "get",
         dataType: 'json',
      //    url: "{{url('routes/fetchState')}}",
      //    const url = "{{ url('routes/edit-route/{id}') }}"
          // url: '/fetchState/',
        //  url: "{{url('fetchState')}}",
          data: {
            section:"PACKING",
          //  sectionjobstatus:"started",
            order_number: order_number,

              _token: '{{csrf_token()}}'
          },
         
          success: function (result) {
              if(result != null){
                $('#btn_boxes').prop('disabled', false);
             $('#btn_groupeditem').prop('disabled', false);
            // $('#btn_move').prop('disabled', false);
          
              $('#btn_start').prop('disabled', true);
              $('#btn_done').prop('disabled', false);
               $.each(result, function (key, value) {

                var id= 0;
var odid=value.order_did;
var ornum=value.order_number;
var priority=value.priority;
var grid=value.groupid;
var itemid=value.itemid;
var channel=value.name;
var odate=value.order_date;
var item=value.item;
var customer=value.Customer_name;
// var country=value.country;
// var state=value.state;
// var city=value.city;
// var street=value.street;
// var room_suite_floor=value.room_suite_floor;
// var postalcode=value.postalcode;
var processstatus=value.Process_Status;
var ordertype=value.order_type;
$('#ordertype').val(ordertype);
//var address=country + "," + state + "," + city + "," + street + "," + room_suite_floor + "," + postalcode;
//var address=room_suite_floor +"," +street +"," +city +"," +state +"," +country +"," +postalcode

$('#customer').val(customer);
                
    


var html = '';
html += '<tr class="parent-row" data-order-id="'+odid+'" data-id="'+grid+'">';
html += '<td><input type="checkbox" class="rowCheckbox" id ="chkitem" name="chkitem[]"></td>' ;
html += '<td style="display:none;" id ="id" name="id[]">' + id + '</td>';
html +='<td style="display:none;" name="odid[]" id ="odid"  value='+odid+'>'+odid+'</td>';
html += '<td style="display:none;" id ="order_number" name="order_number[]" value='+order_number+'>' + order_number + '</td>';
html += '<td style="display:none;"id ="groupid" name="groupid[]" value='+grid+'>' + grid + '</td>';
html += '<td style="display:none;" id ="itemid" name="itemid[]" value='+itemid+'>' + itemid + '</td>';
html += '<td style="display:none;"id ="ordertype" name="ordertype[]" value='+ordertype+'>' + ordertype + '</td>';
html += '<td input  type="text" id ="item" name="item[]">' + item +'</td>';
html += '<td class="custom-tbl"><button type="<button type="button" id ="check" name="check"  class="btn btn-outline-success btn-md check toggle-children"><i class="fa fa-check" aria-hidden="true"></i></button></td>';
//html += '<td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk" checked></td>';
html +='</tr>';
html+='<tr class="child-placeholder" data-parent-id="'+odid+'"></tr>';
$('#packingdetailtable').append(html);

 });
        getcustomerdetails();
         getBoxdetailsfororders();
        
         
  }

  
              
          }

        });

}
}     
       
       
      
    });
});




var getcustomerdetails=function(){
        var Customer_name = $('#customer').val();
  
  //  alert(Customer_name);
           $.ajax({
               
            
               url: "{{ url('customerlist/fetchCustomerlist/') }}" ,
             type: "POST",
              dataType: 'json',
          
               data: {
                   Customer_name: Customer_name,
                   _token: '{{csrf_token()}}'
               },
              
               success: function (result) {
                   
                   $.each(result, function (key, value) {
                var room_suite_floor=value.room_suite_floor;
                var  street=value.street;
                var city=value.name2;
                var  state=value.name3;
                var  country=value.name1;
                var postalcode=value.postalcode;
        //             $('#customer').val(value.Customer_name);    
        //                $('#email_address').val(value.email);
        //             $('#phone').val(value.mobile_number);
        //           $('#Street').val(value.street);
        //          $('#apt_floor').val(value.room_suite_floor);
        // $("#city").val(value.name2);
        //   $("#state").val(value.name3);
         
         
        //   $('#country').val(value.name1);
        
      // $('#city-dropdown option[value="'+value.city+'"]').prop("selected", "selected");
       
      //$('#state-dropdown option[value="'+value.state+'"]').prop("selected", "selected");
      
        //  $('#postal_code').val(value.postalcode);
         var address=room_suite_floor +"," +street +"," +city +"," +state +"," +country +"," +postalcode
          $('#customeraddress').val(address);        
                   
                   });



                 
               }

});


    }
var getBoxdetailsfororders = function(){
   // bind the oders---------------------------------
   var order_number = $('#s_ordernumber').val();
   $('#orderboxestable >tbody >tr').remove();
   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('Orderbox/viewBoxdetails/') }}" ,
                    type: "get",
                    data: {
                       
                        order_number:order_number
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                      if(res != null){
              $.each(res, function (key, value) {
                
             
                var id= value.id;
var boxid=value.boxid;
var order_date=value.order_date;
var updated_date=value.updated_date;
var name=value.name;
var size=value.size;
var weight=value.weight;
var order_number=value.order_number;
var customer=value.customer;
var address=value.address;
var employee=value.employee;
//$('#customer').val(customer);
//$('#address').val(address);
//$('#grID').val(grid);
              var html = '';


  html += '<tr>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="id[]" id ="id0" class="form-control txtid" value='+id+'></td>';
 html +='<td class="custom-tbl"><input type="text" name="multi[]" id ="multi0" class="form-control txtmultiple" disabled value='+customer+"-"+order_number+"-" +order_date+'><textarea name="item[]" class="form-control txtitem" disabled>'+name+"-"+size+"-" +weight+'</textarea></td>';
  html+='<td style="display: flex"><a href="#" button class="btn btn-outline-dark btn-sm btn_delete" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>';
  html +='</tr>';
 
  $('#orderboxestable').append(html);
                           
});    
}          
}            
                        });


}




</script>






<script>

$(document).ready(function(){ 
    $.ajax({   
                    url: "{{ url('orderlist/gettotalorderedquantity/') }}" ,
                    type: "GET",
                    data: {
                       
                       
                      //  _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    async:false,
                    success: function (res) {
                        $("#totalqueue").html("On Queue   "+res);
                        $("#totorderqty").val(res);
                        var totalorderpercentage_f=(res /res *100); 
//                         $.each(res, function (key, value) {
//                             var qty=value.qty;
// $('#Queueprogressbar')
// .attr('aria-valuenow', res)
// .css({'background-color':'#FF9900'},'width', res+'%');
//.empty().text(res+"%");
 
$('#Queueprogressbar').css("width", totalorderpercentage_f+'%', function() {
                          return $('#Queueprogressbar').attr("aria-valuenow", totalorderpercentage_f) + "%";

 });           
                           
// });              
}            
                        });


});



</script>


<script>

$(document).ready(function(){ 

    $.ajax({   
                    url: "{{ url('process/getcompletedrowcount/') }}" ,
                    type: "GET",
                    data: {
                       
                       
                      //  _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    async:false,
                    success: function (res) {
                        
                             
                        $("#totalcompleted").html("Completed   "+res);
                        $("#totcompletedqty").val(res);
                        var tqty= $("#totorderqty").val();
                      
                        var totalcompletedpercentage_f=(res /tqty *100); 
//                         $.each(res, function (key, value) {
//                             var qty=value.qty;

 
$('#completedpro')
.css("width", totalcompletedpercentage_f+'%', function() {
                          return $('#completedpro')
                          .attr("aria-valuenow", totalcompletedpercentage_f) + "%"});           
                           
// });              
}            
                        });


});
</script>



<script>
$(document).ready(function(){ 
    var PendingPercntage="0";
    var completedpercentage="0";
    $.ajax({   
                    url: "{{ url('orderlist/getpendingorderedquantity/') }}" ,
                    type: "GET",
                    data: {
                       
                       
                      //  _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    async:false,

                    success: function (res) {
                        $("#totalpending").html("Pendings   " +res);
//                         $.each(res, function (key, value) {
                           var tqty= $("#totorderqty").val();
                           var comtqty= $("#totcompletedqty").val();
                             PendingPercntage=(Number(res));

                           // PendingPercntage = Math.floor((Math.round() * 100) + 1);
                 var PendingPercntage_f=(PendingPercntage /tqty *100);
  
                            $('#pendingprogressbar').css("width", PendingPercntage_f+'%', function() {
                          return $('#pendingprogressbar').attr("aria-valuenow", PendingPercntage_f) + "%";

 }) ;
  
                            pickeduppercentage=(Number(tqty)-(Number(res)+Number(comtqty)));

                            $("#pickedup").html("pickedup   " +pickeduppercentage);
                          //  completedpercentage = Math.floor((Math.round() * 100) + 1);
                          var pickeduppercentage_f=(pickeduppercentage /tqty *100);
$('#pickedupdpro').css("width", pickeduppercentage_f+'%', function() {
                          return $('#pickedupdpro').attr("aria-valuenow", pickeduppercentage_f) + "%";

 });
             
                           

 
 


//});   
}            
                        });


});


</script>
<!-- ---------------------------------- -->
<script>
 $(document).ready(function(){
  $(document).on('click', '#btn_start', function(event) {
        event.preventDefault();
        
        var order_number=$('#ordernumber').val();
        var ordertype=$('#ordertype').val();
        let incompleteFound = false;
        $('input[name="orderqty[]"]').each(function (index) {
    let orderQty = parseInt($(this).val().trim(), 10);
    let completedQty = parseInt($('input[name="completedqty[]"]').eq(index).val().trim(), 10);

    if (completedQty < orderQty) {
        incompleteFound = true;
        return false; // break out of loop
    }
});

if (incompleteFound) {
    alert('One or more items are not fully packed yet.');
    return;
} else {
   // alert('All items are fully packed. Proceeding...');
    // Proceed with next step (submit form, etc.)
}
//--------------------------------------------------------------
//  Check the boxes tabel
if ($('#orderboxestable tbody').children().length === 0) {
    alert('No package/Box  was found!');
    return;
  } else {
    //alert('The table has rows!');
  }

 if(ordertype==='ProcessingOrder'){
 
  //  ------------------------------------
    if (confirm('Are you sure?')) {

      const rows = [];

//---------------------------
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 month1 = dateObj.toLocaleString('default', { month: 'short' });//(dateObj.getMonth() +1);

//--------------------------------


// Collect data from the table
$('#packingtable tbody tr').each(function () {
// const name = $(this).find('input[name="name[]"]').val();
// const age = $(this).find('input[name="age[]"]').val();
//const id = $(this).find('input[name="id[]"]').val();

// const order_did = $("#QCPendingtable").find('input[name="odid[]"]').val();

const id =$(this).find('.txtisid').val();
 const order_did = $(this).find('.txtodid').val(); // Scoped to the current row
const order_number = $(this).find('.txtordernumber').val(); // Scoped to the current row
const event_date = dateStr;
const start_date = dateStr;
const start_time = timeStr;
const end_date = "Pending";
const end_time = "Pending";
const item = $(this).find('.txtitemid').val(); // Scoped to the current row
const section = "PACKING";
const descriptions = "received";
const status = "Process";
const groupid = $(this).find('.txtgroupid').val(); // Scoped to the current row
const item_location = "PACKING";
const years = year;
const months = month1;
const days = day;
const itemserialno=$(this).find('.txtitemserialno').val();
if (order_did && order_number) {
rows.push({ order_did, order_number,event_date,start_date,start_time,end_date,end_time,item,section,
descriptions,status,groupid,item_location,years,months,days,id,itemserialno
});
}
});
if (rows.length === 0) {
    alert('Please select at least one row to validate.');
    return;
}   
// Send data to the server
$.ajax({
  
    url:"{{ url('process/insertMultipleforpacking/')}}",
    type: "POST",
    //dataType: "text",
//dataType: 'json',

async: false,
    data: {
      _token: "{{ csrf_token() }}",
      rows: rows
    },
    success: function (response) {
      getSelectedordersfopacking();
      alert(response.message);
      $('#packingtable tbody').empty();
      $('#btn_done').prop('disabled', false);

      //location.reload();
    },
    error: function (xhr) {
      if (xhr.status === 400) {
        const response = xhr.responseJSON;
        alert(response.message); // Alert the duplicate message
        console.log('Duplicate rows:', response.duplicates); // Log duplicate rows for debugging
    }
    }
  }); 
 
    }



 }else if(ordertype==='DirectOrder'){

  if (confirm('Are you sure?')) {

const rows = [];

//---------------------------
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 month1 = dateObj.toLocaleString('default', { month: 'short' });//(dateObj.getMonth() +1);

//--------------------------------


// Collect data from the table
$('#packingtable tbody tr').each(function () {
// const name = $(this).find('input[name="name[]"]').val();
// const age = $(this).find('input[name="age[]"]').val();
//const id = $(this).find('input[name="id[]"]').val();

// const order_did = $("#QCPendingtable").find('input[name="odid[]"]').val();

const id =$(this).find('.txtisid').val();
const order_did = $(this).find('.txtodid').val(); // Scoped to the current row
const order_number = $(this).find('.txtordernumber').val(); // Scoped to the current row
const event_date = dateStr;
const start_date = dateStr;
const start_time = timeStr;
const end_date = "Pending";
const end_time = "Pending";
const item = $(this).find('.txtitemid').val(); // Scoped to the current row
const section = "PACKING";
const descriptions = "received";
const status = "Process";
const groupid = $(this).find('.txtgroupid').val(); // Scoped to the current row
const item_location = "PACKING";
const years = year;
const months = month1;
const days = day;
const itemserialno=$(this).find('.txtitemserialno').val();
if (order_did && order_number) {
rows.push({ order_did, order_number,event_date,start_date,start_time,end_date,end_time,item,section,
descriptions,status,groupid,item_location,years,months,days,id,itemserialno
});
}
});
if (rows.length === 0) {
alert('Please select at least one row to validate.');
return;
}   
// Send data to the server
$.ajax({

url:"{{ url('orderlist/Updateorderdetailsforpacingunprocessitems/')}}",
type: "POST",
//dataType: "text",
//dataType: 'json',

async: false,
data: {
_token: "{{ csrf_token() }}",
rows: rows,
order_number:order_number,
process_status:'accomplished',
order_location:'PACKING'
},
success: function (response) {
getSelectedordersfopacking();
$('#packingtable tbody').empty();
alert(response.message);

$('#btn_done').prop('disabled', false);

//location.reload();
},
error: function (xhr) {
if (xhr.status === 400) {
  const response = xhr.responseJSON;
  alert(response.message); // Alert the duplicate message
  console.log('Duplicate rows:', response.duplicates); // Log duplicate rows for debugging
}
}
}); 

}


 }
 
});
 });

 var getSelectedordersfopacking = function(){
     $("#s_ordernumber").html('');

  $.ajax({
                    
                 
                    url: "{{ url('process/getprepareditemsforprocesslistFORSELECTEDPACKINGsection/') }}" ,
                  type: "POST",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                        //country_id: idCountry,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                      //  $('#ordernumber').html('<option value="0">-- Select State --</option>');
                     
                      $.each(result, function (key, value) {
                            $("#s_ordernumber").append('<option value="' + value
                                .order_number + '">' + value.order_number + '</option>');
                            
                            // $("#state-dropdown").append('<option value=' + key + '>' + value + '</option>');
                        });



                        
                    }
                });

 }
  </script>





<!-- ----------------------------------- -->

<!-- <script >
$(document).on('click', '#btn_start', function(event) {
        event.preventDefault();


       
        var order_number=$('#ordernumber').val();
        var Pendqty=$("#Pendingqty").val();
if (Pendqty>0){
  alert("Balance Item(s) is in Queue..... ,Does'nt Collected");
  return;
}
 //-----------------------------------------------------------------
 const input_texttotalQuantity =  $("#TotalQty").html();

      
var parts = input_texttotalQuantity.split(":");

// Access the split parts
var key = parts[0]; // "totalquantity"
var value = parts[1]; // "2"


 //const inputtotalQuantity =  $("#TotalQty").html();
// Count the number of rows in the table (excluding header rows if any)
const rowCount = $('#packingtable tbody tr').length;

// Compare the row count with the input quantity
if (rowCount === Number(value)) {
    alert('Row count matches the Quantity.');
     // Stop further execution
} else {
    alert(`Yet.., Items are on the queue....!!!:Row count (${rowCount}) does not match the Quantity (${value}).`);
    return;
  }
 //---------------------------------------------------------------


$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
// order_number
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 month1 = dateObj.toLocaleString('default', { month: 'short' });//(dateObj.getMonth() +1);
if (confirm('Are you sure?')) {
  
        // method 1
const order_did =$('#odID').val();
const order_number =$('#ordernumber').val();
const event_date=dateStr;
const start_date =dateStr;
const start_time =timeStr;
const end_date ="Pending";
const end_time ="Pending";
const item =$('#mainitemID').val();
const section ="PACKING";
const descriptions ="received"
const status ="Process";
const groupid=$('#grID').val();
const item_location ="PACKING";
// Checking the box details-------------------------------------------------
$.ajax({
 
 url:"{{url('Orderbox/viewBoxdetails/')}}",
 type:'get',
 dataType: "json",
 //dataType: 'json',
   
 async: false,
  
   data: {
   
     'order_number':order_number,
     
     _token: '{{csrf_token()}}'          
                          },
 
 //    beforeSend:function(){
 //     // debugger;
 // $("#trloader").show();
 //  },
 success:function(data1){
  
  if(data1== ('')){
// -----------------------checking---------------------------------------------------
toastr.error("Box For Order was not Created");
  }else{


   
   
   
   
    $.ajax({
 
 url:"{{ url('process/Confirmthejodforpacking/')}}",
 type:'get',
 dataType: "json",
 //dataType: 'json',
   
 async: false,
  
   data: {
     'order_did':order_did,
     'order_number':order_number,
      'section':"PACKING",
    
     _token: '{{csrf_token()}}'          
                          },
 
 //    beforeSend:function(){
 //     // debugger;
 // $("#trloader").show();
 //  },
 success:function(data){
  // $.each(res, function (key, value) {

  // });
 if(data==('')){
 
  $.ajax({
 
 url:"{{url('process/insertordersforProcess/')}}",
 type:'POST',
 dataType: "text",
 //dataType: 'json',
   
 //async: false,
  
   data: {
     'order_did':order_did,
     'order_number':order_number,
     'event_date':event_date,
     'start_date':start_date,
     'start_time':start_time, 
     'end_date':end_date,
     'end_time':end_time,
     'item':item,
     'section':section,
     'descriptions':descriptions,
     'status':status,
     'groupid':groupid,
     'years':year,
                       'months':month1,
                       'days':day,
     _token: '{{csrf_token()}}'          
                          },
 
 //    beforeSend:function(){
 //     // debugger;
 // $("#trloader").show();
 //  },
 success:function(data){
    //update orderdetail table
    toastr.success("Session Started!");
   //$('#ordernumber').prop('disabled', false);
   $('#btn_done').prop('disabled', false);
   getgeneraljobtableid();
   // updatepreviousrecord();
  
   // getqclist();
  //  $(this).closest('tr').remove();
   // $('#QCPendingtable >tbody >tr').remove();
 //$("#trloader").remove();
 },
 error:function (xhr, ajaxOptions, thrownError){
     // if(xhr.status==404) {
     //     alert(thrownError);
     // }
    // alert(thrownError);
 //  toastr["error"](thrownError, "Error");
   toastr.error(thrownError);
 
 }
 
 });
 



}else{
  
  toastr.info("Job Session was created already!");
  getgeneraljobtableid();
  $('#btn_done').prop('disabled', false);
 }


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



   
  }
    
 },
 error:function (xhr, ajaxOptions, thrownError){
   
   toastr.error(thrownError);
 
 }
 
 });

 

// ---------------------------------------------------------------------------





        }

    });

    var getgeneraljobtableid = function(){
   // bind the oders---------------------------------
  // var order_number = $('#ordernumber').val();
   const groupid=$('#grID').val()
   const item=$('#mainitemID').val()

   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('process/getgeneraljodtabelid/') }}" ,
                    type: "get",
                    data: {
                       
                        groupid:groupid,
                         item:item,
                        _token: '{{csrf_token()}}'
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {

                        if(result != null){

                        
$.each(result, function (key, value) {
  var id=value.id;
  $('#gjid').val(id);
   
//alert(value.id)

   
}); 

}     


                        
                 
}            
                        });


}


        </script>   -->
        
        
        <script>
 $(document).ready(function(){
  $(document).on('click', '#btn_done', function(event) {
        event.preventDefault();
 
        if (confirm('Are you sure?')) {


          const checkedRows = [];
      const checkboxes = document.querySelectorAll(".rowCheckbox:checked");
//---------------------------
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 month1 = dateObj.toLocaleString('default', { month: 'short' });//(dateObj.getMonth() +1);

const end_date =dateStr;
const end_time =timeStr;
const descriptions ="PACKING-Completed";
const status ="Done";
const section ="PACKING";
const section1 ="SHIPPING_UP";
const sectionjobstatus="Completed";
const refinedstatus="SPD";
const process_status="accomplished";
const order_location="PACKING";
const order_location1="SHIPPING_UP";
const ordertypo=$('#ordertype').val();
//if (ordertypo=='Processing Order'){
 
  //const ordertypo=$("#ordertype").val();
// Iterate through all rows in the tbody
$('#packingdetailtable tbody tr').each(function () {
  const checkbox = $(this).find(".rowCheckbox");

  // Check if the checkbox in this row is checked
  if (checkbox.is(":checked")) {
    const rowData = {};

    // Extract the value from the <td> using the text content
    const id = $(this).find('td#id').text().trim();
    const order_did=$(this).find('td#odid').text().trim();
    const order_number=$(this).find('td#order_number').text().trim();
  //  const ordertypo=$(this).find('td#ordertype').text().trim();
    // Alternatively, get the 'value' attribute from the <td>
    const idFromAttribute = $(this).find('td#id').attr('value');
       rowData['id'] = id;
       rowData['order_number'] = order_number;
      rowData["end_date"] =  end_date;
      rowData["end_time"] =  end_time;
      rowData["descriptions"] =   descriptions;
      rowData["status"] = status;
      rowData["section"] =  section;
      rowData["sectionjobstatus"] =   sectionjobstatus;
      rowData["refinedstatus"] =  refinedstatus;
      rowData["process_status"] =  process_status;
      rowData["order_location"] =  order_location;
      rowData["order_type"] =  ordertypo;
      rowData["section1"] =  section1;
      rowData["order_location1"] =  order_location1;
    checkedRows.push(rowData); // Add rowData to checkedRows array
  }


});

if (checkedRows.length === 0) {
        alert('Please select at least one row to validate.');
        return;
    }  




// else{
//   const rowData = {};
//    rowData['order_number'] = $('#ordernumber').val();
//    rowData["order_type"] =  ordertypo;
//    rowData["process_status"] =  process_status;
//   rowData["order_location"] =  order_location;
//   rowData["section"] =  section;
//    checkedRows.push(rowData);

// }

  

// Send data to the server
    $.ajax({
      
        url:"{{ url('process/updatemultipleRowsFROMpackage/')}}",
        type: "POST",
        //dataType: "text",
//dataType: 'json',
  
async: false,
        data: {
          _token: "{{ csrf_token() }}",
          rows: checkedRows
        },
        success: function (response) {
          alert(response.message);
          location.reload();
        },
        error: function (xhr) {
          alert('Error: ' + xhr.responseJSON.message);
        }
      }); 
     
    //  }else{

     //   alert('done');


     // }
    }
 });
 });
  </script>






<!-- <script >
    $(document).on('click', '#btn_done', function(event) {

        event.preventDefault();

        if (confirm('Are you sure?')) {

      
    const order_did =$('#odID').val();

    const ordertypo=$("#ordertype").val();

//$('#odID1').val(odid);

if(ordertypo==('Direct Order')){

  updateorderUnprocessitem();



}else{
//const id =Session.jid;
var id = $('#gjid').val();
if (id==0){
  alert("Start New  Session !")
  return;
}
            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;
const end_date =dateStr;
const end_time =timeStr;
const descriptions ="PACKING-Completed"
const status ="Done";
const section ="PACKING";
const sectionjobstatus="Completed"


           // --------------------------------------------------------------
$.ajax({
        
        url:"{{ url('process/updateforwardstatus/') }}",
        type: "POST",
         dataType: "text",
         data: {
id:id,
order_did:order_did,
end_time:end_time,
end_date:end_date,
descriptions:descriptions,
status:status,
sectionjobstatus:sectionjobstatus,
section:section,
// totalhours:
_token: '{{csrf_token()}}'  

                },

     // traditional: true,
       async: false,
 
 
       
         success: function (data) {
        
        updateorderprocessstatus();
        toastr.success("Progress Updated .....!!");
     // updateitemlocation();
        location.reload();
        
        // $('#Techviewtable >tbody >tr').remove();
   //   addpreparedorder();
      // tag[0].reset();
          },
          error: function(data){
// Error...
var errors = $.parseJSON(data.responseText);

console.log(errors);

$.each(errors, function(index, value) {

});

}


     });




// -------------------------------------------------------------

}



   



        }
      

});

var updateorderprocessstatus=function(){
    var orn= $('#ordernumber').val();
   
const process_status="accomplished"
const order_location="PACKING"
$.ajax({
    
    url:"{{ url('orderlist/updateorderprocessstatus/') }}",
    type: "POST",
     dataType: "text",
     data: {

order_number:orn,
process_status:process_status,
order_location:order_location,
_token: '{{csrf_token()}}'  

            },

 // traditional: true,
   async: false,


   
     success: function (data) {
    //  alert("Done!");
        updateitemlocation();
    toastr.success("Order process completed.......!!");
   
      // var Tech="technical";
    // location.reload();
  //  window.location.href ="{{ route('process.getprepareditemsforprocesslist', ['technical'])}}";

    
    // $('#Techviewtable >tbody >tr').remove();
//   addpreparedorder();
  // tag[0].reset();
      },
      error: function(data){
// Error...
var errors = $.parseJSON(data.responseText);

console.log(errors);

$.each(errors, function(index, value) {

});

}
});
}

//--------------------------
var updateorderUnprocessitem=function(){
    var orn= $('#ordernumber').val();
   
const process_status="accomplished"
const order_location="PACKING"
$.ajax({
    
    url:"{{ url('orderlist/updateorderprocessstatus/') }}",
    type: "POST",
     dataType: "text",
     data: {

order_number:orn,
process_status:process_status,
order_location:order_location,
_token: '{{csrf_token()}}'  

            },

 // traditional: true,
   async: false,


   
     success: function (data) {
    //  alert("Done!");
    updateitemlocationforunporocess();
    toastr.success("Order process completed.......!!");
   location.reload();
      
  //  window.location.href ="{{ route('process.getprepareditemsforprocesslist', ['technical'])}}";

    
    // $('#Techviewtable >tbody >tr').remove();
//   addpreparedorder();
  // tag[0].reset();
      },
      error: function(data){
// Error...
var errors = $.parseJSON(data.responseText);

console.log(errors);

$.each(errors, function(index, value) {

});

}
});
}

//----------------------------------------------------------------------
var updateitemlocationforunporocess = function(){
  var order_number= $('#ordernumber').val();
  //var id= $('#odID').val();
const item_location="PACKING"
   // bind the oders---------------------------------
             // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/updateOrderdetaiItemlocationOrderdetailsbyordernumberforunporcess/') }}" ,
                    type: "POST",
                   // data:$('#add_tech').serialize(),
                   data: {

                    order_number:order_number,
item_location:item_location,
_token: '{{csrf_token()}}'  

            },
                    dataType: 'text',
                    success: function (res) {
                    
                        toastr.success("Done!!");
                     //location.reload();
 //$.each(res.orders, function (key, value) {
                    
                           
// });              
}            
                        });


}

var updaterefinesttusforpaking=function(){
   
   var id =$('#gjid').val(id) ;
   const refinedstatus ="SPD"
   $.ajax({
       
       url:"{{ url('process/updateforwardstatusfronskintopacking/') }}",
       type: "POST",
        dataType: "text",
        data: {
id:id,
refinedstatus:refinedstatus,

_token: '{{csrf_token()}}'  

               },

    // traditional: true,
      async: false,


      
        success: function (data) {
       //  alert("Done!");
         toastr.success("Done!!");
        // var Tech="technical";
       // location.reload();
      

       
       // $('#Techviewtable >tbody >tr').remove();
  //   addpreparedorder();
     // tag[0].reset();
         },
         error: function(data){
// Error...
var errors = $.parseJSON(data.responseText);

console.log(errors);

$.each(errors, function(index, value) {

});

}


    });

}


//---------------------------------------------------
var updateitemlocation = function(){
  var order_number= $('#ordernumber').val();
  //var id= $('#odID').val();
const item_location="PACKING"
   // bind the oders---------------------------------
             // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/updateOrderdetaiItemlocationOrderdetailsidforpacking/') }}" ,
                    type: "POST",
                   // data:$('#add_tech').serialize(),
                   data: {

                    order_number:order_number,
item_location:item_location,
_token: '{{csrf_token()}}'  

            },
                    dataType: 'text',
                    success: function (res) {
                      updaterefinesttusforpaking();
                        toastr.success("Done!!");
                     //location.reload();
 //$.each(res.orders, function (key, value) {
                    
                           
// });              
}            
                        });


}

// var updaterefinesttusforpaking=function(){
   
//    var id =$('#gjid').val(id) ;
//    const refinedstatus ="SPD"
//    $.ajax({
       
//        url:"{{ url('process/updateforwardstatusfronskintopacking/') }}",
//        type: "POST",
//         dataType: "text",
//         data: {
// id:id,
// refinedstatus:refinedstatus,

// _token: '{{csrf_token()}}'  

//                },

//     // traditional: true,
//       async: false,


      
//         success: function (data) {
//        //  alert("Done!");
//          toastr.success("Done!!");
//         // var Tech="technical";
//        // location.reload();
      

       
//        // $('#Techviewtable >tbody >tr').remove();
//   //   addpreparedorder();
//      // tag[0].reset();
//          },
//          error: function(data){
// // Error...
// var errors = $.parseJSON(data.responseText);

// console.log(errors);

// $.each(errors, function(index, value) {

// });

// }


//     });

// }


   </script> -->




<script>
        // display a modal (medium modal)
    
        $(document).on('click', '#btn_groupeditem', function(event) {
            event.preventDefault();
            var order_number = $('#hiddenordernumber').val();
            $('#mygitable >tbody >tr').remove();
          //  let href = $(this).attr('data-attr');
            $.ajax({
                url: "{{ url('orderlist/getgroupitemspackingsectiongrp/') }}",
                type: "GET",
                    data: {
                        'order_number':order_number
                       
                      //  _token: '{{csrf_token()}}'
                    },
              
              
                beforeSend: function() {
                    $('#loader').show();
                },
                // return the result
                success: function(response) {
                  $('#mygitable tbody').empty();
                  if (response.grouped_items) {
                let g = response.grouped_items;
                if (g.Computer_qty > 0) {
                    $('#mygitable tbody').append(`<tr>
                        <td>Computer(s)</td>
                        <td>${g.Computer_qty}</td>
                       
                    </tr>`);
                }
                if (g.ramqty > 0) {
                    $('#mygitable tbody').append(`<tr>
                        <td>RAM</td>
                        <td>${g.ramqty}</td>
                     
                    </tr>`);
                }

                if (g.harddiskqty > 0) {
                    $('#mygitable tbody').append(`<tr>
                        <td>Hard Disk</td>
                        <td>${g.harddiskqty}</td>
                      
                    </tr>`);
                }

                if (g.ssdqty > 0) {
                    $('#mygitable tbody').append(`<tr>
                        <td>Additional SSD</td>
                        <td>${g.ssdqty}</td>
                       
                    </tr>`);
                }

                if (g.skintypeqty > 0) {
                    $('#mygitable tbody').append(`<tr>
                        <td>Skin Type</td>
                        <td>${g.skintypeqty}</td>
                     
                    </tr>`);
                }
            }

            // Add other items (item_type = 2)
            if (response.other_items && response.other_items.length > 0) {
                response.other_items.forEach(item => {
                    $('#mygitable tbody').append(`<tr>
                        <td>${item.item}</td>
                        <td>${item.qty}</td>
                     
                    </tr>`);
                });
            }

                },
                complete: function() {
                    $('#loader').hide();
                },
                error: function(jqXHR, testStatus, error) {
                    console.log(error);
                   alert("Page " + href + " cannot open. Error:" + error);
                    $('#loader').hide();
                },
                timeout: 8000
            })
        });
    </script>
<script>
    $(document).ready(function(){
//remove the entry
$('#packingdetailtable').on('click', '.btn_delete1', function(){
  //$('#packingdetailtable >tbody >tr').remove();
 // $(this).closest('tr').remove();
 // Get the closest row to the clicked button
 const row = $(this).closest('tr');

// Get the ID of the row
const rowId = row.data('id');

// Find and remove all rows with the same ID
$(`#packingdetailtable tr[data-id="${rowId}"]`).remove();
});
});
</script>
<script>
    $(document).ready(function(){
//remove the entry
$('#orderboxestable').on('click', '.btn_delete', function(){
   
if (confirm('Are you sure?')) {
const id =$(this).parent().parent().find(".txtid").val();


$.ajax({
   
    type: 'DELETE',

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

  data: {
     
    id:id,
       // _method:"delete",
       // order_location:order_location,
      
      _token: '{{csrf_token()}}'  

                         },

   beforeSend:function(){
    // debugger;
// $("#trloader").show();
//$('#cardorderlist').text('Deleting...');
 },
success:function(data){
  //  toastr["success"](data, "Success");
  // alert("DONE!");
  toastr.success("Successfully Deleted!");
 // $('#cardorderlist').text('');
   $('#deleteboxdetails >tbody >tr').remove();
   getBoxdetailsfororders();
//    debugger;
//$("#trloader").remove();
},
error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);
 // $('#cardorderlist').text('');
}

});

}

});



    });
    var getBoxdetailsfororders = function(){
   // bind the oders---------------------------------
   var order_number = $('#ordernumber').val();
   $('#orderboxestable >tbody >tr').remove();
   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('Orderbox/viewBoxdetails/') }}" ,
                    type: "get",
                    data: {
                       
                        order_number:parseInt(order_number)
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                      if(res != null){
              $.each(res, function (key, value) {
                
             
                var id= value.id;
var boxid=value.boxid;
var order_date=value.order_date;
var updated_date=value.updated_date;
var name=value.name;
var size=value.size;
var weight=value.weight;
var order_number=value.order_number;
var customer=value.customer;
var address=value.address;
var employee=value.employee;
//$('#customer').val(customer);
//$('#address').val(address);
//$('#grID').val(grid);
              var html = '';


  html += '<tr>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="id[]" id ="id0" class="form-control txtid" value='+id+'></td>';
 html +='<td class="custom-tbl"><input type="text" name="multi[]" id ="multi0" class="form-control txtmultiple" disabled value='+customer+"-"+order_number+"-" +order_date+'><textarea name="item[]" class="form-control txtitem" disabled>'+name+"-"+size+"-" +weight+'</textarea></td>';
  html+='<td style="display: flex"><a href="#" button class="btn btn-outline-dark btn-sm btn_delete" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>';
  html +='</tr>';
 
  $('#orderboxestable').append(html);
                           
});    
}          
}            
                        });


}

</script>

<script>
        $(document).on('click', '#btn_boxes', function(event) {
        event.preventDefault();
  
          
           
                $("#modalweight").html('');
                $.ajax({
                    
                 
                    url: "{{ url('backend/fetchboxes/') }}" ,
                  type: "GET",
                   dataType: 'json',
                
                    // data: {
                    //    country_id: idCountry,
                    //     _token: '{{csrf_token()}}'
                    // },
                   
                    success: function (result) {
                           $('#boxitems').modal('show');
                        $('#boxname').html('<option value="0">-- Select Box --</option>');
                        $.each(result.boxes, function (key, value) {
                            $("#boxname").append('<option value="' + value
                                .id + '">' + value.name + '</option>');
                             
                            // $("#state-dropdown").append('<option value=' + key + '>' + value + '</option>');
                        });



                       
                    }
                });
            });
  
            
  
    
    </script>

<script>
        $(document).ready(function () {
  
            $('#boxname').on('change', function () {
                var id = this.value;
               
                $.ajax({
                    
                 
                    url: "{{ url('backend/fetchboxesbyid/') }}" ,
                  type: "POST",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                        id: id,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                       
                        $.each(result.boxes, function (key, value) {
                          var descriptions=value.descriptions;
                          var packaging_code=value.packaging_code;
                          var packaging_description=value.packaging_description;
                          var dimension_unit=value.dimension_unit;
                          var length=value.length;
                          var width=value.width;
                          var height=value.height;
                          var weight_unit=value.weight_unit;
                          var weight=value.weight;
                          var carrier=value.carrier;
                          var servicecode=value.servicecode;
                          var servicedesc=value.servicedesc;
                          var size=value.size;
                          $('#modaldescription').val(descriptions);
                          $('#modalpc').val(packaging_code);
                          $('#modalpd').val(packaging_description);
                          $('#modaldu').val(dimension_unit);
                          $('#modallength').val(length);
                          $('#modalwidth').val(width);
                          $('#modalheight').val(height);
                          $('#modalweight_unit').val(weight_unit);
                          $('#modalweight').val(weight);
                          $('#modalservicecode').val(servicecode);
                          $('#servicedesc').val(servicedesc);
                          $('#modalServiceprovider').val(carrier);
                          
                       $('#modalsize').val(size);
                  
                        });



                  
                    }
                });
            });
  
       
  
        });
    </script>
<script>
  $(document).on('click', '#btn_addbox', function(event) {

   
    var Custname =$('#customer').val();
    if(Custname==''){
      alert("Customer is missing")
      return;
    }

    var Orno =$('#ordernumber').val();
    if(Orno=='0'){
      alert("Order Number is missing")
      return;
    }
    if(Orno==''){
      alert("Order Number is missing")
      return;
    }
    var address =$('#customeraddress').val();
    
    if(address==('')){
      alert("Address is missing")
      return;
    }
   
   
   
   
   
    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;



//$user = Auth::user();
var boxid =$('#boxname').val();
  var order_date =dateStr;
  var updated_date =dateStr;
  var name = $("#boxname option:selected").text();
  var size = $('#modalsize').val();
  var weight = $('#modalweight').val();
  var order_number = $('#ordernumber').val();
  var customer = $('#customer').val();
  // var addr1=$("#apt_floor").val(); 
  // var addr2=$("#Street").val();
  // var addr3=$("#city-dropdown option:selected").text();
  // var addr4=$("#state-dropdown option:selected").text();
 // const selectedText = $("#country-dropdown option:selected").text();
 // const cleanedText = selectedText.replace(/\n/g, '').trim();
  //var addr5=cleanedText;
  //var addr6=$("#postal_code").val();
 var address = $('#customeraddress').val();//$('#address').val();
  var description=$('#modaldescription').val()
 var packaging_code = $('#modalpc').val();
  var packaging_description = $('#modalpd').val();
  var dimension_unit = $('#modaldu').val();
  var length = $('#modallength').val();
  var width = $('#modalwidth').val();
  var height = $('#modalheight').val();
  var weight_unit = $('#modalweight_unit').val();
  var weight = $('#modalweight').val();
  var carrier = $('#modalServiceprovider').val();
 
  var servicecode = $('#modalservicecode').val();
  var servicedesc = $('#servicedesc').val();
  
  //var employee =$user->first_name;
  
   
    $(document).on('click', '.remove', function(){
     $(this).closest('tr').remove();
    });

    if(weight == ('')){
toastr.error('Weight is missing');
return;
    }
  
    if(name == ('')){

        toastr.error('Box name  is missing');



} else{
var html = '';
 html += '<tr>';
 html += '<td  style="display:none; type="text" id ="boxid" name="boxid[]">' + boxid + '</td>';
 html += '<td style="display:none; type="text" id ="order_date" name="order_date[]">' + order_date + '</td>';
 html += '<td style="display:none; type="text" id ="updated_date" name="updated_date[]">' + updated_date + '</td>';
 html += '<td type="text"  id ="bname" bname="name[]" >' + name + '</td>';
 html += '<td type="text"  id ="bsize" name="bsize[]" >' + size + '</td>';
 html += '<td type="text"  id ="bweight" name="bweight[]">' + weight + '</td>';
 html += '<td style="display:none; type="text" id ="order_number" name="order_number[]">' + order_number + '</td>';
 html += '<td style="display:none; type="text" id ="customer" name="customer[]">' + customer + '</td>';
 html += '<td style="display:none; type="text" id ="address" name="address[]">' + address + '</td>';
 
 html += '<td style="display:none; type="text" id ="description" name="description[]">' + description + '</td>';
 html += '<td style="display:none; type="text" id ="packaging_code" name="packaging_code[]">' + packaging_code + '</td>';
 html += '<td style="display:none; type="text" id ="packaging_description" name="packaging_description[]">' + packaging_description + '</td>';
 html += '<td style="display:none; type="text" id ="dimension_unit" name="dimension_unit[]">' + dimension_unit + '</td>';
 html += '<td style="display:none; type="text" id ="length" name="length[]">' + length + '</td>';
 html += '<td style="display:none; type="text" id ="width" name="width[]">' + width + '</td>';
 html += '<td style="display:none; type="text" id ="height" name="height[]">' + height + '</td>';
 html += '<td style="display:none; type="text" id ="weight_unit" name="weight_unit[]">' + weight_unit + '</td>';
 html += '<td style="display:none; type="text" id ="carrier" name="carrier[]">' + carrier + '</td>';
 html += '<td style="display:none; type="text" id ="servicecode" name="servicecode[]">' + servicecode + '</td>';
 html += '<td style="display:none; type="text" id ="servicedesc" name="servicedesc[]">' + servicedesc + '</td>';
 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-md remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';

html +='</tr>';
  $('#boxtable').append(html);

}


  });

    </script>
<script>
  $(document).on('click', '#btnsave', function(event) {
   
    var Custname =$('#customer').val();
    if(Custname==''){
      alert("Customer is missing")
      return;
    }

    var Orno =$('#ordernumber').val();
    if(Orno=='0'){
      alert("Order Number is missing")
      return;
    }
    if(Orno==''){
      alert("Order Number is missing")
      return;
    }
    var address =$('#customeraddress').val();
    
    if(address==('')){
      alert("Address is missing")
      return;
    }
   
    let convertedIntoArray = [];
           $("table#boxtable tr").each(function() {
               let rowDataArray = [];
               let actualData = $(this).find('td');
               if (actualData.length > 0) {
                   actualData.each(function() {
                       rowDataArray.push($(this).text());
                       
                    });
                   convertedIntoArray.push(rowDataArray);

               }
           });
   
        //   console.log(convertedIntoArray);
    $.ajax({
                    
          
            
                    type: "POST",
               
                   url:"{{ url('Orderbox/storearrayboxes/')}}",
                   //contentType: "application/json; charset=utf-8",
                  // data: $('#boxitemsave').serialize(),

                 // data: $('#add_item').serialize(),
                // data:convertedIntoArray,
                 data:{'table':convertedIntoArray,
                  
                    _token: '{{csrf_token()}}'
               },

             // _token: '{{csrf_token()}}',
                   dataType: "json",
                // traditional: true,
                  async: false,
            
                    success: function (response) {
                    alert("Done!");
                    //location.reload();
                 // tag[0].reset();
              //  toastr.success("Done!");
             
              $('#boxtable >tbody >tr').remove();
              getBoxdetailsfororders();
              //   $('#btn_Create').prop('disabled', true);
               $('#boxitems').modal('hide');



                     },
                     error: function(data){
         // Error...
         var errors = $.parseJSON(data.responseText);

         console.log(errors);
         alert(errors);
      //   $('#boxtable >tbody >tr').remove();
         $.each(errors, function(index, value) {

         });
         $('#boxitems').modal('hide');
     }


                });



  });
  var getBoxdetailsfororders = function(){
   // bind the oders---------------------------------
   var order_number = $('#ordernumber').val();
   $('#orderboxestable >tbody >tr').remove();
   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('Orderbox/viewBoxdetails/') }}" ,
                    type: "get",
                    data: {
                       
                        order_number:order_number
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                      if(res != null){
              $.each(res, function (key, value) {
                
             
                var id= value.id;
var boxid=value.boxid;
var order_date=value.order_date;
var updated_date=value.updated_date;
var name=value.name;
var size=value.size;
var weight=value.weight;
var order_number=value.order_number;
var customer=value.customer;
var address=value.address;
var employee=value.employee;
//$('#customer').val(customer);
//$('#address').val(address);
//$('#grID').val(grid);
              var html = '';


  html += '<tr>';
  html +='<td style="display:none;" class="custom-tbl"><input type="text" name="id[]" id ="id0" class="form-control txtid" value='+id+'></td>';
 html +='<td class="custom-tbl"><input type="text" name="multi[]" id ="multi0" class="form-control txtmultiple" disabled value='+customer+"-"+order_number+"-" +order_date+'><textarea name="item[]" class="form-control txtitem" disabled>'+name+"-"+size+"-" +weight+'</textarea></td>';
  html+='<td style="display: flex"><a href="#" button class="btn btn-outline-dark btn-sm btn_delete" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>';
  html +='</tr>';
 
  $('#orderboxestable').append(html);
                           
});    
}          
}            
                        });


}




    </script>

<script> 
   $(document).on('click', '#btnpackcancel', function(event) {
    $('#ordereditem').modal('hide');
   });
  </script>
<script> 
   $(document).on('click', '#cancel', function(event) {
    $('#boxitems').modal('hide');
   });
  </script>


<script >
$(document).on('click', '#btn_move', function(event) {
        event.preventDefault();
        const ordertypo=$("#ordertype").val();
        $('#packingdetailtable >tbody >tr').remove();
        //-----------------------------------------------------------------
        const input_texttotalQuantity =  $("#TotalQty").html();

      
var parts = input_texttotalQuantity.split(":");

// Access the split parts
var key = parts[0]; // "totalquantity"
var value = parts[1]; // "2"


 //const inputtotalQuantity =  $("#TotalQty").html();
// Count the number of rows in the table (excluding header rows if any)
const rowCount = $('#packingtable tbody tr').length;

// Compare the row count with the input quantity
if (rowCount === Number(value)) {
    alert('Row count matches the Quantity.');
     // Stop further execution
} else {
    alert(`Yet.., Items are on the queue....!!!:Row count (${rowCount}) does not match the Quantity (${value}).`);
    return;
  }
 //---------------------------------------------------------------
    
            if(ordertypo==('Direct Order')){

   //--------------------------------------------------------------    
   const Ids = [];
          const ordertypo=$("#ordertype").val();
            $('#packingtable tbody tr').each(function () {
                //const groupId = $(this).find('.groupid').text().trim();
                const processstatus=$(this).parent().parent().find(".txtprocess_status").val();
                const groupid=$(this).parent().parent().find(".txtgroupid").val();
               
                const odid=$(this).parent().parent().find(".txtodid").val();
               
               
                Ids.push(odid);
            });

            // Check if there are rows in Table 1
            if (Ids.length === 0) {
                alert('No rows to move!');
                return;
            }
            //-----------------------------------------------------------------



   
  // Send an AJAX request to fetch data based on group IDs
  $.ajax({
                url: "{{ url('orderlist/getRowsByOrderdetailsIdforunprocessitems/') }}" , // Replace with your Laravel route
                type: 'POST',
                data: {
                  Ids: Ids,
                    _token: '{{ csrf_token() }}' // Add CSRF token for security
                },
                success: function (response) {
                   $('#btn_start').prop('disabled', true);
                      $('#btn_done').prop('disabled', false);
                      $('#btn_Remove_A').prop('disabled', false);
                  // Append the fetched rows to Table 2
                    response.forEach(row => {
                        $('#packingdetailtable tbody').append(`
                      
<tr data-id="${row.groupid}">
<td style="display:none; id ="id" name="id[]">${row.id}</td>
<td style="display:none;"id ="order_number" name="order_number[]">${row.order_number} </td>
<td style="display:none;" id ="groupid" name="groupid[]">${row.groupid}</td>
<td style="display:none;" id ="itemid" name="itemid[]">${row.itemid}</td>
<td style="display:none;" id ="ps" name="ps[]">${row.process_status}</td>
<td input  type="text" id ="item" name="item[]">${row.item}</td>
<td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk"><a href="#" button class="btn btn-outline-dark btn-sm btn_delete1" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>
</tr>

                        `);
                    });

                    // Clear all rows from Table 1 after moving them
                   // $('#table1 tbody').empty();

                    alert('All rows moved successfully!');
                },
                error: function () {
                    alert('Failed to fetch rows. Please try again.');
                }
            });
 
 }else{
 // Send an AJAX request to fetch data based on group IDs
 //--------------------------------------------------------------    
 const groupIds = [];
         
            $('#packingtable tbody tr').each(function () {
                //const groupId = $(this).find('.groupid').text().trim();
                // const processstatus=$(this).parent().parent().find(".txtprocess_status").val();
                // const groupid=$(this).parent().parent().find(".txtgroupid").val();
               
                // const odid=$(this).parent().parent().find(".txtodid").val();
                const processstatus = $(this).find(".txtprocess_status").val();
    const groupid = $(this).find(".txtgroupid").val();
    const odid = $(this).find(".txtodid").val();
   
    // Push the groupid to the array
    groupIds.push(groupid);
               
                groupIds.push(groupid);
            });

            // Check if there are rows in Table 1
            if (groupIds.length === 0) {
                alert('No rows to move!');
                return;
            }
            //-----------------------------------------------------------------
 $.ajax({
                url: "{{ url('orderlist/getRowsByGroupIdforprocessitems/') }}" , // Replace with your Laravel route
                type: 'POST',
                data: {
                    groupIds: groupIds,
                    _token: '{{ csrf_token() }}' // Add CSRF token for security
                },
                success: function (response) {
                    // Append the fetched rows to Table 2
                    $('#btn_start').prop('disabled', false);
                    $('#btn_done').prop('disabled', true);
                    $('#btn_Remove_A').prop('disabled', false);
                    response.forEach(row => {
                     
                     if (row.item_type==1){
                      $('#mainitemID').val(row.pid);
                     $('#odID').val(row.id);
                    $('#grID').val(row.groupid);
                      $('#packingdetailtable tbody').append(`
                      
               
                      <tr data-id="${row.groupid}">
                     <td style="display:none;"id ="id" name="id[]">${row.id}</td>
                      <td style="display:none;" id ="order_number" name="order_number[]"> ${row.order_number}</td>
                     <td style="display:none;" id ="groupid" name="groupid[]"> ${row.groupid}</td>
                      <td style="display:none;" id ="itemid" name="itemid[]">${row.itemid}</td>
                      <td style="display:none;"id ="ps" name="ps[]">${row.process_status}</td>
                     <td id ="item" name="item[]"> ${row.item} ||${row.ram} ||${row.generation}|| ${row.combination} ||${row.booting_ssd}||${row.additional_hdd} ||${row.skin_type}</td>
                      <td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk" checked ><a href="#" button class="btn btn-outline-dark btn-sm btn_delete1" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>
                     </tr>
                      
                                          
                                             `);
                     }else{
                      $('#packingdetailtable tbody').append(`
                      
               
                      <tr data-id="${row.groupid}">
                     <td style="display:none;"id ="id" name="id[]">${row.id}</td>
                      <td style="display:none;" id ="order_number" name="order_number[]"> ${row.order_number}</td>
                     <td style="display:none;" id ="groupid" name="groupid[]"> ${row.groupid}</td>
                      <td style="display:none;" id ="itemid" name="itemid[]">${row.itemid}</td>
                      <td style="display:none;"id ="ps" name="ps[]">${row.process_status}</td>
                     <td id ="item" name="item[]"> ${row.item}</td>
                      <td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk" checked ><a href="#" button class="btn btn-outline-dark btn-sm btn_delete1" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>
                     </tr>
                      
                                          
                                             `);
                      
                     }
                      
                    });

                    // Clear all rows from Table 1 after moving them
                   // $('#table1 tbody').empty();

                    alert('All rows moved successfully!');
                },
                error: function () {
                    alert('Failed to fetch rows. Please try again.');
                }
            });
 

 }
           
});
// var getitemtype2 = function(){
   
//   const groupIds = [];
         
//          $('#packingtable tbody tr').each(function () {
//              //const groupId = $(this).find('.groupid').text().trim();
//              // const processstatus=$(this).parent().parent().find(".txtprocess_status").val();
//              // const groupid=$(this).parent().parent().find(".txtgroupid").val();
            
//              // const odid=$(this).parent().parent().find(".txtodid").val();
//              const processstatus = $(this).find(".txtprocess_status").val();
//  const groupid = $(this).find(".txtgroupid").val();
//  const odid = $(this).find(".txtodid").val();

//  // Push the groupid to the array
//  groupIds.push(groupid);
            
//              groupIds.push(groupid);
//          });

//          // Check if there are rows in Table 1
//          if (groupIds.length === 0) {
//              alert('No rows to move!');
//              return;
//          }   
  
  
  
//   $.ajax({
//                     url: "{{ url('orderlist/getRowsByGroupIdforprocesssecondaryitems/') }}" ,
//                     type: "Post",
//                     data: {
//                     groupIds: groupIds,
//                     _token: '{{ csrf_token() }}' // Add CSRF token for security
//                 },
                  
//                 success: function (response) {
//                     // Append the fetched rows to Table 2
//                     response.forEach(row => {
//                         $('#packingdetailtable tbody').append(`
                      
               
//  <tr>
// <td style="display:none;"id ="id" name="id[]">${row.id}</td>
//  <td style="display:none;" id ="order_number" name="order_number[]"> ${row.order_number}</td>
// <td style="display:none;" id ="groupid" name="groupid[]"> ${row.groupid}</td>
//  <td style="display:none;" id ="itemid" name="itemid[]">${row.pid}</td>
//  <td style="display:none;"id ="ps" name="ps[]">${row.process_status}</td>
// <td id ="item" name="item[]"> ${row.item} ||${row.ram} ||${row.generation}|| ${row.combination} ||${row.booting_ssd}||${row.additional_hdd} ||${row.skin_type}</td>
//  <td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk" checked ><a href="#" button class="btn btn-outline-dark btn-sm btn_delete1" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Delete</a></td>
// </tr>
 
                     
//                         `);
//                     });

//                     // Clear all rows from Table 1 after moving them
//                    // $('#table1 tbody').empty();

//                     alert('All rows moved successfully!');
//                 },
                
                
                
                
                
              
//                         });


// }
</script>

<script>
    $(document).ready(function(){
//remove the entry
$(document).on('click', '#btn_Remove_A', function(event) {
        event.preventDefault();


  $('#packingdetailtable >tbody >tr').remove();

  $('#btn_start').prop('disabled', true);
                    $('#btn_done').prop('disabled', true);
                    $('#btn_Remove_A').prop('disabled', true);
});
    });
</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>
@endsection