@extends('layouts.app')

@section('title', 'Shipping')

@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 --}}
   
        <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Shipping Panel</h1>
        <div class="col-md-6">
        <!-- <input type="text" class="form-control @error('serialno') is-invalid @enderror"
                                name="search[]" placeholder="Filter Here" id="search"> -->
                                <div class="input-group">
            <input  id ="searchme" type="text" class="form-control bg-light border-0 small" placeholder="Search for..."
                aria-label="Search" aria-describedby="basic-addon2">
            <div class="input-group-append">
                <button  id ="searchme" class="btn btn-success" type="button">
                    <i class="fas fa-search fa-sm"></i>
                </button>
            <!-- <a href="{{route('orderlist.getmylistview')}}"class="btn btn-md btn-outline-info ml-2">
    <i class="fa fa-newspaper-o" aria-hidden="true"></i> 
                           Items for Pickers</a> -->
            </div> 
          
        </div>
</div>
                                <div class="float-left">
<a href="{{ route('home')}}" class=" btn btn-md btn-warning shadow-md">
            <i class="fas fa-arrow-left fa-sm "></i>Home</a>
</div> 
   
      </div>

    <!-- <div class="row">
        <div class="col-md-12">
            <h2 class="text-center mb-3">Welcome To HiTech Bay Dashboard!</h2>
        </div>
    </div> -->
    <input type="hidden"name="totorderqty[]" id="totorderqty">
    <input type="hidden"name="totcompletedqty[]" id="totcompletedqty">
    <input type="hidden"name="orderNumber[]" id="orderNumber">
    <input type="hidden"name="groupid[]" id="groupid">
    <input type="hidden"name="groupid1[]" id="groupid1">
    <input type="hidden"name="orderNumber1[]" id="orderNumber1">
    <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="Shipperid[]" id="Shipperid" value="0"> 
    <input type="hidden"name="Shipper[]" id="Shipper" value="0"> 
    <input type="hidden"name="Shippercostid[]" id="Shippercostid" value="0"> 
    <input type="hidden"name="Customer[]" id="Customer" value="None"> 
    <input type="hidden"name="ref1[]" id="ref1" value="0"> 
    <input type="hidden"name="ref2[]" id="ref2" value="0"> 
    <input type="hidden"name="ref3[]" id="ref3" value="None"> 
    <input type="hidden"name="orderbox[]" id="orderbox">
    <input type="hidden"name="ortype[]" id="ortype">
<hr>
        <div class="row">
        <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">
                    
                  <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%;'>Order_Number</th>
                       <th style='width:20%;'>Order_date</th>
                       <th style='width:20%;'>Customer</th>
                       <th style='width:10%;'>Channel</th>
                       <th style='width:10%;'>priority</th>
                       <th style='width:15%;'>order_type</th>
                       <!-- <th style='width:15%;'>Action</th> -->
                  
                  
                   </tr>
                  
               </thead>
              
               <tbody>
<!-- NEED ADD THE DATAROWS HERE -->

               </tbody>
           </table>

        
       </div>

                     

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

            </div>
          
            

            </div>
<br>
<!-- ----------------------------------- NEXT  TABLE -->
<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">
                    
                  <div class="col mr-2">
            <!-- ------------------------- -->
           
                                <label for="currier">Curriers:</label>
                         
                                <table class="table table-bordered" id="shippercost" 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:5%;'>ID</th>
                     <th style='width:5%;'>OrderNo</th>
                       <th style='width:10%; '>SHIPPER</th>
                       <th style='width:5%; '>COST</th>
                      <th style='width:5%;'>Action</th>
                  </tr>
                  
               </thead>
              
               <tbody>
<!-- NEED ADD THE DATAROWS HERE -->

               </tbody>
           </table>

                </div>
                
                      
                    </div>
                    
                    <hr>

                    <div class="col-md-8 float-left" > 
                          
                       <h2>OrderNumber:</h2>
                         
                        
                         <!-- <input type="text"name="horder[]" id="horder" > -->
                         <h6 id="Ornum"></h6> 
                         <div class="float-middle " id="Orderbarcode" >             
 <!-- <h3>Order_Number</h3>
        {!! $barcode !!} -->
        
</div>        
                         
<h2>Shipper's TrackingNumber:</h2>
                         
                        
                         <!-- <input type="text"name="horder[]" id="horder" > -->
                         <h6 id="trnum"></h6> 
                         <div class="float-middle " id="Orderbarcode1" >
                                       
 <!-- <h3>Order_Number</h3>
        {!! $barcode !!} -->
</div>                    
<h2 >Internal_Tracking Number:</h2>
                         
                        
                         <!-- <input type="text"name="horder[]" id="horder" > -->
                         <h6 id="comnum"></h6> 
                         <div class="float-middle " id="Orderbarcode2" >             
 <!-- <h3>Order_Number</h3>
        {!! $barcode !!} -->
</div>              
<!-- <h3>Order_Number</h3>
       {!! $barcode !!} -->
    
       <h2>UPS Shipping Label</h2>
       <div id="upsLabel">
    <!-- UPS label will be shown here -->
</div>


  <!-- @if(isset($labelUrl))
    <img src="{{ $labelUrl }}" alt="UPS Label" />
  @else
    <p>No label generated yet.</p>
@endif -->

</div> 
<div>
                           <label id="horder"></label>
                        </div>
                </div>

                <div class="card-footer">
            <!-- <div class="float-right">
  <button id ="btn_Done"class="btn btn-success btn-md shadow-md" disabled>
  <i class="fa fa-play" aria-hidden="true"></i> Done</button>
  </div> -->
  <div class="float-right">
  <button id ="btn_label" class="btn btn-primary btn-md shadow-md mr-1"  disabled>
  <i class="fa fa-barcode" aria-hidden="true"></i> Print_Labels</button>
  </div>

<div class="float-left">
  <button id ="btn_start" class="btn btn-warning btn-md shadow-md mr-2" disabled >
  <i class="fa fa-hourglass-start" aria-hidden="true"></i>Finish</button>
  </div>
  </div>



            </div>

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


</div>
   

</div>


@endsection
@section('scripts')

<script>
$(document).ready(function(){
   // var more_loader = $("<img id='hiddenL' src='../ForePost/icons/spin.gif'/>");
 //  href="{{route('productlist.createinventory')}}"
   
      //  var form_data = $(this).serialize();

 
        // var order_number = this.value;
        // var section = 'PACKING';
        $.ajax({
          
        

          url: "{{ url('orderlist/getOrderlistforshipping/') }}",
        type: "GET",
         dataType: 'json',
         async: false,
    
          // data: {
          //   process_status:"accomplished",
          //   order_location: "PACKING",
          // //  section: section,
          //    _token: '{{csrf_token()}}'
          // },
         
          success: function (result) {
              if(result != null){
               
                
               $.each(result, function (key, value) {
             
             var id= value.id;
               
             var  our_reference=value.our_reference
                var ornum=value.order_number;
                var order_date=value.order_date;
                var  Channel=value.Channel;
                var total_amount=value.total_amount;
                var production_date=value.production_date;
                var priority=value.priority;
                var customer=value.customer;
                

var users=value.users;
var order_location=value.order_location;
var pushed_time=value.pushed_time;
var description=value.description;
var process_status=value.process_status;
var years=value.years;
var months=value.months;
var days=value.days;
var boxtype=value.boxtype;
var order_type=value.order_type;

 $('#orderNumber1').val(ornum); 
 $('#orderNumber').val(ornum); 
 //$('#groupid1').val(grid);
// $('#odID').val(id);

              var html = '';
            
  html += '<tr class="parent-row" data-order-id="'+ornum+'">';
 html += '<td style="display:none;"class="custom-tbl txtid" id ="id" name="id[]">' + id + '</td>';
 html += '<td class="custom-tbl txtordernumber" id ="order_number" name="order_number[]">' + ornum + '</td>';
 html += '<td class="custom-tbl txtorder_date" id ="order_date" name="order_date[]">' + order_date + '</td>';
 html += '<td class="custom-tbl txtitemid" id ="customer" name="customer[]">' + customer + '</td>';
 html += '<td class="custom-tbl txtcustomer" id ="Channel" name="Channel[]">' + Channel + '</td>';
 html += '<td class="custom-tbl txtpriority" id ="priority" name="priority[]">' + priority + '</td>';
 html += '<td class="custom-tbl txtordertype" id ="ordertype" name="ordertype[]">' + order_type + '</td>';
 
  html+='<td ><a href="#" button class="btn btn-outline-dark btn-sm btn_select" ><i class="fa fa-retweet" aria-hidden="true"></i></a> <a href="#" button class="btn btn-outline-dark btn-sm request" ><i class="fa fa-paper-plane" aria-hidden="true"></i></a> <a href="#" id ="check" name="check"  class="btn btn-outline-success btn-md check toggle-children"><i class="fa fa-check-square" aria-hidden="true"></i></a></td>';
 //html+='<td ><a href="#" button class="btn btn-outline-dark btn-sm selectorder" ><i class="fa fa-paper-plane" aria-hidden="true"></i>Request</a></td>';
 html +='</tr>';
 html+='<tr class="child-placeholder" data-parent-id="'+ornum+'"></tr>';

  $('#packingtable').append(html);
 //--------------------------------------------------------------------------------------------------
            
            
              
          });
       
      
  }

            
            
              
          }

        });

    });








</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/getOrderItemsbyordernumber/')}}",


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

                     },
               type: 'GET',

                success: function (response) {
                    if (response.length > 0) {
                        let childRows = '';
                       
                        response.forEach(item => {
                           if(item.item_type==1){
                            childRows += `
                                <tr class="child-row" data-parent-id="${order_number}">
                                    <td colspan="7">
                                    
                                    <strong>Mechine:</strong> ${item.item} |
                                    <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>
                            `;
                           }else{
                            childRows += `
                                <tr class="child-row" data-parent-id="${order_number}">
                                    <td colspan="4">
                                    
                                    <strong>sub_Items:</strong> ${item.item} |
                                   
                                    </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();

 
        // var order_number = this.value;
        // var section = 'PACKING';
        $.ajax({
          
    

          url: "{{ url('orderlist/getFinallistforshipping/') }}",
        type: "GET",
         dataType: 'json',
         async: false,
      //    url: "{{url('routes/fetchState')}}",
      //    const url = "{{ url('routes/edit-route/{id}') }}"
          // url: '/fetchState/',
        //  url: "{{url('fetchState')}}",
          data: {
        //    section:"PACKING",
           // order_number: order_number,
          //  section: section,
            //  _token: '{{csrf_token()}}'
          },
         
          success: function (result) {
              if(result != null){
               
    
               $.each(result, function (key, value) {
              var itemtype=value.item_type;
             
                var ornum=value.order_number;
                var order_date=value.order_date;
                var production_date=value.production_date;
                var customer=value.customer;
                var id= value.id;
var grid=value.groupid;
var itemid=value.pid;
var channel=value.name;
var item=value.item;
var qty=value.qty;
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;
var ordertype=value.order_type;
 $('#orderNumber1').val(ornum); 
 $('#orderNumber').val(ornum); 
 $('#groupid1').val(grid);
// $('#odID').val(id);

              var html = '';


 
  html += '<tr style="background-color:#16A085">';
 html += '<td style="display:none;"class="custom-tbl txtid" id ="id" name="id[]">' + id + '</td>';
 html += '<td style="display:none;"class="custom-tbl txtordernumber" id ="order_number" name="order_number[]">' + ornum + '</td>';
 html += '<td style="display:none;"class="custom-tbl txtgroupid" id ="groupid" name="groupid[]">' + grid + '</td>';
 html += '<td style="display:none;"class="custom-tbl txtitemid" id ="itemid" name="itemid[]">' + itemid + '</td>';
 html += '<td style="display:none;"class="custom-tbl txtcustomer" id ="customer" name="customer[]">' + customer + '</td>';

 //  html += '<td id ="item" name="item[]">' + item + "||" + ram + "||" + generation + "||" + combination + "||" + booting_ssd + "||" + additional_hdd + "||" + skin_type+'</td>';
 //html += '<td id ="item" name="item[]">' + item +"->" + ram +"->" + generation +'</td>';
 html +='<td class="custom-tbl"><input type="text" name="multi[]" id ="multi0" class="form-control txtmultiple" disabled placeholder="'+customer+"-" +channel+"-"+ornum+"-" +order_date+'"><textarea name="item[]" class="form-control txtitem" disabled>'+item +"=>"+qty +"->" + ram +"->" + generation +'</textarea></td>';
 html+='<td style="display: flex ; background-color:#FFFFCC;"><a href="#" button class="btn btn-outline-dark btn-sm btn_select" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Shippers</a> <a href="#" button class="btn btn-outline-dark btn-sm request" ><i class="fa fa-paper-plane" aria-hidden="true"></i>Request</a></td>';
 html += '<td style="display:none;"class="custom-tbl txtordertype" id ="ordertype" name="ordertype[]">' + ordertype + '</td>';
 html +='</tr>';
 

  $('#packingtable').append(html);
 //--------------------------------------------------------------------------------------------------
            
             getitemtype2 (); 
              
          });
           getitemtype2unprocessitemlist();
              
       //   getbarcodehtmltag();
        //  more_loader.hide();    
      
  }

            
            
              
          }

        });

    });




var getitemtype2 = function(){
   // bind the oders---------------------------------
  // var order_number = $('#ordernumber').val();
   const groupid=$('#groupid1').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',
                    async: false,
                    success: function (result) {

                        if(result != null){

                        
$.each(result, function (key, value) {
   
    var id=value.id;
   var order_number=value.order_number;
   
var groupid=value.groupid;
var item=value.item;
var itemid=value.pid;
var qty=value.qty;
var html = '';
html += '<tr style="background-color:#16A085">';
html += '<td style="display:none;"class="custom-tbl txtid" id ="id" name="id[]">' + id + '</td>';
html += '<td style="display:none;"class="custom-tbl txtordernumber" id ="order_number" name="order_number[]">' + order_number + '</td>';
html += '<td style="display:none;"class="custom-tbl txtgroupid" id ="groupid" name="groupid[]">' + groupid + '</td>';
html += '<td style="display:none;"class="custom-tbl txtitemid" id ="itemid" name="itemid[]">' + itemid + '</td>';
html += '<td input  type="text" id ="item" name="item[]">' + item +"=>"+qty+'</td>';
//html += '<td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk"></td>';
html +='</tr>';

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

//getgeneraljobtableid();
}     


                        
                 
}            
                        });


}


var getitemtype2unprocessitemlist = function(){
   // bind the oders---------------------------------
 //var order_number = $('#orderNumber1').val();
   //const groupid=$('#groupid1').val();

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

                        if(result != null){

                        
$.each(result, function (key, value) {
   
    var id=value.id;
    var order_number=value.order_number;
                var order_date=value.order_date;
                var production_date=value.production_date;
                var customer=value.customer;
                var channel=value.name;
var groupid=value.groupid;
var item=value.item;
var itemid=value.pid;
var qty=value.qty;
var ordertype=value.order_type;
$('#orderNumber1').val(order_number); 
$('#orderNumber').val(order_number); 
var html = '';



html += '<tr style="background-color:#5DADE2">';
html += '<td style="display:none;"class="custom-tbl txtid" id ="id" name="id[]">' + id + '</td>';
html += '<td style="display:none;"class="custom-tbl txtordernumber" id ="order_number" name="order_number[]">' + order_number + '</td>';
html += '<td style="display:none;"class="custom-tbl txtgroupid" id ="groupid" name="groupid[]">' + groupid + '</td>';
html += '<td style="display:none;"class="custom-tbl txtitemid" id ="itemid" name="itemid[]">' + itemid + '</td>';
html += '<td style="display:none;"class="custom-tbl txtid" id ="customer" name="customer[]">' + customer + '</td>';
//html += '<td input  type="text" id ="item" name="item[]">' + item +"=>"+qty+'</td>';
html +='<td class="custom-tbl"><input type="text" name="multi[]" id ="multi0" class="form-control txtmultiple"  value='+customer+"-"+ channel+"-"+order_number+"-" +order_date+'><textarea name="item[]" class="form-control txtitem" disabled>'+item +"=>"+qty+'</textarea></td>';
html+='<td style="display: flex ; background-color:#FFFFCC;"><a href="#" button class="btn btn-outline-dark btn-sm btn_select" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Shippers</a> <a href="#" button class="btn btn-outline-dark btn-sm request" ><i class="fa fa-paper-plane" aria-hidden="true"></i>Request</a></td>';
html += '<td style="display:none;"class="custom-tbl txtordertype" id ="ordertype" name="ordertype[]">' + ordertype + '</td>';
//html += '<td><input type="checkbox" id ="itemchk0" name="itemchk[]" class="itemchk"></td>';
html +='</tr>';

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

//getgeneraljobtableid();
}     


                        
                 
}            
                        });


}

</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;
$('#shippercost >tbody >tr').remove();
var row = $(this).closest('tr');
  var ornum = $(row).find('td').eq(1).html();
  //var groupid = $(row).find('td').eq(2).html();
  //var odeid = $(row).find('td').eq(0).html();
  //var mitemid = $(row).find('td').eq(3).html();
var custmr=$(row).find('td').eq(3).html();
var ot=$(row).find('td').eq(6).html();
$('#ortype').val(ot);

 $('#orderNumber').val(ornum);
 $('#orderNumber1').val(ornum);
 //$('#grID').val(groupid);
// $('#odID').val(odeid);
// $('#mainitemID').val(mitemid);
 $('#Customer').val(custmr);

 // $('#orderNumber1').val(ornum);
  
//const order_number=$(this).parent().parent().find(".txtordernumber").val()


//var orn = [];

$.ajax({   
                    url: "{{ url('shippercost/viewshippingcostlistFOSHIPPING/') }}" ,
                    type: "GET",
                    data: {
                       
                      order_number:ornum,
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                        if(res != null){
                     // $('#btn_label').prop('disabled', false);  
                  //   $('#btn_start').prop('disabled', true);
                     $('#btn_start').prop('disabled', true);
                     $('#btn_label').prop('disabled', true);  
                       
                         $.each(res, function (key, value) {
                         
                         
                          
                          var id=value.id;
                            var order_number=value.order_number;
                         var shipper=value.shipper;
                         var shipperid=value.shipperid;
                        
                         var ref1=value.Reference1;
                         var ref2=value.Reference2;
                         var ref3=value.Reference3;
                         var cost="$"+value.cost;
 
 
//  $('#mainitemID').val(value.pid);
//  $('#odID').val(value.id);

                var html = '';
 html += '<tr>';
 html += '<td "class="custom-tbl txtid" id ="id" name="id[]">' + id + '</td>';
 html +='<td style="display:none;"class="custom-tbl txtshipperid" id ="shipperid" name="shipperid[]">' + shipperid + '</td>';
 html += '<td "class="custom-tbl txtid" id ="id" name="id[]">' + order_number + '</td>';
 html += '<td "class="custom-tbl txtshipper" id ="shipper" name="shipper[]">' + shipper + '</td>';
 html += '<td "class="custom-tbl txtcost" id ="cost" name="cost[]">' + cost + '</td>';
 html +='<td style="display:none;"class="custom-tbl txtshipperid" id ="ref1" name="ref1[]">' + ref1 + '</td>';
 html +='<td style="display:none;"class="custom-tbl txtshipperid" id ="ref2" name="ref2[]">' + ref2 + '</td>';
 html +='<td style="display:none;"class="custom-tbl txtshipperid" id ="ref3" name="ref3[]">' + ref3 + '</td>';
 html+='<td style="display: flex"><a href="#" button class="btn btn-outline-dark btn-sm btn_select" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Select</a></td>';
 html +='</tr>';
  $('#shippercost').append(html);
                           



});  

//getgeneraljobtableid();



}     
}       
                        });


}
});



    });
    

//     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/getgeneralSHIPPINGtabelid/') }}" ,
//                     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(){
//remove the entry
$('#shippercost').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;

var row = $(this).closest('tr');
  var id = $(row).find('td').eq(0).html();
  var shiperid = $(row).find('td').eq(1).html();
  var order_number = $(row).find('td').eq(2).html();
  var shiper = $(row).find('td').eq(3).html();
  var ref1 = $(row).find('td').eq(5).html();
  var ref2 = $(row).find('td').eq(6).html();
  var ref3 = $(row).find('td').eq(7).html();
 $('#orderNumber').val(order_number); 
  $('#orderNumber1').val(order_number);
$('#Shipperid').val(shiperid);
 $('#Shipper').val(shiper);
 $('#ref1').val(ref1);
$('#ref2').val(ref2);
 $('#ref3').val(ref3);
 $('#Shippercostid').val(id);
  $.ajax({
                    url: "{{ url('barcodes/barcodeIndex/') }}" ,
                    type: "get",
                    data: {
                       
                        order_number:parseInt(order_number)
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                     $('#Orderbarcode').html(res);
                    $('#Ornum').html(order_number);
                   //  $('#Orderbarcode1').html(res);
               //   $('#Orderbarcode2').html(res);
               $('#btn_start').prop('disabled', false);
                  $('#btn_label').prop('disabled', false);  
                //  $("#groupid").val(newgrid);
                //  $("#horder").val(order_number);
                  
                //  $('#form').prepend( "<p>" + order_number + "</p>" );

              getbarcodehtmltagforcompany(); 
               getbarcodehtmltagforshipper();
               generateupslabel();       

//                       $.each(res, function (key, value) {
  
    
                  
                    
   
// }); 
                
        
}            
                        });

    }
  });
});
var getbarcodehtmltagforcompany = function(){
  var ref1=$('#ref1').val();
  $.ajax({
                    url: "{{ url('barcodes/barcodeIndex_companyref/') }}" ,
                    type: "get",
                    data: {
                       
                        ref1:ref1
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                     // $('#Orderbarcode').html(res);
                    // $('#Orderbarcode1').html(res);
                 $('#Orderbarcode2').html(res);
                 $('#comnum').html(ref1);
                //  $('#btn_label').prop('disabled', false);  
                //  $("#groupid").val(newgrid);
                //  $("#horder").val(order_number);
                  
                //  $('#form').prepend( "<p>" + order_number + "</p>" );

//                       $.each(res, function (key, value) {
  
    
                  
                    
   
// }); 
                
        
}            
                        });

}

var getbarcodehtmltagforshipper = function(){
  var ref2=$('#ref2').val();
  $.ajax({
                    url: "{{ url('barcodes/barcodeIndex_shipperref/') }}" ,
                    type: "get",
                    data: {
                       
                      ref2:ref2
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                     // $('#Orderbarcode').html(res);
                     $('#Orderbarcode1').html(res);
                     $('#trnum').html(ref2);
                  //$('#Orderbarcode2').html(res);
                  
                  
                //  $('#form').prepend( "<p>" + order_number + "</p>" );

//                       $.each(res, function (key, value) {
  
    
                  
                    
   
// }); 
                
        
}            
     


});

}
var generateupslabel = function(){
      var orderId = $('#orderNumber').val();  // Get the order ID from the button data attribute

            $.ajax({
              //url: "{{ url('shippercost/viewshippingcostlistFOSHIPPING/') }}" ,
              
              url: "{{ url('/createShipment') }}",  // The route for createShipment
                type: 'POST',
                data: {
                    _token: "{{ csrf_token() }}",  // CSRF token for security
                    order_id: orderId  // Pass the order ID
                },
                success: function(response) {
                    if (response.labelUrl) {
                        $('#upsLabel').html('<img src="' + response.labelUrl + '" alt="UPS Shipping Label" />');
                    } else {
                        $('#upsLabel').html('<p>Error generating label.</p>');
                    }
                },
                error: function(xhr, status, error) {
                    console.error(error);
                    $('#upsLabel').html('<p>Something went wrong while generating the label.</p>');
                }
            });
    }
// var getbarcodehtmltag = function(){
//    // bind the oders---------------------------------
//    var order_number = $('#ordernumber').val();
//    //var fon = parseInt(order_number);
//    // var order_number = this.value;
//              //   $("#city-dropdown").html('');
//              $.ajax({
//                     url: "{{ url('barcodes/barcodeIndex/') }}" ,
//                     type: "get",
//                     data: {
                       
//                         order_number:parseInt(order_number)
                       
//                         // _token: '{{csrf_token()}}'
//                     },
//                     dataType: 'json',
//                     success: function (res) {
//                   $('#Orderbarcode').html(res);
//                 //  $("#groupid").val(newgrid);
//                   $("#horder").val(order_number);
//                   $('#form').prepend( "<p>" + order_number + "</p>" );
                    
// //                                                 $.each(res, function (key, value) {
                          
             
  
                           
// // });              
// }            
//                         });


// }

</script>
<!-- <script >
$(document).on('click', '#btn_label', function(event) {
        event.preventDefault();
        alert("Hey Printing is in the  Construction");
        $('#btn_Done').prop('disabled', false); 
});
        </script> -->

<!-- <script >

$(document).on('click', '#btn_Done', function(event) {
        event.preventDefault();
       // alert("ok");
        //$('#btn_Done').prop('disabled', false); 
        if (confirm('Are you sure?')) {




          const otype=$("#ortype").val();
      if(otype==('Direct Order')){

        updateorderudirectorderss();


      }else{

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

//const id =Session.jid;
var id = $('#gjid').val();

        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 ="Shipping-Completed"
const status ="Done";
const section ="SHIPPING";
const sectionjobstatus="SHIPPING PROCESS TASK ACCOMPLISHED"


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

            },

 // traditional: true,
   async: false,


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

    
    // $('#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= $('#orderNumber1').val();

const process_status="shipping_ready"
const order_location="SHIPPING"
$.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!");
  toastr.success("Order process completed.......!!");
  updateitemlocation();
  // 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 updateorderudirectorderss=function(){
var orn= $('#orderNumber1').val();

const process_status="shipping_ready"
const order_location="SHIPPING"
$.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!");
  toastr.success("Order process completed.......!!");
  updateitemlocationforunporocess();
  // 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 updateitemlocation = function(){
//   var order_number= $('#ordernumber').val();
   
// const item_location="SHIPPING"
//    // bind the oders---------------------------------
//              // var order_number = this.value;
//              //   $("#city-dropdown").html('');
//              $.ajax({
//                     url: "{{ url('orderlist/updateOrderdetaiItemlocation/') }}" ,
//                     type: "POST",
//                    // data:$('#add_tech').serialize(),
//                    data: {

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

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


// }
//---------------------------------------------
//----------------------------------------------------------------------
var updateitemlocationforunporocess = function(){
  var order_number= $('#orderNumber1').val();
  //var id= $('#odID').val();
const item_location="SHIPPING"
   // 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) {
                      additemsreadyforshipping();
                        toastr.success("Done!!");
                     //location.reload();
 //$.each(res.orders, function (key, value) {
                    
                           
// });              
}            
                        });


}


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

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

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


}



//------------------------------------------------
var additemsreadyforshipping=function(){

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

  //Get tehe boxes details----------------------------------
/* Act on the event */
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 montharray = ['Jan', 'Feb','Mar','Apr', 'May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
var month1 = dateObj.toLocaleString('default', { month: 'short' });//(dateObj.getMonth() +1);
// var od = document.getElementById("orderdate").value;
// od = od.replace("T", " ");

// var pd = document.getElementById("productiondate").value;
// pd = pd.replace("T", " ");
//---------------------------------------------------------
// <input type="hidden"name="ref1[]" id="ref1" value="0"> 
//     <input type="hidden"name="ref2[]" id="ref2" value="0"> 
//     <input type="hidden"name="ref3[]" id="ref3" value="None"> 
const updated_date=dateStr;
 //const received_date=dateStr;
 const shipperid=$('#Shipperid').val();
 const shipper=$('#Shipper').val();
 const order_number=$('#orderNumber').val();
 const trackingnumber=$('#ref2').val();
 const aplreferencenumber=$('#ref1').val();
 const customer=$('#Customer').val();
 const itemid=$('#mainitemID').val();
 const orderdetailid=$('#odID').val();
 const gjid=$('#gjid').val();
 const shippercostid=$('#Shippercostid').val();
 const groupid=$('#grID').val();
// const user="";
 const description="CheckList";
 const status=0;


$.ajax({
         
 
       
         url:"{{ url('shippitem/Shippitemsrequestdetails/') }}",
         //contentType: "application/json; charset=utf-8",
         type: "POST",
         //dataType: "text",
         dataType: "json",
      // traditional: true,
       async: false,
          data: {
            
              'updated_date' :updated_date, // $("#refno").val(),
             // 'received_date':received_date,
             'shipperid':shipperid,
              'shipper':shipper,
              'order_number':order_number,
              'trackingnumber':trackingnumber,
              'aplreferencenumber':aplreferencenumber,
              'customer':customer,
              'itemid':itemid,
              'orderdetailid':orderdetailid,
              'gjid':gjid,
              'shippercostid':shippercostid,//$("#rtype").val(),
              'groupid':groupid,//$("#rtype").val(),
           'description':description,
              'status':status,
        _token: '{{csrf_token()}}'
        
      },
        
          success: function (data) {
        alert("Shipping Item saved!");
       // $('table#packingtable tr#'+orn).remove();
                    $('#Orderbarcode').html('');
                  $('#Orderbarcode1').html('');
                  $('#Orderbarcode2').html('');
                  $('#btn_label').prop('disabled', true);  
               
                  $('#btn_Done').prop('disabled', true); 
                  $('#shippercost >tbody >tr').remove();
                 location.reload();
 
          }
 
      });
 

}
 
      
        </script>      -->

 <!-- channel request -->
 <script>
   $(document).ready(function(){
  
   
    $('#packingtable').on('click', '.request', function(){
       // alert("done");
   // method 1
// const order_number =$(this).parent().parent().find(".ordernumber").val();
if (confirm('Are you sure? do  you  want to  send shipping cost request!')) {
 
  var row = $(this).closest('tr');
  var ornum = $(row).find('td').eq(1).html();
var customer1 = $(row).find('td').eq(3).html();

  //Get tehe boxes details----------------------------------
/* Act on the event */
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 montharray = ['Jan', 'Feb','Mar','Apr', 'May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
var month1 = dateObj.toLocaleString('default', { month: 'short' });//(dateObj.getMonth() +1);
// var od = document.getElementById("orderdate").value;
// od = od.replace("T", " ");

// var pd = document.getElementById("productiondate").value;
// pd = pd.replace("T", " ");
//---------------------------------------------------------

$.ajax({
         
  
       
         url:"{{ url('Orderbox/viewBoxdetails/') }}",
         //contentType: "application/json; charset=utf-8",
         type: "get",
         //dataType: "text",
         dataType: "json",
      // traditional: true,
       async: false,
          data: {
              
            // 'shipperid':shipperid,
            'order_number':ornum,
             
        _token: '{{csrf_token()}}'
        
      },
        
          success: function (data) {
       //alert("sent Successfully!");
       if(data == ('')){
    alert("Boxes are not assigned Yet, Request Terminated!");

    return;
       }else{
         $.each(data, function (key, value) {
              var Details="Name:"+value.name+"|"+"Size:" + value.size+"|"+"Weight:"+value.weight;
                    
                
                   $('#orderbox').val(Details);
                  
                        });
       }
      
 
 
         

// balance function here----------------------------
var Referenceno1=year + month + day + hours + minutes + seconds;
$.ajax({
                    url: "{{ url('shipperlist/shippersListforrequest/') }}" ,
                    type: "GET",
                    data: {
                       
                        //order_location:"Preparation",
                      //  _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                     
                        $.each(res, function (key, value) {
                            var id=value.id;
 var shipper1=value.shipper;
 var email=value.email;
 var mobile_number=value.mobile_number;
 var fixed_number=value.fixed_number;
 var api=value.api;

 //add shipper cost-------------------
 
const sent_date=dateStr;
 const received_date=dateStr;
 const shipperid=id;
 const shipper=shipper1;
 const order_number=ornum;
 const customer=customer1;
 const cost=0;
 const Reference1=Referenceno1;
 const Reference2="0";
 const Reference3="0";
const description=$('#orderbox').val();
 const status=0;
//-----------------checking existing request-----------------------------------------
$.ajax({
         
 
       
         url:"{{ url('shippercost/viewshippingcostlist/') }}",
         //contentType: "application/json; charset=utf-8",
         type: "get",
         //dataType: "text",
         dataType: "json",
      // traditional: true,
      //  async: false,
          data: {
              
             'shipperid':shipperid,
            'order_number':order_number,
             
        _token: '{{csrf_token()}}'
        
      },
        
          success: function (data) {
       //alert("sent Successfully!");
       if(data == ('')){
//--------------------------


$.ajax({
         
 
       
         url:"{{ url('shippercost/Shippercostrequestdetails/') }}",
         //contentType: "application/json; charset=utf-8",
         type: "POST",
         //dataType: "text",
         dataType: "json",
      // traditional: true,
      //  async: false,
          data: {
              'sent_date' :sent_date, // $("#refno").val(),
             // 'received_date':received_date,
             'shipperid':shipperid,
              'shipper':shipper,
              'order_number':order_number,
              'customer':customer,
              'cost':cost,
              'Reference1':Reference1,//$("#rtype").val(),
              'Reference2':Reference2,//$("#rtype").val(),
              'Reference3':Reference3,//$("#rtype").val(),
              'description':description,
              'status':status,
        _token: '{{csrf_token()}}'
        
      },
        
          success: function (data) {
       alert("sent Successfully!");
 
 
 
          }
 
      });
 
       //----------------------------------------------------------------  
    }else{

      toastr.warning("Already request has been sent to  shipper!");
                           


    }
 
 
          }
 
      });



});              
}            
                        });


}
 
      });

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

}

  
});
   
});
    </script>

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

         //Get tehe boxes details----------------------------------
/* Act on the event */
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 montharray = ['Jan', 'Feb','Mar','Apr', 'May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
var month1 = dateObj.toLocaleString('default', { month: 'short' });//(dateObj.getMonth() +1);
// var od = document.getElementById("orderdate").value;
// od = od.replace("T", " ");

// var pd = document.getElementById("productiondate").value;
// pd = pd.replace("T", " ");
//---------------------------------------------------------


         
          var Referenceno1=year + month + day + hours + minutes + seconds;
          var  order_number=$('#orderNumber').val(); 
          var  order_type=$('#ortype').val();
          var  shipperid=$('#Shipperid').val();
          var  customer=$('#Customer').val();
if (order_number =='') {
        alert('Order Number is mising.');
        return;
    }   
    if (order_type =='') {
        alert('Order type is  missing.');
        return;
    }   
    // Send data to the server
    $.ajax({
      
        url:"{{ url('process/createJobFromOrderforshipingpanel/')}}",
        type: "POST",
        //dataType: "text",
//dataType: 'json',
  
async: false,
        data: {
          _token: "{{ csrf_token() }}",
          order_number: order_number,
          order_type:order_type,
          shipperid:shipperid,
          Referenceno1:Referenceno1
        },
        success: function (response) {
         // additemsreadyforshipping();
          alert(response.message);

         // $('#btn_done').prop('disabled', false);
          location.reload();
        },
        error: function (xhr) {
          
          const response = xhr.responseJSON;
          alert(response.message);
          
        }
      }); 
     
        }
});
 });





  </script>

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





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

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

 
const order_number=$('#orderNumber').val();
const shipperid=$('#Shipperid').val();
//var orn = [];

$.ajax({
   url:"{{url('shippercost/viewshippingcostlistFOSHIPPINGbyshipperandornumber/')}}",
 type: 'POST',
 //async: false,
 data: {
    order_number:order_number,
    shipperid:shipperid,
           _token: '{{csrf_token()}}'   },
dataType: 'json',

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




success:function(res){
   if(res!= null) //Check the data.msg isset?
     
 {
    // var orn = res.order_number;
    // window.location.href ="{{route('orderlist.editorders')}}?order_number={{ '"+orn"'}}";
     $.each(res, function (key, value) {
        var orn = value.order_number;
window.location.href ="{{route('shippercost.viewshippingcostlistFOSHIPPmentsbarcodeprint')}}?order_number="+orn;
//window.location.href ="{{route('orderlist.editorders')}}?order_number={{'1233434'}}";
// window.location.href = "https://my_website/index.php?category=fast%20food&gps_geo_latitude="  + position.coords.latitude + "&gps_geo_longitude=" + position.coords.longitude;


});
                

                   // toastr.success("DONE");
 
                
              
              }
// console.log(result);
// alert("DONE");
 

},

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

});

}
});


</script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function () {
        $("#searchme").on("keyup", function () {
            var value = $(this).val().toLowerCase();

            $("#packingtable tbody tr").filter(function () {
                var customer = $(".custom-tbl.txtcustomer").text().toLowerCase();
                var order = $(".custom-tbl.txtordernumber").text().toLowerCase();
             //   var channel = $(".custom-tbl.txtordernumber").text().toLowerCase();
                
                // Check if the search value matches any of the columns
               // $(this).toggle(customer.includes(value) || order.includes(value) || channel.includes(value));
                $(this).toggle(customer.includes(value) || order.includes(value));
           
              });
        });
    });
</script>

@endsection