@extends('layouts.app')

@section('title', 'Finalized Bulk Items')

@section('content')

<div class="container-fluid">

 
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <!-- <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"> -->
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> -->

    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"></script> -->
    <script src="js/jquery.dataTables.min.js" type="text/javascript"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"/>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <!-- Page Heading -->
    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Approved Bulk Item</h1>
        <div class="row">
        
        <div class="col-md-4">
                  
        <a href="{{route('serailer.getSerializedapprovedItem')}}" class="btn btn-sm btn-info">
                        <i class="fas fa-arrow-left fa-sm text-white-50"></i>Back</a>
        
                       
                    </div>
                <!-- <div class="col-md-4 col-lg-3">
                    <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')
    {{-- Page Content --}}

    

   
  
    <!-- DataTales Example -->
    
<!-- --------------------------------------------------------------------- -->
<div class="card shadow mb-5" >
     <div class="card-header  py-0">
            <h6 class="m-0 font-weight-bold text-primary">approved Bundle Details</h6>
            
       
        <div class="card-body">
        <div class="row">
        <div class="col-md-4">
                        <span style="color:red;">*</span>Serial Number</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('Refno') is-invalid @enderror" 
                            id="Refno"
                            placeholder="Reference Number" 
                            name="Refno[]" 
                            value="{{ old('serialID') ?  old('serialID') : $serializedsingle->serialID}}"readonly>
                            
                        @error('refno')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                       
                       </div>
                       <div class="col-md-4">
                        <span style="color:red;">*</span>Created_Date</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('created_date') is-invalid @enderror" 
                            id="created_date"
                            placeholder="created_date" 
                            name="created_date[]" 
                            value="{{ old('created_date') ?  old('description') : $serializedsingle->created_date}}" readonly> 

                        @error('created_date')
                            <span class="text-danger">{{$message}}</span>
                        @enderror

                    </div>
                    
      </div>
      <!-- ------------------------ -->
      <div class="row">
      <div class="col-md-4">
                        <span style="color:red;">*</span>Created_By</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('person') is-invalid @enderror" 
                            id="person"
                            placeholder="person" 
                            name="person[]" 
                            value="{{ old('person') ?  old('person') : $serializedsingle->person}}"readonly>
                            
                        @error('person')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                      
                       </div>
                       <div class="col-md-4">
                        <span style="color:red;">*</span>Description</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('rtype') is-invalid @enderror" 
                            id="rtype"
                            placeholder="description" 
                            name="rtype[]" 
                            value="{{ old('description') ?  old('description') : $serializedsingle->description}}" readonly> 

                        @error('rtype')
                            <span class="text-danger">{{$message}}</span>
                        @enderror

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

        </div>  
      <div class="table-responsive">
      
      </div>
      </div> 
      
</div>
 
<div class="card shadow mb-5" >
     <div class="card-header  py-1">
            <h6 class="m-0 font-weight-bold text-primary">List Items Details</h6>
           <!-- -----------------------  -->
           <a href="#" class="btn btn-sm btn-info float-right" id="addRow">
        <i class="fa fa-plus" aria-hidden="true"></i>New Item</a>
    </div>
        <!-- ------------------------------ -->
        <div class="card-body">
        <form method="POST" action="{{route('serailer.updateapprovalstatus',[$serializedsingle->serialID])}}" name="add_item" id="add_item" >
        {{csrf_field()}}
      
      <meta charset="utf-8"> 
     <meta name="csrf-token" content="content">
    <meta name="csrf-token" content="{{ csrf_token() }}">
      
        <div class="table-responsive">
      <table class="table table-bordered" id="bundletable" width="100%"    style="background-color:#ffff;" >
<thead class="table-dark">
                    

<tr>
                            <th style='width:10%; display:none;'>ID</th>               
                            <th style='width:10%; display:none;'>PID</th>
                            <th style='width:10%; display:none;'>SN/NO</th>
                            <th style='width:30%;'>Item</th>
                            <th style='width:30%;'>Ram</th>
                            <th style='width:10%;'>Generation</th>
                            <th style='width:10%;'>Combination</th>
                            <th style='width:10%;'>PrimaryDrive</th>
                            <th style='width:10%;'>Secondary_Drive</th>
                            <th style='width:10%;'>Skin_Type</th>
                            <th style='width:10%; display:none;' >Item_Type</th>
                            <th style='width:10%;'>Action</th>
                            <!-- <th><button type="button" name="add" class="btn btn-success btn-sm add" id="b"><span class="glyphicon glyphicon-upload"></span></button></th> -->
                       
                        </tr>
                       <!-- <tr>
                       <td class="custom-tbl"><input class='form-control input-sm'style='width:100%;' type="text" value="1" id="pid" name="pid[]" readonly required></td>

                       </tr> -->
                    </thead>

                    <tbody>
                   

                    @foreach ($serializeditems as $row) 
                    <tr> 
                    <!-- <td id="id" name="id[]" contenteditable="true">{{$row->id}} </td> -->
                    <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtid" value="{{$row->id}}" id="id" name="id[]" readonly required></td>
                    <td style="display:none;"class="custom-tbl"><input type="text" class="form-control txtpid" value="{{$row->pid}}" id="pid" name="pid[]" readonly required></td>
                    <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtserialID" value="{{$row->serialID}}" id="serialID" name="serialID[]" readonly required></td>  
                   
                              <!-- <td  class="form-control txtid">{{$row->id}} </td>
                               <td class="form-control txtpid">{{$row->pid}}</td>
                               <td class="form-control txtserialid">{{$row->serialID}}</td> -->
                                <!-- <td>{{$row->item}}</td> -->
                               <!-- <td class="custom-tbl"><input class='form-control input-xl'style='width:100%;' type="text" value="{{$row->item}}" id="item" name="item[]" readonly required></td> -->
                               <td class="custom-tbl">
                                <select input type="text" name="item[]" id ="item0"  class="form-control txtitem" contenteditable="true">
                                <option selected disabled>None</option>
                                @foreach ($products as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('pid') ? ((old('pid') == $prows->id) ? 'selected' : '') : (($row->pid == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->item}}
                                </option>
                            @endforeach
                            </select></td>
                             <!-- <td>{{$row->ram}}</td> -->
                                <td input type="text" class="custom-tbl"><select name="ram[]" id ="ram0"  class="form-control txtram">
                                <option selected disabled>None</option>
                                @foreach ($products1 as $rmrows)
                                <option value="{{$rmrows->id}}" 
                                    {{old('pid') ? ((old('pid') == $rmrows->id) ? 'selected' : '') : (($row->ram == $rmrows->id) ? 'selected' : '')}}>
                                    {{$rmrows->item}}
                                </option>
                            @endforeach
                                </select></td>
                               <!-- <td>{{$row->generation}}</td> -->
                               <td class="custom-tbl"><select name="generation[]" id ="generation0" class="form-control txtgeneration ">
                               <option selected disabled>None</option>
                               @foreach ($gen as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('id') ? ((old('id') == $prows->id) ? 'selected' : '') : (($row->generation == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->gen}}
                                </option>
                            @endforeach
                               </select></td>
                               <!-- <td>{{$row->combination}}</td> -->
                               <td class="custom-tbl"><select name="combination[]" id ="combination0" class="form-control txtcombination">
                               <option selected disabled>None</option>
                               @foreach ($combination as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('id') ? ((old('id') == $prows->id) ? 'selected' : '') : (($row->combination == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->combination}}
                                </option>
                            @endforeach
                               </select></td>
                               <!-- <td>{{$row->booting_ssd}}</td> -->
                               <td class="custom-tbl"><select name="booting_ssd[]" id ="booting_ssd0" class="form-control txtbooting_ssd">
                               <option selected disabled>None</option>
                               @foreach ($products2 as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('pid') ? ((old('pid') == $prows->id) ? 'selected' : '') : (($row->booting_ssd == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->item}}
                                </option>
                            @endforeach
                               </select></td>
                               <!-- <td>{{$row->additional_hdd}}</td> -->
                               <td class="custom-tbl"><select name="additional_hdd[]" id ="additional_hdd0" class="form-control txtadditional_hdd">
                               <option selected disabled>None</option>
                               @foreach ($products3 as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('pid') ? ((old('pid') == $prows->id) ? 'selected' : '') : (($row->additional_hdd == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->item}}
                                </option>
                            @endforeach
                            </select></td>
                               <!-- <td>{{$row->skin_type}}</td> -->
                               <td class="custom-tbl"><select name="skin_type[]" id ="skin_type0" class="form-control txtskin_type">
                               <option selected disabled>None</option>
                               @foreach ($products4 as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('pid') ? ((old('pid') == $prows->id) ? 'selected' : '') : (($row->skin_type == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->item}}
                                </option>
                            @endforeach
                               </select></td>
                               <!-- <td>{{$row->item_type}}</td>  -->
                               <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtskin_type txtitem_type" value="{{$row->item_type}}" id="item_type0" name="item_type[]" readonly required></td>
                              
                              
                              <td style="display: flex">
                             
                                   
                                   <a button class="btn btn-primary m-2 btn-update"  >
                              <i class="fa fa-cloud" aria-hidden="true"></i>
                                   </a></button>
                                   <a class="btn btn-danger m-2" href="#"  data-toggle="modal" data-target="#deleteadminaprModal1">
                                            <i class="fas fa-trash"></i>
                                        </a>
                                       
                              </td>
                           
                           </tr>
                    @endforeach
                   
                    </tbody>
                    <tfoot>
        
                    <thead class="table-dark">
                    <tr id="trloader">
        
        <th style='width:10%; display:none;'>ID</th>               
                            <th style='width:10%; display:none;'>PID</th>
                            <th style='width:10%; display:none;'>SN/NO</th>
                            <th style='width:30%;'>Item</th>
                            <th style='width:30%;'>Ram</th>
                            <th style='width:10%;'>Generation</th>
                            <th style='width:10%;'>Combination</th>
                            <th style='width:10%;'>PrimaryDrive</th>
                            <th style='width:10%;'>Secondary_Drive</th>
                            <th style='width:10%;'>Skin_Type</th>
                            <th style='width:10%; display:none;' >Item_Type</th>
                            <th style='width:10%;'>Action</th>
                            <!-- <th><button type="button" name="add" class="btn btn-success btn-sm add" id="b"><span class="glyphicon glyphicon-upload"></span></button></th> -->
                       
                        </tr>
</thead>
    </tfoot>
</table>
      </div>
<!-- ------------------------------ -->

   
  

{{-- approve Button --}}
     
      
     <div class="card-footer">
        <!-- <a  button type="submit" class="btn btn-success btn-user btn-block">
                <i class="fa fa-thumbs-up" aria-hidden="true"></i> Approve</a> -->
                <button type="submit" class="btn btn-success btn-user btn-block">
                <i class="fa fa-thumbs-up" aria-hidden="true"></i> 
                Add & Approve</button>
            </div>

 
        </form>
        <div class="card-footer">
       
       <a  class="btn btn-danger btn-user btn-block" data-toggle="modal" data-target="#deleteadminSerialModal">
       <i class="fa fa-ban" aria-hidden="true"></i> Permanent Removal</a>    

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


</div>

@if ($serializeditems->count() >1 )
@if(isset($serializeditems) && !empty($serializeditems))

@include('item_bundles.delete-adminapprovedmodel')

@endif  
@endif 

@if ($serializedsingle->count() > 0 )
@if(isset($serializedsingle) && !empty($serializedsingle))

@include('item_bundles.delete-adminbulkmodel')

@endif  
@endif 
@endsection

@push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/flatpickr">
        
    </script>

<script>
    flatpickr("input[type=datetime-local]");
</script>
    @endpush

    @section('scripts')
    

        <!-- add new rows to  the tabel script -->

       

<script>
        $(document).ready(function(){
    $('#addRow').click(function(){
        event.preventDefault();
   
       
    if(confirm("Are you sure you want to add a new row?") == true){
        $(document).on('click', '.remove', function(){
  $(this).closest('tr').remove();
 });

 //add the new row
 $(document).on('click', '.add', function(
){
    
// alert("Button pressed by you!");

//var currentRow = $(this).closest("tr")[0]; 
   //  var cells = currentRow.cells;

const id =$("#id1").text();//cells[0].textContent;  
const pid =$("#item1 :selected").val();//cells[1].textContent;

const serialID =$("#serialID1").text();//cells[2].textContent;
const item =$("#item1 :selected").text();//cells[3].textContent;
const ram =$("#ram1 :selected").val(); //cells[4].text;
const generation =$("#generation1 :selected").val();
const combination =$("#combination1 :selected").val();
const booting_ssd =$("#booting_ssd1 :selected").val();
const additional_hdd =$("#additional_hdd1 :selected").val();
const skin_type =$("#skin_type1 :selected").val();
const item_type =$("#item_type1").val();


$.ajax({
         
         type: "POST",
        // url: "save_data.php",
        url:"{{ url('serailer/storesingleroweitem/') }}",
        //contentType: "application/json; charset=utf-8",
        dataType: "text",
     // traditional: true,
       async: false,
         data: {
      'id':id,
    'pid':pid,
    'serialID':serialID,
    'item':item, 
    'ram':ram,
    'generation':generation,
    'combination':combination,
    'booting_ssd':booting_ssd,
    'additional_hdd':additional_hdd,
    'skin_type':skin_type,
    'item_type':item_type,
       _token: '{{csrf_token()}}'
       
     },
       
         success: function (data) {
             alert("Processing press OK!");
         }

     });

 });

        var html = '';
        var serialID =$("#Refno").val();
                html += '<tr>';
                html +='<td style="display:none;" input type="text" name="id1" id="id1" value="0">0</td>'
                html +='<td style="display:none;" input type="text" name="pid1" id="pid1" value="0">0</td>'
                html +='<td  style="display:none;" input type="text" name="serialID1" id="serialID1">'+serialID+'</td>'
                
                //  html +='<td class="custom-tbl">' + '<input type="text"  class="form-control"  size=60 name="id[]" id="id0" readonly="true" value= "' + 0 + '">' + '</td>'
             //   html +='<td class="custom-tbl">' + '<input type="text"  class="form-control"  size=60 name="pid[]" id="pid0" readonly="true" value= "' + 0 + '">' + '</td>'
             //   html +='<td class="custom-tbl">' + '<input type="text"  class="form-control"  size=60 name="serialID[]" id="serialID" readonly="true" value= "' + serialID + '">' + '</td>'
              html += '<td input type="text" class="custom-tbl"><select name="item1[]" id ="item1" class="form-control"><option value="0">None</option>@foreach ($products5 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
              html += '<td input type="text" class="custom-tbl"><select name="ram1[]" id ="ram1" class="form-control"><option value="0">None</option>@foreach ($products1 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
               html += '<td input type="text" class="custom-tbl"><select name="generation1[]" id ="generation1" class="form-control"><option value="0">None</option>@foreach ($gen as $rows) <option value="{{$rows->id}}">{{$rows->gen}}</option> @endforeach </select></td>';
              html += '<td input type="text" class="custom-tbl"><select name="combination1[]" id ="combination1" class="form-control"><option value="0">None</option>@foreach ($combination as $rows) <option value="{{$rows->id}}">{{$rows->combination}}</option> @endforeach </select></td>';
              html += '<td input type="text"class="custom-tbl"><select name="booting_ssd1[]" id ="booting_ssd1" class="form-control"><option value="0">None</option>@foreach ($products2 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
                  html += '<td input type="text"class="custom-tbl"><select name="additional_hdd1[]" id ="additional_hdd1" class="form-control"><option value="0">None</option>@foreach ($products3 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
                html += '<td input type="text" class="custom-tbl"><select name="skin_type1[]" id ="skin_type1" class="form-control"><option value="0">None</option>@foreach ($products4 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
               html +='<td style="display:none;" input type="text" class="custom-tbl">' + '<input type="text"  class="form-control"  size=60 name="item_type1[]" id="item_type1" readonly="true" value= "' + 0 + '">' + '</td>'
               html += '<td class="custom-tbl"><button type="button" id ="add" name="add" class="btn btn-success btn-md add"><i class="fa fa-plus-circle" 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></tr>';
              
           
              
                   
               $("#bundletable").append(html);
    }
    });
})
        </script>

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

    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
   
    $('#bundletable').on('click', '.btn-update', function(){
   // method 1
const id =$(this).parent().parent().find(".txtid").val();
const pid =$(this).parent().parent().find(".txtitem").val();
const serialID =$(this).parent().parent().find(".txtserialID").val();
const item =$(this).parent().parent().find(".txtitem").text();
const ram =$(this).parent().parent().find(".txtram").val();
const generation =$(this).parent().parent().find(".txtgeneration").val();
const combination =$(this).parent().parent().find(".txtcombination").val();
const booting_ssd =$(this).parent().parent().find(".txtbooting_ssd").val();
const additional_hdd =$(this).parent().parent().find(".txtadditional_hdd").val();
const skin_type =$(this).parent().parent().find(".txtskin_type").val();

  
const useritems={
    "id":id, 
    "pid":pid,
    "serialID":serialID,
    "item":item, 
    "ram":ram,
    "generation":generation,
    "combination":combination,
    "booting_ssd":booting_ssd,
    "additional_hdd":additional_hdd,
    "skin_type":skin_type,
 //   "item_type":item_type,
 //   _token: '{{csrf_token()}}'
};


$.ajax({
   
    // type: 'POST',

url:"{{ url('serailer/update_Itemdatasingleentry/')}}",
type:'POST',
//dataType: "text",
//dataType: 'json',
  
 contentType:false,
 processDate:false,
  
 data: JSON.stringify(useritems),

 
//   data: {
//    id:id,
//     pid:pid,
//     serialID:serialID,
//     item:"test",//item, 
//     ram:ram,
//     generation:generation,
//     combination:combination,
//     booting_ssd:booting_ssd,
//     additional_hdd:additional_hdd,
//     skin_type:skin_type,
//   // 'item_type':item_type            
//   _token: '{{csrf_token()}}'          
//                          },

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

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

});


});


   });


</script>

@endsection