@extends('layouts.app')

@section('title', 'Skin_Fixing')

@section('content')

<div class="container-fluid">
<input type="hidden"name="itemquantity[]" id="itemquantity" value="0">
<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>
<div class="d-sm-flex align-items-center justify-content-between mb-4 border-bottom">
            <h1 class="h3 mb-0 text-gray-800">Computing Mechine Skin Fixing  Panel</h1>
           
        </div>
        
 {{-- Alert Messages --}}
        @include('common.alert')

        {{-- Page Content --}}
        <input type="hidden"name="orderdetailid[]" id="orderdetailid">
        <input type="hidden"name="ODID[]" id="ODID">
      <input type="hidden"name="isid[]" id="isid">
      <input type="hidden"name="id1[]" id="id1">
 <!-- ----------------------------------- -->
 <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">

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

        <div class="card shadow mb-3">
        <div class="card-body">
<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_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>
       
<div class="col-md-12">
<div class="d-flex justify-content-between align-items-center mb-3">
                        <h4 class="text-right">Pendings</h4>
                    </div>
                    <div class="card shadow mb-3">
                    <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Pending Item List</h6>
            <button id ="btn_accept" class="btn btn-warning btn-md shadow-md float-right" type="button" disabled >
  <i class="fa fa-check-circle-o" aria-hidden="true"></i>Accept All</button>    
        </div>

        <div class="card-body">

      
            <div class="table-responsive">
           
                <table class="table table-bordered" id="QCPendingtable" 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%;'>OrderNumber</th>
                            <th style='width:20%;'>OrderDate</th>
                            <th style='width:10%;  display:none;'>Group_No</th>
                            <th style='width:10%;  display:none;'>ItemID</th>
                            <th style='width:50%;'>Master_Item</th>
                            <th style='width:5%;'>Priority</th>
                           <th style='width:10%;'>Action</th>
                       
                       
                        </tr>
                       
                    </thead>
                   
                    <tbody>

                    </tbody>
                </table>
   
             
            </div>
           
        </div>

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


           
               
                    <!-- DataTales Example -->
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h4 class="text-right">Selected</h4>
                        
                    </div> 
                    <form action="#" method="POST">
                        @csrf
                        <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Selected Item List</h6>
            <button id ="btn_forward" class="btn btn-success btn-md shadow-md float-right " type="button" disabled >
  <i class="fa fa-check-circle-o" aria-hidden="true"></i>Forward</button> 
        </div>

        <div class="card-body">
       
            <div class="table-responsive">
           
                <table class="table table-bordered" id="QCtakentable" 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:5%;  display:none;'>ODID</th>
                            <th style='width:10%;  display:none;'>Order_Number</th>
                            <th style='width:10%;  display:none;'>Group_No</th>
                            <th style='width:53%;'>Master_Item</th>
                            
                           <th style='width:12%;'>Action</th>
                       
                       
                        </tr>
                       
                    </thead>
                   
                    <tbody>
<!-- NEED ADD THE DATAROWS HERE -->
      
                    
                
                    </tbody>
                </table>
   
             
            </div>
           
        </div>
    </div>

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



                           
@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 similarrow=1;
    $.ajax({
                    url: "{{ url('itemserials/getprepareditemsforprocesslistFORSKINsectionFORSEARCH/') }}" ,
                    type: "GET",
                    data: {
                       
                        itemserialno:itemserialno,
                        section:"QC",
                        _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.itemid;
                         var odid=value.order_did;
                         var orenumber1=value.order_number;

//---------------------------------------
var id=value.id; 
                          var odid1=value.order_did; 
                            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.itemid;
 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_itemsforSKIN/')}}",
      type: "GET",
      //dataType: "text",
dataType: 'json',

async: false,
      data: {
        _token: "{{ csrf_token() }}",
       pid:pid1,
        odid:odid,
   order_number:orenumber1,
        itemserialno:itemserialno,
        status:"SKIN"
      },
      success: function (response) {
        const hasRows = $('#QCPendingtable 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.');
    
    $('#QCPendingtable 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();
            //const rowitemsn = $(this).find('input[name="itemserialno[]"]').text().trim();
           // if (String(rowitemsn).trim() === String(itemserialnumber).trim()){
           
            if (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>';

  $('#QCPendingtable').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>';
  $('#QCPendingtable').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('');    

}

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

    }); 



                        
                           
});  

         
}            
                        });




});
});


</script>



<script>

$(document).ready(function(){ 
    $.ajax({   
                    url: "{{ url('process/getprepareditemsforprocesslistFORQCajax/') }}" ,
                    type: "POST",
                    data: {
                       
                        section:"SKIN",
                     sectionjobstatus:"started",
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                        $("#btn_forward").prop("disabled", false);
                        $.each(res, function (key, value) {
                            var id=value.id;
 var order_did=value.order_did;
 var order_number=value.order_number;
 var groupid=value.groupid;
 
 var item=value.item;
 var isid=value.isid;
 var itemserialno=value.itemserialno;
                var html = '';
            html += '<tr class="parent-row" data-order-id="'+order_did+'">';
            html += '<td><input type="checkbox" class="rowCheckbox" id ="chkitem" name="chkitem[]"></td>' ;
 html += '<td style="display:none;" id ="id" name="id[]" value="'+id+'">' + id + '</td>';
 html += '<td style="display:none;" id ="order_did" name="order_did[]" value="'+order_did+'">' + order_did + '</td>';
html += '<td style="display:none;" id ="order_number" name="order_number[]">' + order_number + '</td>';
 html += '<td style="display:none;" id ="groupid" name="groupid[]" value="'+groupid+'">' + groupid + '</td>';
 html += '<td style="display:none;" id ="isid" name="isid[]" value="'+isid+'" >' +isid+ '</td>';
 html += '<td style="display:none;" id ="itemserialno" name="itemserialno[]" value="'+itemserialno+'" >'+itemserialno+'</td>';
 //html += '<td><select name="item[]" id ="item_'+key+'" class="form-control"><option value="0">None</option>@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option>@endforeach</select></td>';
 html += '<td id ="item" name="item[]">' + item + '</td>';
//  html += '<td class="custom-tbl"><button type="button" id ="view" name="view" class="btn btn-outline-info btn-md view"><i class="fa fa-eye" aria-hidden="true"></i></button> <button type="button" id ="cancel" name="cancel" class="btn btn-outline-danger btn-md cancel" disabled ><i class="fa fa-ban" aria-hidden="true"></i></button> <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 class="custom-tbl"><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> <button type="button" id ="cancel" name="cancel" class="btn btn-outline-danger btn-md cancel" disabled ><i class="fa fa-ban" aria-hidden="true"></i></button></td>';
html +='</tr>';
html+='<tr class="child-placeholder" data-parent-id="'+order_did+'"></tr>';
  $('#QCtakentable').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/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(){

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

    $('#QCPendingtable').on('click', '.btn_assign', function(){
        if (confirm('Are you sure?')) {
            var row = $("table#QCPendingtable tr").closest('tr');
            const id =$(row).find('input[name="id[]"]').val();
            const isid =$(row).find('input[name="isid[]"]').val();
        // method 1
const order_did =$(row).find('input[name="odid[]"]').val();
const order_number =$(row).find('#ordernumber').text();
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();
const section ="SKIN";
const descriptions ="received"
const status ="Process";
const groupid=$(row).find('input[name="gid[]"]').val();
const item_location ="SKIN";
const itemserialno =$(row).find('input[itemserialno="id[]"]').val();
$('#ODID').val(order_did);
$('#isid').val(isid);
$('#id1').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
   
   updatepreviousrecord();
 
   
$('#QCPendingtable >tbody >tr').remove();
  // $(this).closest('tr').remove();
//$("#trloader").remove();
},
error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);

}

});

        }
});


   });


//recall the list
var getqclist = function(){
   // bind the oders---------------------------------
             // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('process/getprepareditemsforprocesslistFORQCajax/') }}" ,
                    type: "POST",
                    data: {
                       
                        section:"SKIN",
                        sectionjobstatus:"started",
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                        $("#btn_forward").prop("disabled", false);
                        $.each(res, function (key, value) {
                            var id=value.id;
 var order_did=value.order_did;
 var order_number=value.order_number;
 var groupid=value.groupid;
 
 var item=value.item;
 var isid=value.isid;
 var itemserialno=value.itemserialno;
                var html = '';
html += '<tr class="parent-row" data-order-id="'+order_did+'">';
html += '<td><input type="checkbox" class="rowCheckbox" id ="chkitem" name="chkitem[]"></td>' ;
 html += '<td style="display:none;"  id ="id" name="id[]" value="'+id+'">' + id + '</td>';
 html += '<td style="display:none;" id ="order_did" name="order_did[]" value="'+order_did+'">' + order_did + '</td>';
html += '<td style="display:none;" id ="order_number" name="order_number[]">' + order_number + '</td>';
 html += '<td style="display:none;" id ="groupid" name="groupid[]" value="'+groupid+'">' + groupid + '</td>';
 html += '<td style="display:none;" id ="isid" name="isid[]" data-isid="'+isid+'" value="'+isid+'" >' + isid + '</td>';
 html += '<td style="display:none;" id ="itemserialno" name="itemserialno[]" value="'+itemserialno+'" >' + itemserialno + '</td>';
 html += '<td id ="user" name="item[]">' + item + '</td>';
//  html += '<td class="custom-tbl"><button type="button" id ="view" name="view" class="btn btn-outline-info btn-md view"><i class="fa fa-eye" aria-hidden="true"></i></button> <button type="button" id ="cancel" name="cancel" class="btn btn-outline-danger btn-md cancel"><i class="fa fa-ban" aria-hidden="true"></i></button> <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 class="custom-tbl"><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> <button type="button" id ="cancel" name="cancel" class="btn btn-outline-danger btn-md cancel"><i class="fa fa-ban" aria-hidden="true"></i></button></td>';
   
html +='</tr>';
html+='<tr class="child-placeholder" data-parent-id="'+order_did+'"></tr>';
  $('#QCtakentable').append(html);
                           
});              
}            
                        });


}
 var updatepreviousrecord=function(){
  //  var row = $("table#QCPendingtable tr").closest('tr');

    const id =$('#id1').val();

  //  const id =$(row).find('td').eq(0).html();
    const status="Done-in-QC"
    $.ajax({
        
        url:"{{ url('process/updatestatus/') }}",
        type: "POST",
         dataType: "text",
         data: {

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

                },

     // traditional: true,
       async: false,
 
 
       
         success: function (data) {
        //  alert("Done!");
         // toastr.success("Done!!");
         // var Tech="technical";
        // location.reload();
      //  window.location.href ="{{ route('process.getprepareditemsforprocesslist', ['technical'])}}";
     
  updateitemserialstatus();
        
        // $('#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: 'SKIN_collected', // or whatever status you want to set
        _token: '{{ csrf_token() }}'
    },
    success: function(response) {
       // alert(response.message);
       getqclist();
       toastr.success(response.message);
        location.reload();
    },
    error: function(xhr) {
        alert(xhr.responseJSON?.message || 'Failed to update status');
    }
});
}
</script>
<script>
    $(document).ready(function(){
//remove the entry
$('#QCtakentable').on('click', '.view', function(){
     
    if (confirm('Are you sure?')) {

  

  //  var row = $(this).closest('tr');
var j_id = $(this).closest('tr').find('td#id').text();
const id=j_id;
//var orn = [];

$.ajax({
   url:"{{url('process/Confirmdata/')}}",
 type: 'POST',
 //async: false,
 data: {
    id:id,
           _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.generaljob, function (key, value) {
       
        var jid = value.id;
        var grid = value.groupid;
        var ordernum = value.order_number;
        sessionStorage.setItem("gjID", jid);
        sessionStorage.setItem("ornum", ordernum);
       // var isid = $('#isid').data('isid');
       var isid = value.isid;
window.location.href ="{{route('orderlist.viewOrderDetailsforSKINprocess')}}?groupid="+grid + "&isid=" + isid;
//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>
   $(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;


    $('#QCtakentable').on('click', '.cancel', function(){
        if (confirm('Are you sure?')) {
            // var row = $(this).closest('tr');
            // const id = $(row).find('td').eq(0).html();
            // const order_did = $(row).find('td').eq(1).html();
            // const groupid = $(row).find('td').eq(3).html();
            const id = $(this).closest('tr').find('td#id').text();
            const order_did = $(this).closest('tr').find('td#order_did').text();//$(this).closest('tr').find('input#order_did').val();
            const groupid = $(this).closest('tr').find('td#groupid').text();
            $('#orderdetailid').val(order_did);

//    const id =$(this).parent().parent().find(".txtid").val();
//     const order_did =$(this).parent().parent().find(".txtodid").val();
//     const groupid=$(this).parent().parent().find(".txtgroupid").val();
     
const end_date =dateStr;
const end_time =timeStr;
const takenby ="Pending";
const takentime ="Pending";
const takendate ="Pending";
//const section ="technical";
const descriptions ="Skin-Cancelled"
const status ="Cancelled";
const item_location ="collection";

$.ajax({
   
   type: 'POST',

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

 data: {
    id:id,
    order_did:order_did,
   item_location:item_location, 
   takentime:takentime,
   takendate:takendate, 
   takenby:takenby, 
   end_date:end_date,
   end_time:end_time,
   descriptions:descriptions,
   status:status,
 _token: '{{csrf_token()}}'  

                        },

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },
success:function(data){
 //  toastr["success"](data, "Success");
 // alert("DONE!");
  toastr.success("Done!");
 //toastr.success("Done!");
 updateincrementqty();

  
//    debugger;
//$("#trloader").remove();
},

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

});

        }
});


   });


// //recall the list

var updateincrementqty=function(){
    //const id =$('#technicalTable').parent().parent().find(".txtid").val();
   // const order_did =$('#QCtakentable').parent().parent().find(".txtodid").val();
    // var row = $('#QCtakentable').closest('tr');
    //       const order_did = $(row).find('td').eq(1).html();
          const order_did=$('#orderdetailid').val();
   // const status="Done-in-QC"
    $.ajax({
        
        url:"{{ url('orderlist/updateOrderItemincrementQty/') }}",
        type: "POST",
         dataType: "text",
         data: {

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

                },

     // traditional: true,
       async: false,
 
 
       
         success: function (data) {
        //  alert("Done!");
          toastr.success("Done!!");
            $('#QCtakentable >tbody >tr').remove();
         // 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) {

});

}


     });

}
</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 = $('#QCPendingtable tbody tr').length;
  const submitButton = $('#btn_accept'); // Assuming there's a submit button
  if (rowCount === 0) {
    submitButton.prop('disabled', true);
  }
});

</script>


<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
$('#QCPendingtable 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('input[name="id[]"]').val();
 const order_did =$(this).find('input[name="odid[]"]').val();
const order_number =$(this).find('#ordernumber').text();
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();
const section ="SKIN";
const descriptions ="received"
const status ="Process";
const groupid=$(this).find('input[name="gid[]"]').val();
const item_location ="SKIN";
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/insertMultiplefrom_others/')}}",
        type: "POST",
        //dataType: "text",
//dataType: 'json',
  
async: false,
        data: {
          _token: "{{ csrf_token() }}",
          rows: rows
        },
        success: function (response) {
          updatemultipleitemserialstatus1();
        //  alert(response.message);
         // location.reload();
        },
        error: function (xhr) {
          alert('Error: ' + xhr.responseJSON.message);
        }
      }); 
     
     //   }
});
 });

 var  updatemultipleitemserialstatus1= function(){
  const rows = [];
  $('#QCPendingtable tbody tr').each(function () {
    const row = $(this).closest('tr');
    // 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 idElement = row.find('input[name="id[]"]');
 //const id =idElement.attr('value');
  const id = row.find('input[name="id[]"]').val();
 
 const status="SKIN_collected";
 
  //if (id) {rows.push({id,status});}

  if (id) {
    rows.push({ id,status
    });
  }
});
if (rows.length === 0) {
        alert('Please select at least one row to validate.');
        return;
    }   
    // Send data to the server
    $.ajax({
      
        url:"{{ url('itemserials/Updatemultiplestatustoskin/')}}",
        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>
    $('#allcb').change(function(){
    if($(this).prop('checked')){
        $('tbody tr td input[type="checkbox"]').each(function(){
            $(this).prop('checked', true);
        });
    }else{
        $('tbody tr td input[type="checkbox"]').each(function(){
            $(this).prop('checked', false);
        });
    }
});
</script>


<script>
 $(document).ready(function(){
  $(document).on('click', '#btn_forward', 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 ="SKIN-Completed"
const status ="Done";
const section ="SKIN";
const sectionjobstatus="Completed"
const refinedstatus="PKG"
// Iterate through all rows in the tbody
$('#QCtakentable 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();

    // Alternatively, get the 'value' attribute from the <td>
    const idFromAttribute = $(this).find('td#id').attr('value');
       rowData['id'] = id;
      rowData["end_date"] =  end_date;
      rowData["end_time"] =  end_time;
      rowData["descriptions"] =   descriptions;
      rowData["status"] =  "Done";
      rowData["section"] =  "SKIN";
      rowData["sectionjobstatus"] =   "Completed";
      rowData["refinedstatus"] =   "PKG";

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

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

 var  updatemultipleitemserialstatus= function(){
  const rows = [];
  $('#QCtakentable tbody tr').each(function () {
 // const checkbox = $(this).find('input.row-check');
  const checkbox = $(this).find(".rowCheckbox");
 
 //const id = $(this).find('input[name="isid[]"]').val();
 const id = $(this).find('td#isid').text().trim();
 const status="PACK";
  if (checkbox.is(':checked')) {
    rows.push({ id,status });
  }
});
if (rows.length === 0) {
        alert('Please select at least one row to validate.');
        return;
    }   
    // Send data to the server
    $.ajax({
      
        url:"{{ url('itemserials/Updatemultiplestatustoskin/')}}",
        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>
@endsection