@extends('layouts.app')

@section('title', 'Technical Panel')

@section('content')
<div class="container-fluid">

<!-- Place these globally in your layout -->
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js"></script> -->

<script
  src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous">
</script>


<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js" integrity="sha512-HWlJyU4ut5HkEj0QsK/IxBCY55n5ZpskyjVlAoV9Z7XQwwkqXoYdCIC93/htL3Gu5H3R4an/S0h2NXfbZk3g7w==" crossorigin="anonymous" referrerpolicy="no-referrer"></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> 
       
     <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>
<!-- Select2 JS -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0/dist/js/select2.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">Technical Devision</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')
   
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Order Item List</h6>
            <div class="col-md-12" > 
    
                                <button id ="btn_accept" class="btn btn-success btn-md shadow-md float-right mt-4" type="button" disabled >
                                <i class="fa fa-forward" aria-hidden="true"></i>Forward</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-refresh" aria-hidden="true"></i>Clear List</button>    
                               

</div>
        </div>
        <div class="card-body">
      
            <div class="table-responsive">
           
                <table class="table table-bordered" id="technicalTable" width="100%" cellspacing="0">
                    <thead>
                    <!-- $orderdetails=DB::table('orderdetails')->select('orderdetails.id','orderdetails.our_reference','orderdetails.order_number','orderdetails.order_date','products.id','products.item','products.item as ram','combination.combination ','gen.generation ',
                    'products.item as booting_ssd','products.item as additional_hdd','products.item as skin_type') -->
                        <tr>
                        <th style='width:2%;'><input type="checkbox" id="allcb" name="allcb" value="0"/> Select_All </th>
                        
                        <th style='width:10%; display:none;'>ID</th>
                            <th style='width:10%;  display:none;'>ODID</th>
                            <th style='width:10%; display:none;'>Group_No</th>
                            <th style='width:10%; display:none;'>ItemID</th>
                            <th style='width:10%;'>Order_Number</th>
                            <th style='width:10%;'>Order_date</th>
                            <th style='width:5%;'>Item_SerialNo</th>
                            <th style='width:50%;'>Computer</th>
                            <th style='width:5%;'>Priority</th>
                            <th style='width:10%; display:none;'>ISID</th>
                            <th style='width:5%;'>Action</th>
                       
                       
                        </tr>
                       
                    </thead>
                   
                    <tbody>

      
                    @foreach ($orderdetails as $row) 
                           <tr class="parent-row" data-order-id="{{ $row->order_did }}">
                           <td> <input type="checkbox" class="rowCheckbox" id ="chkitem" name="chkitem[]"></td>
                           
                           <td id ="id" name="id" style="display:none;">{{ $row->id }}</td>
<td id ="order_did" name="order_did" style="display:none;">{{ $row->order_did }}</td>
<td id ="groupid" name="groupid" style="display:none;">{{ $row->groupid }}</td>
<td id ="pid" name="pid" style="display:none;">{{ $row->pid }}</td>
<td id ="order_number" name="order_number">{{ $row->order_number }}</td>
<td id ="order_date" name="order_date">{{ $row->order_date }}</td>
<td id ="itemserialno" name="itemserialno">{{ $row->itemserialno }}</td>
<td id ="item" name="item">{{ $row->item }}</td>
<td id ="priority" name="priority">{{ $row->priority }}</td>
<td id ="isid" name="isid" style="display:none;">{{ $row->isid }}</td>
                               
                              
                               <td style="display: flex">
                               <button class="toggle-children mr-1">
                               <i class="fa fa-eye" aria-hidden="true"></i>Check
                               </button>
                              
                              
                                   <!-- <a href="{{route('orderlist.viewOrderDetailsforprocess',[$row->groupid,$row->id,$row->isid])}}" button class="btn btn-outline-dark btn-sm mr-1" >
                                   <i class="fa fa-pencil" aria-hidden="true"></i>Change
                                   </a> -->
                                   <a href="#" button class="btn btn-outline-primary btn-sm mr-1 btn_SN" data-target="#" data-toggle="modal">
                                   <i class="fa fa-wrench" aria-hidden="true"></i>SN
                                   </a>
                                   <a href="#" button class="btn btn-outline-danger btn-sm  mr-1 btn_Cancel" data-target="#" data-toggle="modal">
                                   <i class="fa fa-desktop" aria-hidden="true"></i>Change
                                 
                                </a>
                                </a>
                                   <a href="#" button class="btn btn-outline-success btn-sm btn_device" data-target="#" data-toggle="modal">
                                   <i class="fa fa-list-alt" aria-hidden="true"></i>Merge
                                 
                                </a>

                                   <!-- <form method="POST" action="{{route('productlist.inventorydestroy', ['id' => $row->id]) }}">
                                        @csrf
                                         @method('DELETE')
                                        <button class="btn btn-danger m-2" type="submit" onclick="return confirm('Sure Want Delete?')">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                       
                                   </form> -->
                                   <!-- <a class="btn btn-danger m-2" href="#" data-toggle="modal" data-target="#">
                                            <i class="fas fa-trash"></i>
                                        </a> -->
                                   <!-- <a class="btn btn-danger m-2" href="#" data-toggle="modal" data-target="#deleteModal1">
                                            <i class="fas fa-trash"></i>
                                        </a> -->
                               </td>
                               
                           </tr>
                         
                      <tr class="child-placeholder" data-parent-id="{{ $row->order_did }}"></tr>
                       @endforeach
                
                    </tbody>
                </table>
   
             
            </div>
           
        </div>
    </div>

</div>


@include('Cancellation_modals.process_cancellationmodal')
@include('Cancellation_modals.devices_modal')
@include('Orders.employee_technicalserialmodal')
@endsection

@section('scripts')


<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js" integrity="sha512-HWlJyU4ut5HkEj0QsK/IxBCY55n5ZpskyjVlAoV9Z7XQwwkqXoYdCIC93/htL3Gu5H3R4an/S0h2NXfbZk3g7w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script >
$(document).on('click', '#btn_clear', function(event) {
        event.preventDefault();
       // $("#collectionTable").closest('tr').remove();
        $("#technicalTable 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;
    $('#technicalTable').on('click', '.btn_device', function () {
        var row = $(this).closest('tr');
      
        var gjid = row.find('td').eq(1).html(); //row.find('input[name="id"]').val();
        var odid = row.find('td').eq(2).html();//row.find('input[name="order_did"]').val();
        var pid = row.find('td').eq(4).html();
        var ornum = row.find('td').eq(5).html();
        var sn1 = row.find('td').eq(7).html();
        var mitem = row.find('td').eq(8).html();
        var com_isid = row.find('td').eq(10).html();//row.find('input[name="isid"]').val();
        var grid = row.find('td').eq(3).html();

        // Set modal values
       
        $('#dm_ordernumber').val(ornum);
        $('#dm_is').val(sn1);
        $('#dm_description').val(mitem);
        $('#dm_jid').val(gjid);
        $('#dm_isid').val(com_isid);
        $('#dm_pid').val(pid);
        $('#dm_orderdetailid').val(odid);
        $('#dm_gid').val(grid);
            $('#devicemerge').modal('show');

            getfixedcomponents();

        // 🔁 Remove previous instance if any
        if ($.fn.typeahead && typeof $('#dm_search_itemserial').typeahead === 'function') {
            $('#dm_search_itemserial').typeahead('destroy');
        }
       
        // ✅ Build autocomplete endpoint with dynamic order number
        var autocompletePartPath = "{{ url('itemserials/getNewItemSerials/')}}/" + ornum;
        console.log("Autocomplete path:", autocompletePartPath);
        $.get(autocompletePartPath, function(data) {
        console.log("Data received:", data);
    });
        // ✅ Initialize Typeahead
        $('#dm_search_itemserial').typeahead({
            minLength: 1,
            autoSelect: true,
            source: function (terms, process) {
                return $.get(autocompletePartPath, { terms: terms }, function (data) {
                    return process(data);
                });
            },
            displayText: function (item) {
                return `${item.id} - ${item.itemserialno}-${item.type}`;
            },
            afterSelect: function (item) {
                $('#dm_search_itemserial').val(item.itemserialno);

                // 🔄 Call merging AJAX
                $.ajax({
                    url: "{{ url('itemserials/getdeviesformerging') }}",
                    type: "POST",
                    dataType: 'json',
                    data: {
                        itemserialno: $('#dm_search_itemserial').val(),
                        _token: '{{ csrf_token() }}'
                    },
                    success: function (result) {
                        if (result && result.length > 0) {
                          var first = result[0];
                        
                          // Do something with result if needed
                           // console.log("Merge result:", result);
                           var jobitemid=0;
                           var isid=first.id;
                           var odid=first.odid;
                           var order_number=first.order_number;
                           var itemid=first.itemid;
                           var peripheral=first.item;
                           var itemSN=first.itemserialno;
                           var typer=first.type;
                           const hasRows = $('#devicetable tbody tr').length > 0;
                         
                           let duplicateFound = false;

                           if (hasRows) {
                            $('#devicetable tbody tr').each(function () {
          
          
                const rowitemsn =$(this).find('input[name="itemserialNo[]"]').val();
            //  const rowitemsn = $(this).find('input[name="itemserialno[]"]').text().trim();
                if (rowitemsn === itemSN) {
                        alert('Serial number already exists in table.');
                        duplicateFound = true;
                        return false; // break out of .each loop
                    }
            });
    
            if (duplicateFound) {
              $("#dm_search_itemserial").val('');
              // break; // break out of $.each loop
              return;
                }

                var html = '';
 html += '<tr>';
 html += '<td style="display:none;"><input type="text" id="id" name="id[]" value="' + jobitemid + '"></td>';
 html += '<td style="display:none;"><input type="text" id="isid" name="isid[]" value="' + isid + '"></td>'; // selected dperipherals isid 
 html += '<td style="display:none;"><input type="text" id="odid" name="odid[]" value="' + odid + '"></td>';
 html += '<td style="display:none;"><input type="text" id="ordernumber" name="ordernumber[]" value="' +order_number + '"></td>';
 
 html += '<td style="display:none;"><input type="text" id="computer" name="computer[]" value="' +mitem+ '">'+mitem+'</td>';
 html += '<td style="display:none;"><input type="text" id="itemid" name="itemid[]" value="' + itemid + '"></td>';
 html += '<td><input type="hidden" id="peripherals" name="peripherals[]" value="' + peripheral+ '">'+peripheral+'</td>';
 html += '<td style="display:none;"><input type="text" id="groupid" name="groupid[]" value="' + grid+ '">'+grid+'</td>';
 html += '<td style="display:none;"><input type="text" id="gjid" name="gjid[]" value="' + gjid+ '">'+gjid+'</td>';
 html += '<td style="display:none;"><input type="text" id="com_isid" name="com_isid[]" value="' + com_isid+ '">'+isid+'</td>'; // computer isid
 html += '<td><input type="hidden" id="itemserialNo" name="itemserialNo[]" value="' +itemSN+ '">'+itemSN+'</td>';
 html += '<td><input type="hidden" id="typer" name="typer[]" value="' +typer+ '">'+typer+'</td>';
 html += '<td style="display:none;"><input type="text" id="mainitemserial" name="mainitemserial[]" value="' + sn1+ '">'+sn1+'</td>'; // computer isid
 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-md remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';

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




                           } else{

                            var html = '';
 html += '<tr>';
 html += '<td style="display:none;"><input type="text" id="id" name="id[]" value="' + jobitemid + '"></td>';
 html += '<td style="display:none;"><input type="text" id="isid" name="isid[]" value="' + isid + '"></td>'; // selected dperipherals isid 
 html += '<td style="display:none;"><input type="text" id="odid" name="odid[]" value="' + odid + '"></td>';
 html += '<td style="display:none;"><input type="text" id="ordernumber" name="ordernumber[]" value="' +order_number + '"></td>';
 
 html += '<td style="display:none;"><input type="text" id="computer" name="computer[]" value="' +mitem+ '">'+mitem+'</td>';
 html += '<td style="display:none;"><input type="text" id="itemid" name="itemid[]" value="' + itemid + '"></td>';
 html += '<td><input type="hidden" id="peripherals" name="peripherals[]" value="' + peripheral+ '">'+peripheral+'</td>';
 html += '<td style="display:none;"><input type="text" id="groupid" name="groupid[]" value="' + grid+ '">'+grid+'</td>';
 html += '<td style="display:none;"><input type="text" id="gjid" name="gjid[]" value="' + gjid+ '">'+gjid+'</td>';
 html += '<td style="display:none;"><input type="text" id="com_isid" name="com_isid[]" value="' + com_isid+ '">'+isid+'</td>'; // computer isid
 html += '<td><input type="hidden" id="itemserialNo" name="itemserialNo[]" value="' +itemSN+ '">'+itemSN+'</td>';
 html += '<td><input type="hidden" id="typer" name="typer[]" value="' +typer+ '">'+typer+'</td>';
 html += '<td style="display:none;"><input type="text" id="mainitemserial" name="mainitemserial[]" value="' + sn1+ '">'+sn1+'</td>'; // computer isid
 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-md remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';

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

                           }


                           



                        }
                    }
                });
            },
            fitToElement: true
        });
    });
});

var getfixedcomponents = function(){

        var gjid = $('#dm_jid').val();
        var odid = $('#dm_orderdetailid').val();
        var pid =  $('#dm_pid').val();
        var ornum = $('#dm_ordernumber').val();
        var sn1 = $('#dm_is').val();
        var mitem = $('#dm_description').val();
        var com_isid = $('#dm_isid').val();
        var grid = $('#dm_gid').val();

             $('#devicetable >tbody >tr').remove();
             $.ajax({
                    url: "{{ url('jobitem/getFilteredJobItems/') }}" ,
                    type: "GET",
                    data: {
                       
                      mainitem_serialno:sn1,
                      order_number:ornum,
                      odid:odid,
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                
                      $.each(res, function (key, value) {
                         
                            var jobitemid=value.id;
                            var isid=value.isid;
 var odid=value.odid;
 var order_number=value.order_number;
 var  mitem=value.computer;
 var itemid=value.pid;
 var  peripheral=value.devices;
 var grid=value.groupid;
 var  gjid=value.gjid;
 var  itemSN=value.itemserialno;
 var typer=value.type;
 
 var html = '';
 
 html += '<tr>';
 html += '<td style="display:none;"><input type="text" id="id" name="id[]" value="' + jobitemid + '"></td>';
 html += '<td style="display:none;"><input type="text" id="isid" name="isid[]" value="' + isid + '"></td>'; // selected dperipherals isid 
 html += '<td style="display:none;"><input type="text" id="odid" name="odid[]" value="' + odid + '"></td>';
 html += '<td style="display:none;"><input type="text" id="ordernumber" name="ordernumber[]" value="' +order_number + '"></td>';
 
 html += '<td style="display:none;"><input type="text" id="computer" name="computer[]" value="' +mitem+ '">'+mitem+'</td>';
 html += '<td style="display:none;"><input type="text" id="itemid" name="itemid[]" value="' + itemid + '"></td>';
 html += '<td><input type="hidden" id="peripherals" name="peripherals[]" value="' + peripheral+ '">'+peripheral+'</td>';
 html += '<td style="display:none;"><input type="text" id="groupid" name="groupid[]" value="' + grid+ '">'+grid+'</td>';
 html += '<td style="display:none;"><input type="text" id="gjid" name="gjid[]" value="' + gjid+ '">'+gjid+'</td>';
 html += '<td style="display:none;"><input type="text" id="com_isid" name="com_isid[]" value="' + com_isid+ '">'+isid+'</td>'; // computer isid
 html += '<td><input type="hidden" id="itemserialNo" name="itemserialNo[]" value="' +itemSN+ '">'+itemSN+'</td>';
 html += '<td><input type="hidden" id="typer" name="typer[]" value="' +typer+ '">'+typer+'</td>';
 html += '<td style="display:none;"><input type="text" id="mainitemserial" name="mainitemserial[]" value="' + sn1+ '">'+sn1+'</td>'; // computer isid
 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-md remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';

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


}

</script>
<script>
  $(document).on('click', '#btn_mdcancel', function(event) {
    event.preventDefault();
    var items = [];

    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;
const currentUser = @json(auth()->user());
var  username=currentUser.first_name;
var quantity =1;
var status="fixed";

$('#devicetable tr').each(function (index) {
    // Skip header row (first row) — adjust if your headers are elsewhere
    if (index === 0) return;

    var row = $(this);

    // Skip rows that don't have a required field like 'id'
    if (!row.find('input[name="id[]"]').length) return;

    var item = {
        id: row.find('input[name="id[]"]').val(),
        isid: row.find('input[name="isid[]"]').val(),
        odid: row.find('input[name="odid[]"]').val(),
        order_number: row.find('input[name="ordernumber[]"]').val(),
        assigned_date: dateStr,
        pid: row.find('input[name="itemid[]"]').val(),
        qty: quantity,
        computer: row.find('input[name="computer[]"]').val(),
        devices: row.find('input[name="peripherals[]"]').val(),
        users: username,
        groupid: row.find('input[name="groupid[]"]').val(),
        gjid: row.find('input[name="gjid[]"]').val(),
        itemserialno: row.find('input[name="itemserialNo[]"]').val(),
        status: status,
        type: row.find('input[name="typer[]"]').val(),
        mainitem_serialno:row.find('input[name="mainitemserial[]"]').val(),
        com_isid: row.find('input[name="com_isid[]"]').val()

    };

    items.push(item);
});

    $.ajax({
      
        url: "{{ url('jobitem/insert_items/') }}",
        
        method: 'POST',
        data: {
            items: items,
            _token: '{{ csrf_token() }}'
        },
        success: function (response) {
            alert(response.message);
        },
        error: function (xhr) {
            alert("An error occurred");
            console.log(xhr.responseText);
        }
    });
});

  </script>




<script>
$(document).ready(function () {
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
   
    $('#devicetable').on('click', '.remove', function () {
      var row = $(this).closest('tr'); // Get the clicked row
    var jobitemid = row.find('input[name="id[]"]').val(); // Get jobitemid
    var isid= row.find('input[name="isid[]"]').val();
    if (jobitemid > 0) {
        // Ask for confirmation (optional)
        if (!confirm("Are you sure you want to delete this item from the database?")) return;

        // AJAX request to delete from DB
        $.ajax({
            //url: '/delete-jobitem/' + jobitemid,
            url: "{{ url('jobitem/deletejobitem/') }}/"+ jobitemid + "/" +isid,
            type: 'DELETE',
            data: {
                _token: $('meta[name="csrf-token"]').attr('content') // important for Laravel
            },
            success: function (response) {
                // Remove row on success
                row.remove();
                alert('Deleted from database');
            },
            error: function (xhr) {
                alert('Failed to delete');
            }
        });
    } else {
        // Just remove the row from table (not saved in DB yet)
        row.remove();
    }
    });

});
</script>

<script>
   $('#technicalTable').on('click', '.btn_SN', function() {
    
    
    var row = $(this).closest('tr');
   
var odid = $(row).find('td').eq(2).html();//$(row).find('input[name="order_did"]').val();
var pid = $(row).find('td').eq(4).html();
var ornum = $(row).find('td').eq(5).html();
var sn1 = $(row).find('td').eq(7).html();
var item = $(row).find('td').eq(8).html();
var isid=$(row).find('td').eq(10).html();//$(row).find('input[name="isid"]').val();
// if(sn1==('')){
//  $('#techserialnumber').modal('show');
// $('#id').val(odid);
// $('#mpid').val(pid);
// $('#ordernumber').val(ornum);
// $('#itemserialno1').val(sn1);
// $('#modalitem').val(item);
// }else{
//    alert("Serial Number Already Updated!")
// }
$('#misid').val(isid);
$('#modid').val(odid);
$('#mpid').val(pid);
$('#ordernumber').val(ornum);
$('#itemserialno1').val(sn1);
$('#modalitem').val(item);
$('#techserialnumber').modal('show');
 
   });
   </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;


    $('#technicalTable').on('click', '.btn_Cancel', function(){
       
      var row = $(this).closest('tr');
      var id = $(row).find('td').eq(1).html();//$(row).find('input[name="id"]').val();
        var odid = $(row).find('td').eq(2).html();//$(row).find('input[name="order_did"]').val();
var pid = $(row).find('td').eq(4).html();
var ornum = $(row).find('td').eq(5).html();
var sn1 = $(row).find('td').eq(7).html();
var item = $(row).find('td').eq(8).html();
var isid = $(row).find('td').eq(10).html();//$(row).find('input[name="isid"]').val();
var grid = $(row).find('td').eq(3).html();
$('#processitemcancellation').modal('show');
$('#m_ordernumber').val(ornum);
$('#m_is').val(sn1);
$('#m_description').val(item);
$('#m_jid').val(id);
$('#m_isid').val(isid);
$('#m_pid').val(pid);
$('#m_orderdetailid').val(odid);
$('#m_gid').val(grid);

                $.ajax({
                    
                 
                    url: "{{ url('productlist/fetchproductforprocessediting/') }}" ,
                  type: "POST",
                   dataType: 'json',
                
                    data: {
                       id: pid,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                      
                        $('#m_newitem').html('<option value="0">-- Select Box --</option>');
                        $.each(result.products, function (key, value) {
                            $("#m_newitem").append('<option value="' + value
                                .id + '">' + value.item + '</option>');
                             
                            // $("#state-dropdown").append('<option value=' + key + '>' + value + '</option>');
                        });



                       
                    }
                });







// if(sn1==('')){
  
// }

    });


   });




</script>

<script>
    $(document).ready(function () {
        $('#m_newitem').on('change', function () {
            var id = this.value;
            if (id > 0) {
    $('#m_newitemserial').prop('disabled', false);
    $('#m_newitemserial').focus();
} else {
    $('#m_newitemserial').prop('disabled', true);
}
        });
    });
</script>

<script>
  $(document).on('click', '#btn_mcancel', function(event) {
    event.preventDefault();
    var newitem = $("#m_newitem").val();
   
    if (newitem === '0') {
      alert("Item is Missing!");
      return;
    }
    var serialnumber = $("#m_newitemserial").val();
    if (serialnumber === '') {
      alert("Serial Number is missing!");
      return;
    }
   
    
    toastr.clear(); // clear any existing messages
    toastr.info("Processing... please wait.");
    
    
    var dateObj = new Date();
    var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");
    var day = dateObj.getDate().toString().padStart(2, "0");
    var year = dateObj.getFullYear().toString();
    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}`;

    $.ajax({
      type: 'GET',
      dataType: "json",
      url: "{{ url('itemserials/checkserialnumberupdateditems/') }}",
      data: {
        itemserialno: serialnumber,
        _token: '{{ csrf_token() }}'
      },
      success: function(data) {
        if (!data || data.length === 0) {
          addSerialNumberForItem();
          addNewItemForProcess();
        } else {
          alert("This Serial Number already exists! Try another.");
          $("#m_newitemserial").val('');

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

    function addSerialNumberForItem() {
      var odid = $("#m_orderdetailid").val();
      var order_number = $("#m_ordernumber").val();
      var pid = $("#m_pid").val();
      var itemserialno = $("#m_newitemserial").val();
      var status = "technical";
      var type = "m";
      $.ajax({
        type: 'POST',
        dataType: "json",
        url: "{{ url('itemserials/insertserialnumbersforitemsFORProcessediting/') }}",
        data: {
          odid: odid,
          order_number: order_number,
          updated_date: dateStr,
          pid: pid,
          itemserialno: itemserialno,
          status:status,
          type:type,
          _token: '{{ csrf_token() }}'
        },
        success: function() {
        //  toastr.success("Done!");
        //  $("#serialno").val('');
        },
        error: function(xhr, ajaxOptions, thrownError) {
          toastr.error(thrownError);
        }
      });
    }

    function addNewItemForProcess() {
     // if (!confirm('Are you sure?')) return;

      const order_did = $('#m_orderdetailid').val();
      const order_number = $('#m_ordernumber').val();
      const item = $('#m_pid').val();
      const groupid = $('#m_gid').val();
      const itemserialno = $('#m_newitemserial').val();
      const isid = $('#m_isid').val();

      $.ajax({
        url: "{{ url('process/insertordersforProcessITEMADDITION/') }}",
        type: 'POST',
        dataType: "text",
        data: {
          order_did,
          order_number,
          event_date: dateStr,
          start_date: dateStr,
          start_time: timeStr,
          end_date: "Pending",
          end_time: "Pending",
          item,
          section: "technical",
          descriptions: "received",
          status: "Process",
          groupid,
          years: year,
          months: month,
          days: day,
          itemserialno:itemserialno,
          //isid,
          _token: '{{ csrf_token() }}'
        },
        success: function() {
          updateOrderDetailTable(order_did, dateStr, timeStr);
        },
        error: function(xhr, ajaxOptions, thrownError) {
          toastr.error(thrownError);
        }
      });
    }

    function updateOrderDetailTable(order_did, start_date, start_time) {
      $.ajax({
        type: 'POST',
        url: "{{ url('orderlist/updateitemselectedstartevent/') }}",
        data: {
          id: order_did,
          item_location: "technical",
          takentime: start_time,
          takendate: start_date,
          _token: '{{ csrf_token() }}'
        },
        success: function() {
       //   toastr.success("Done!");
         // $('#collectionTable>tbody>tr').remove();
          updateQty();
        },
        error: function(xhr, ajaxOptions, thrownError) {
          toastr.error(thrownError);
        }
      });
    }

    function updateQty() {
      const id = $('#m_orderdetailid').val();
      $.ajax({
        url: "{{ url('orderlist/updateOrderItemdecrementQty/') }}",
        type: "POST",
        dataType: "text",
        async: false,
        data: {
          id,
          pendingqty: "1",
          _token: '{{ csrf_token() }}'
        },
        success: function() {
         // toastr.success("Done!!");
          updateItemSerialStatus();
        },
        error: function(data) {
          console.log($.parseJSON(data.responseText));
        }
      });
    }

    function updateItemSerialStatus() {
      const id = $('#m_isid').val();
      $.ajax({
        url: "{{ url('itemserials/updateStatus/') }}",
        method: 'POST',
        data: {
          id,
          status: 'Cancelled',
          _token: '{{ csrf_token() }}'
        },
        success: function(response) {
          updateprocesscancellations();
          
        },
        error: function(xhr) {
          alert(xhr.responseJSON?.message || 'Failed to update status');
        }
      });
    }
  });

  function updateprocesscancellations(){
   // if (confirm('Are you sure?')) {
           // var row = $(this).closest('tr');
           var dateObj = new Date();
    var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");
    var day = dateObj.getDate().toString().padStart(2, "0");
    var year = dateObj.getFullYear().toString();
    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 id = $('#m_jid').val();
            const order_did = $('#m_orderdetailid').val();
            const groupid = $('#m_gid').val();

            $('#orderdetailid').val(order_did);

const end_date =dateStr;
const end_time =timeStr;
const takenby ="Pending";
const takentime ="Pending";
const takendate ="Pending";
//const section ="technical";
const descriptions ="technical-Cancelled"
const status ="Cancelled";
const item_location ="technical";

$.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){
 
 updateincrementqty();
  
  
//    debugger;
//$("#trloader").remove();
},

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

});

  //      }
  }

  var updateincrementqty=function(){
     //  const order_did =$('#QCtakentable').parent().parent().find(".txtodid").val();
    // var row = $('#QCtakentable').closest('tr');
        //   const order_did = $(row).find('td').eq(0).html();
      
          // const order_did= $('#QCtakentable').closest('tr').find('td .order_did').val();
           const order_did=$('#m_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!!");
         // 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>
  $(document).on('click', '#btnsave', function(event) {

    var serialnumber=$("#itemserialno1").val();
if (serialnumber==('')){
    alert("Serial Number is missing!");
    return;
}

$.ajax({
   
   type: 'get',
   dataType: "json",
url:"{{ url('itemserials/checkserialnumberupdateditems/')}}",

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

                        },

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

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




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

});

});

var addserialnumbeforitem = function(){

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

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

var isid=$("#misid").val();
var  odid1=$("#modid").val();
var  order_number1= $("#ordernumber").val();
var  updated_date= dateStr;
var  pid1= $("#mpid").val();

var itemserialno =$("#itemserialno1").val();


$.ajax({

type: 'POST',
dataType: "json",
url:"{{ url('itemserials/add_n_update_serialnumber/')}}",
//type:'POST',
//dataType: "text",
//dataType: 'json',

// contentType:false,
// processDate:false,

//data: JSON.stringify(useritems),
// _token: '{{csrf_token()}}',

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

_token: '{{csrf_token()}}'  

                     },

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

success:function(data){
toastr.success("Done!");
location.reload();
$("#serialno").val('');
},
error:function (xhr, ajaxOptions, thrownError){
// if(xhr.status==404) {
//     alert(thrownError);
// }
// alert(thrownError);
//  toastr["error"](thrownError, "Error");
toastr.error(thrownError);
}

});
}
  </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>
    $('#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>
    // Function to check if the table has rows and enable the button
    document.addEventListener("DOMContentLoaded", function () {
      const table = document.getElementById("technicalTable");
      const tbody = table.querySelector("tbody");
      const rows = tbody.querySelectorAll("tr");
      const submitButton = document.getElementById("btn_accept");

      // Enable the button if rows exist
      if (rows.length > 0) {
        submitButton.disabled = false; // Enable button
      } else {
        submitButton.disabled = true; // Disable button
      }
    });
  </script>

<script>
 $(document).ready(function(){
  $(document).on('click', '#btn_accept', 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 ="Technical-Completed"
const status ="Done";
const section ="technical";
const sectionjobstatus="Completed"

// Iterate through all rows in the tbody
$('#technicalTable tbody tr').each(function () {
  const checkbox = $(this).find(".rowCheckbox");

  // Check if the checkbox in this row is checked
  if (checkbox.is(":checked")) {

    const row = $(this);
    const mainitemserial = row.find('td').eq(7).html();

    let allow = false;

    $.ajax({
      url:"{{ url('jobitem/checkMainItemSerial/')}}/" + mainitemserial,
      
        type: "GET",
        async: false, // Ensure check completes before proceeding
        success: function (response) {
            if (response.valid) {
                allow = true;
            } else {
                alert("Peripherals not set to the mechine yet! : " + mainitemserial);
                allow = false;
            }
        },
        error: function () {
            alert("Failed to validate job item: " + mainitemserial);
            allow = false;
        }
    });

    if (!allow) {
        return false; // stop loop
    }

    const rowData = {};

    // Get all <td> elements with a 'name' attribute in this row
    row.find("td[name]").each(function () {
      const key = $(this).attr("name");
      const value = $(this).text().trim();
      rowData[key] = value; // Store key-value pair in rowData
      // Add extra value specific to each <td>
      // if (key === "id") {
      //   rowData["end_date"] =  end_date;
      //   rowData["end_time"] =  end_time;
      //   rowData["descriptions"] =   descriptions;
      //   rowData["status"] =  "Done";
      //   rowData["section"] =  "technical";
      //   rowData["sectionjobstatus"] =   "Completed";
        
      
      // } else if (key === "name") {
      //   rowData["end_date"] = dateStr;
      //   rowData["end_time"] =  timeStr;
      //   rowData["sectionjobstatus"] = "Technical-Completed";

      // } else if (key === "value") {
      //   rowData["extraForValue"] = "Extra value for Value: " + value;
      // }

      if (key === "id") {
            Object.assign(rowData, {
              end_date, end_time, descriptions, status, section, sectionjobstatus
            });
          }
    });

    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/updatemultipleRows/')}}",
        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 = [];
  $('#technicalTable tbody tr').each(function () {
 // const checkbox = $(this).find('input.row-check');
  const checkbox = $(this).find(".rowCheckbox");
  
  const id =$(this).find('td').eq(10).text().trim();
 //const id = $(this).find('input[name="isid[]"]').val();
 const status="QA";
  if (checkbox.is(':checked')&& 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/UpdatemultiplestatustoQA/')}}",
        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