@extends('layouts.app')

@section('title', 'Item Collection List')

@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>
    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Computing Machines Reservation Panel</h1>
        <!-- <div class="row">
        <div class="col-md-6">
             <a href="#" class="btn btn-sm btn-primary">
            <i class="fas fa-plus"></i> AddNew</a>
        </div> 
        <div class="col-md-4">
                    <a href="#" class="btn btn-sm btn-info">
                        <i class="fas fa-arrow-left fa-sm text-white-50"></i>Back</a>
                </div>

        </div>  -->
       </div>
    
    {{-- Alert Messages --}}
    @include('common.alert')
    <input type="hidden"name="ODID[]" id="ODID">
    <input type="hidden"name="isid[]" id="isid">
    <input type="hidden"name="itemquantity[]" id="itemquantity" value="0">
  <!-- ----------------------------------- -->
  <input type="hidden"name="id[]" id="id">
  <input type="hidden"name="odid1[]" id="odid1">
  <input type="hidden"name="our_reference[]" id="our_reference">
  <input type="hidden"name="order_number[]" id="order_number">
  <input type="hidden"name="priority[]" id="priority">
  <input type="hidden"name="order_date[]" id="order_date">
  <input type="hidden"name="computer[]" id="computer">
  <input type="hidden"name="devices[]" id="devices">
  <input type="hidden"name="pid[]" id="pid">
  <input type="hidden"name="groupid[]" id="groupid">

   
  <!-- --------------------------------------------------- -->
  
  
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary mb-2">Search Item For Collection</h6>
            
            <div class="col-md-12" > 
    <input type="text" class="form-control @error('serialno') is-invalid @enderror"
                                name="serialno[]" placeholder="SerialNo" id="serialno">
                                <button id ="btn_accept" class="btn btn-success btn-md shadow-md float-right mt-4" type="button" disabled >
  <i class="fa fa-check-circle-o" aria-hidden="true"></i>Accept All</button>            
  <button id ="btn_clear" class="btn btn-dark btn-md shadow-md float-right mt-4 mr-4" type="button" >
  <i class="fa fa-check-circle-o" aria-hidden="true"></i>Clear List</button>    
                               

</div>
        
        
        </div>
        <div class="card-body">
      
            <div class="table-responsive">
           
                <table class="table table-bordered" id="collectionTable" 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;'>our_reference</th>
                            <th style='width:5%;'>order_number</th>
                            <th style='width:5%;'>OrderDate</th>
                            <th style='width:10%; display:none;'>PID</th>
                            <th style='width:10%; display:none;'>GID</th>
                            <th style='width:20%;'>Computer</th>
                            <th style='width:20%;'>Devices</th>
                            <!-- <th style='width:20%;'>combination</th>
                            <th style='width:20%;'>generation</th>
                            <th style='width:20%;'>B_SSD</th>
                            <th style='width:20%;'>ADD_HDD</th>
                            <th style='width:20%;'>SKIN</th> -->
                            <th style='width:5%;'>Priority</th>
                           <th style='width:10%;'>Action</th>
                       
                       
                        </tr>
                       
                    </thead>
                   
                    <tbody>

                    
                    <!-- @foreach ($orderdetails as $row)
                    @for($i = 0; $i <$row->pendingqty; $i++)
                                    
                           <tr>
                          
                           
                           <td style="display:none;" class="custom-tbl"><input type="text" name="id[]" id ="id0" class="form-control txtid" value="{{$row->id}}"></td>
                               <td style="display:none;"class="custom-tbl"><input type="text" name="our_reference[]" id ="our_reference0" class="form-control txtour_reference" value="{{$row->our_reference}}"></td>
                               <td class="custom-tbl"><input type="text" name="order_number[]" id ="order_number0" class="form-control txtorder_number" value="{{$row->order_number}}" disabled></td>
                             
                               <td > {{$row->order_date}}</td>
                             
                               
                            
                               
                               <td style="display:none;" class="custom-tbl"><input type="text" name="pid[]" id ="pid0" class="form-control txtpid" value="{{$row->pid}}"></td>
                               <td style="display:none;"class="custom-tbl"><input type="text" name="groupid[]" id ="groupid0" class="form-control txtgroupid" value="{{$row->groupid}}"></td>
                             
                               <td>{{$row->item}} </td>
                                <td > RAM: {{$row->ram}}
                                    -: COM : {{$row->combination}}
                                    -: GEN : {{$row->gen}}
                                    -: BS : {{$row->booting_ssd}}
                                    -: AH : {{$row->additional_hdd}}
                                    -:SKIN : {{$row->skin_type}}</td>
                              
                             
                               <td > {{$row->priority}}</td>
                            
                               <td style="display: flex">
                                   <a href="#" button class="btn btn-outline-info btn-sm btn_assign" >
                                   <i class="fa fa-hand-o-right" aria-hidden="true"></i>Pickup
                                   </a>
                                   


                                  
                               </td>
                               
                           </tr>
                         @endfor
                       @endforeach -->
                
                    </tbody>
                </table>
   
             
            </div>
           
        </div>
    </div>

</div>
<!-- @if ($orderdetails->count() > 0 )
@if(isset($orderdetails) && !empty($orderdetails))

@include('inventroy.delete_inventoryModel')

@endif  
@endif  -->
@endsection
@section('scripts')

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

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

        if($('#serialno').val()==''){
            return;
        }
        
    });
});
    </script>



<script>
     $(document).ready(function(){ 
$('#serialno').on('change', function() {
    var itemserialno=$("#serialno").val();
    let rowCount = 0;
    let similarrow=1;
    $('#itemquantity').val(0);
  
  // // Count rows for the same Item ID
  // $('#collectionTable tbody tr').each(function () {
  //               if ($(this).find('input[name$="[pid]"]').val() === pid) {
  //                   rowCount++;
  //               }
  //           });

  
   $.ajax({
                    url: "{{ url('itemserials/getprepareditemsforcollectionlistwithinnerjoinforsearching/') }}" ,
                    type: "GET",
                    data: {
                       
                        itemserialno:itemserialno,
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                   // beforeSend:function(){
    // debugger;
    //$('#cardbodyqueue').text('Loading...');
  //   $("#cardbodyqueue").show();
 //},


                    success: function (res) {
                      $("#btn_accept").prop("disabled", false);
                        $.each(res, function (key, value) {

                         //----------- check the row count and quantity is matching
                         var pid1=value.pid;
                         var odid=value.odid;
                         var orenumber1=value.order_number;
                         //---------------------------------------
                         var id=value.id; 
                          var odid1=value.odid; 
                            var our_reference=value.our_reference;
                            var order_number=value.order_number; 
                            var priority=value.priority;
 
 var order_date=value.order_date;
 var computer=value.item;
 var devices="RAM:" +value.ram +"-" +"COM:" +value.combination +"-" +"GEN:" +value.gen+"-" +"BSS:" +value.booting_ssd+"-" +"AH:" +value.additional_hdd+"-" +"SKIN:" +value.skin_type;
 var pid=value.pid;
 var groupid=value.groupid;
 $('#id').val(id);
 $('#odid1').val(odid);
 $('#our_reference').val(our_reference);
 $('#order_number').val(order_number);
 $('#priority').val(priority);
 $('#order_date').val(order_date);
 $('#computer').val(computer);
 $('#devices').val(devices);
 $('#pid').val(pid);
 $('#groupid').val(groupid);                   
   //-------------------------------------------------------------------------------                    
                         $.ajax({
      
      url:"{{ url('itemserials/getcount_of_items/')}}",
      type: "get",
      //dataType: "text",
dataType: 'json',

async: false,
      data: {
        _token: "{{ csrf_token() }}",
        pid:pid1,
        odid:odid,
        order_number:orenumber1,
        itemserialno:itemserialno
      },
      success: function (response) {
        const hasRows = $('#collectionTable tbody tr').length > 0;
        
        for (let i = 0; i < response.length; i++) {
      //var count=value;
    //  if (count !== 0) {
     // $('#itemquantity').val(count);
     const value = response[i];
     let itemserialnumber = value.itemserialno;
        let pid1 = value.pid;
        let odid = value.odid;
        let orenumber1 = value.order_number;
    let duplicateFound = false;
    
if (hasRows) {
    //console.log('The table contains rows.');
    
    $('#collectionTable tbody tr').each(function () {
          
      const rowodId =$(this).find('input[name="odid[]"]').val();
      const rowItemId =$(this).find('input[name="pid[]"]').val(); // Get the Item ID from the row
        const rowOrderNumber = $(this).find('td#ordernumber').text();
            const rowitemsn =$(this).find('input[name="itemserialno[]"]').val();
            
            if (
                    rowItemId === String(pid1) &&
                    rowOrderNumber === orenumber1 &&
                    rowodId === String(odid) &&
                    rowitemsn === itemserialnumber
                ) {
                    alert('Serial number already exists in table.');
                    duplicateFound = true;
                    return false; // break out of .each loop
                }
        });

        if (duplicateFound) {
          $("#serialno").val('');
           break; // break out of $.each loop
         // return;
            }

            
      //--------------------------------------------------------
   var id=$('#id').val(); 
                          var odid1=$('#odid1').val();; 
                            var our_reference=$('#our_reference').val();
                            var order_number= $('#order_number').val();
                            var priority=$('#priority').val();
 
 var order_date=$('#order_date').val();
 var computer=$('#computer').val();
 var devices=$('#devices').val();
 var pid=$('#pid').val();
 var groupid=$('#groupid').val(); 
 var item_sno=$("#serialno").val('');
                var html = '';
 html += '<tr>';
 html += '<td style="display:none;"><input type="hidden" id ="id" name="id[]" value="'+id+'">' + id + '</td>';// none dis
 html += '<td style="display:none;"><input type="hidden" id ="odid" name="odid[]" value="'+odid1+'">' + odid1 + '</td>';// none dis
 html += '<td style="display:none;">< input type="hidden" id ="ourreference" name="ourreference[]">' + our_reference + '</td>';// none dis
 html += '<td id ="ordernumber" name="ordernumber[]" value="'+order_number+'">' + order_number + '</td>';
 html += '<td id ="orderdate" name="orderdate[]">' + order_date + '</td>';
 html += '<td style="display:none;"><input type="hidden" id ="pid" name="pid[]" value="'+pid+'">' + pid + '</td>'; // none dis
 html += '<td style="display:none;"><input type="hidden" id ="gid" name="gid[]" value="'+groupid+'">' + groupid + '</td>'; // none dis
 html += '<td id ="item" name="item[]" value="'+computer+'">' + computer + '</td>';
 html += '<td id ="subitem" name="subitem[]">' + devices + '</td>';
 html += '<td style="display:none;"><input type="hidden" id ="itemserialno" name="itemserialno[]" value="'+itemserialno+'">' + itemserialno + '</td>';// none dis
 if(priority==1){
  html += '<td style="background-color:#FF0000" id ="priority" name="priority[]">' + "High" + '</td>';
 }else if(priority==2){
  html += '<td style="background-color:#FFFF00" id ="priority" name="priority[]">' + "Medium" + '</td>';
 }else if(priority==3){
  html += '<td style="background-color:#008000" id ="priority" name="priority[]">' + "Low" + '</td>';
 }else{
  html += '<td style="background-color:#5DADE2" id ="priority" name="priority[]">' + "Not_Selected" + '</td>';
 }
 
html += '<td class="custom-tbl"><button type="button" id ="btn_assign" name="btn_assign" class="btn btn-success btn-md btn_assign"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i></button> <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>';

  $('#collectionTable').append(html);      
  $("#serialno").val('');
  $('#id').val('');
 $('#odid1').val('');
 $('#our_reference').val('');
 $('#order_number').val('');
 $('#priority').val('');
 $('#order_date').val('');
 $('#computer').val('');
 $('#devices').val('');
 $('#pid').val('');
 $('#groupid').val('');      
} else{ // hasraw else


  var id=$('#id').val(); 
                          var odid1=$('#odid1').val();; 
                            var our_reference=$('#our_reference').val();
                            var order_number=value.order_number; 
                            var priority=$('#priority').val();
 
 var order_date=$('#order_date').val();
 var computer=$('#computer').val();
 var devices=$('#devices').val();
 var pid=$('#pid').val();
 var groupid=$('#groupid').val(); 
                var html = '';
 html += '<tr>';
 html += '<td style="display:none;"><input type="hidden" id ="id" name="id[]" value="'+id+'">' + id + '</td>';// none dis
 html += '<td style="display:none;"><input type="hidden" id ="odid" name="odid[]" value="'+odid1+'">' + odid1 + '</td>';// none dis
 html += '<td style="display:none;">< input type="hidden" id ="ourreference" name="ourreference[]">' + our_reference + '</td>';// none dis
 html += '<td id ="ordernumber" name="ordernumber[]" value="'+order_number+'">' + order_number + '</td>';
 html += '<td id ="orderdate" name="orderdate[]">' + order_date + '</td>';
 html += '<td style="display:none;"><input type="hidden" id ="pid" name="pid[]" value="'+pid+'">' + pid + '</td>'; // none dis
 html += '<td style="display:none;"><input type="hidden" id ="gid" name="gid[]" value="'+groupid+'">' + groupid + '</td>'; // none dis
 html += '<td id ="item" name="item[]" value="'+computer+'">' + computer + '</td>';
 html += '<td id ="subitem" name="subitem[]">' + devices + '</td>';
 html += '<td style="display:none;"><input type="hidden" id ="itemserialno" name="itemserialno[]" value="'+itemserialno+'">' + itemserialno + '</td>';// none dis
 
 if(priority==1){
  html += '<td style="background-color:#FF0000" id ="priority" name="priority[]">' + "High" + '</td>';
 }else if(priority==2){
  html += '<td style="background-color:#FFFF00" id ="priority" name="priority[]">' + "Medium" + '</td>';
 }else if(priority==3){
  html += '<td style="background-color:#008000" id ="priority" name="priority[]">' + "Low" + '</td>';
 }else{
  html += '<td style="background-color:#5DADE2" id ="priority" name="priority[]">' + "Not_Selected" + '</td>';
 }
 
html += '<td class="custom-tbl"><button type="button" id ="btn_assign" name="btn_assign" class="btn btn-success btn-md btn_assign"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i></button> <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>';
  $('#collectionTable').append(html);      
  $("#serialno").val('');
 
  $('#id').val('');
 $('#odid1').val('');
 $('#our_reference').val('');
 $('#order_number').val('');
 $('#priority').val('');
 $('#order_date').val('');
 $('#computer').val('');
 $('#devices').val('');
 $('#pid').val('');
 $('#groupid').val('');    

}

//}
   
}
        //alert(response.message);
       // location.reload();
     
     
     
     
      },

      error: function (xhr) {
        alert('Error: ' + xhr.responseJSON.message);
      }

    }); 



                        
                           
});  

// $('#cardbodyqueue').text('');   
         
}            
                     
});




});
});


</script>

<script >
$(document).on('click', '#btn_clear', function(event) {
        event.preventDefault();
       // $("#collectionTable").closest('tr').remove();
        $("#collectionTable td").detach();
});
        </script>
<!-- ---------------------------------------- -->

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

    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

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);

    $('#collectionTable').on('click', '.btn_assign', function(){
        if (confirm('Are you sure?')) {
          var row = $("table#collectionTable tr").closest('tr');
         
        // method 1
const id = $(row).find('input[name="id[]"]').val();
const order_did = $(row).find('input[name="odid[]"]').val();  //$(this).parent().parent().find(".txtid").val();
const order_number =$(row).find('#ordernumber').text();//$(this).parent().parent().find(".txtorder_number").val();
const event_date=dateStr;
const start_date =dateStr;
const start_time =timeStr;
const end_date ="Pending";
const end_time ="Pending";
const item =$(row).find('input[name="pid[]"]').val(); //$(this).parent().parent().find(".txtpid").val();
const section ="technical";
const descriptions ="received"
const status ="Process";
const groupid=$(row).find('input[name="gid[]"]').val();//$(this).parent().parent().find(".txtgroupid").val();
const item_location ="technical";
const itemserialno =$(row).find('input[name="itemserialno[]"]').val();
$('#ODID').val(order_did);
$('#isid').val(id);


$.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,
    'itemserialno':itemserialno,
    'isid':id,
    _token: '{{csrf_token()}}'          
                         },

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },
success:function(data){
   //update orderdetail table
   $.ajax({
   
   type: 'POST',

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

 data: {
   id:order_did,
   item_location:item_location, 
   takentime:start_time,
   takendate:start_date,  
 _token: '{{csrf_token()}}'  

                        },

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },
success:function(data){
 //  toastr["success"](data, "Success");
 // alert("DONE!");
  toastr.success("Done!");
 //toastr.success("Done!");
  updateqty();
  
  $('#collectionTable>tbody >tr').remove();
 //$('#collectionTable').closest('tr').remove();
 
//    debugger;
//$("#trloader").remove();
},
error:function (xhr, ajaxOptions, thrownError){
   // if(xhr.status==404) {
   //     alert(thrownError);
   // }
  // alert(thrownError);
//  toastr["error"](thrownError, "Error");
 toastr.error(thrownError);
}

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

});

        }
});


   });

var  updateorderdetailsstarttime= function(){

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

var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
var timeStr= hours + ":"+ minutes +":"+ seconds;
// var row = $(this).closest('tr');
// const id=$(row).find('td').eq(0).html();//$(this).parent().parent().find(".txtid").val();
var row = $("table#collectionTable tr").closest('tr');

const odid=$(row).find('td').eq(0).html();//$(this).parent().parent().find(".txtid").val();

const item_location ="technical";
const takentime =timeStr;
const takendate =dateStr;
 // thruogh this update we can check the system positon and location

  
// const useritems={
//     "order_number":order_number, 
//     "order_location":order_location
  
//  //   
// };




}
//recall the list
var updateqty=function(){
    const id = $('#ODID').val();
   // const id =$('#collectionTable').parent().parent().find(".txtid").val();
   // const status="Done-in-QC"
    $.ajax({
        
        url:"{{ url('orderlist/updateOrderItemdecrementQty/') }}",
        type: "POST",
         dataType: "text",
         data: {

id:id,
pendingqty:"1",
//status:status,
_token: '{{csrf_token()}}'  

                },

     // traditional: true,
       async: false,
 
 
       
         success: function (data) {
        //  alert("Done!");
        updateitemserialstatus();
          toastr.success("Done!!");
         // 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  updateitemserialstatus= function(){
  
  const id = $('#isid').val();
  $.ajax({
   
    url:"{{ url('itemserials/updateStatus/') }}",
    method: 'POST',
    data: {
        id: id, // the itemserials.id you want to update
        status: 'technical', // or whatever status you want to set
        _token: '{{ csrf_token() }}'
    },
    success: function(response) {
        alert(response.message);
    },
    error: function(xhr) {
        alert(xhr.responseJSON?.message || 'Failed to update status');
    }
});
}
</script>
<!-- $('#remove').click( function(){
		$("input[type=checkbox]:checked").closest("tr").remove();
}) -->

<script>
 $(document).ready(function(){
  $(document).on('click', '#btn_accept', function(event) {
        event.preventDefault();
 
      //  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
$('#collectionTable 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 id = $(this).find('input[name="id[]"]').val();
  const order_did = $(this).find('input[name="odid[]"]').val();
  const order_number = $(this).find('#ordernumber').text();//$(this).find('input[name="ordernumber[]"]').val();
  
const event_date=dateStr;
const start_date =dateStr;
const start_time =timeStr;
const end_date ="Pending";
const end_time ="Pending";
const item =$(this).find('input[name="pid[]"]').val();//$(this).find('#pid').text();//$(this).find('input[name="item[]"]').val();//$(this).parent().parent().find(".txtpid").val();
const section ="technical";
const descriptions ="received"
const status ="Process";
const groupid=$(this).find('input[name="gid[]"]').val();//$(this).find('#gid').text();//$(this).find('input[name="gid[]"]').val();//$(this).parent().parent().find(".txtgroupid").val();
const item_location ="technical";
$('#ODID').val(order_did);
const years=year;
const months=month1;
const days=day;
const itemserialno =$(this).find('input[name="itemserialno[]"]').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/insertMultiple/')}}",
        type: "POST",
        //dataType: "text",
//dataType: 'json',
  
async: false,
        data: {
          _token: "{{ csrf_token() }}",
          rows: rows
        },
        success: function (response) {
          updatemultipleitemserialstatus();
         // alert(response.message);
         // location.reload();
        },
        error: function (xhr) {
          alert('Error: ' + xhr.responseJSON.message);
        }
      }); 
     
     //   }
});
 });
 var  updatemultipleitemserialstatus= function(){
  const rows = [];
  $('#collectionTable 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 id = $(this).find('input[name="id[]"]').val();
  
 
  if (id) {rows.push({id});}
});
if (rows.length === 0) {
        alert('Please select at least one row to validate.');
        return;
    }   
    // Send data to the server
    $.ajax({
      
        url:"{{ url('itemserials/Updatemultiplestatus/')}}",
        type: "POST",
        //dataType: "text",
//dataType: 'json',
  
async: false,
        data: {
          _token: "{{ csrf_token() }}",
          rows: rows
        },
        success: function (response) {
          alert(response.message);
          location.reload();
        },
        error: function (xhr) {
          alert('Error: ' + xhr.responseJSON.message);
        }
      }); 
 }

  </script>



<script>
// Attach a click event listener to the "Remove" button
$(document).on('click', '.remove', function () {
  // Remove the row containing the clicked button
  $(this).closest('tr').remove();

  // Optional: Check if the table is empty and disable the submit button
  const rowCount = $('#collectionTable tbody tr').length;
  const submitButton = $('#btn_accept'); // Assuming there's a submit button
  if (rowCount === 0) {
    submitButton.prop('disabled', true);
  }
});

</script>
@endsection