@extends('dashboard.layout.partials.dashboard')
@section('content')
<style>
#add_qty_button {
    text-decoration: none;
    border: 1px solid #000;
    padding: 1vh 2vh;
    background: black;
    color: #ffff;
    cursor: pointer;
    transition:all linear 0.5s;
}
#add_qty_button:hover {
    
    border: 1px solid #000;
    background: #ffff;
    color: #000;
    cursor: pointer;
}
</style>
<div class="container-fluid">
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
   <div class="stretch-card col-xl-8 mx-auto">
      <!--col-md-6 grid-margin -->
      <div class="card">
         <br>
         <br>
         <h4 style="text-align: center !important;">Edit Products </h4>
         <div class="card-body shadow">
            <form class="forms-sample" method="POST" action="{{route('products.update',$product->id)}}" enctype="multipart/form-data">
               @csrf()
               @method('PUT')
               <div class="form-group">
                  <label for="product_name">Product Name<span style="color:red">*</span></label>
                  <input type="text" class="form-control" name="product_name" autocomplete="off" id="product_name" value="{{old('product_name',$product->product_name)}}">
               </div>
               <div class="form-group">
                  <label for="qty">Total Quantity<span style="color:red">*</span></label>
                  <input type="number" class="form-control" readonly  autocomplete="off"  value="{{old('qty',$product->qty)}}">
               </div>
               <div class="form-group">
                  <label for="qty">Add Quantity<span style="color:red">*</span></label>
                  <input type="number" class="form-control" id='add_quantity'  autocomplete="off"  >
                  <input type="hidden" class="form-control" id='already_qty'  autocomplete="off"  value='{{$product->qty}}' >
                  <input type="hidden" class="form-control" id='product_id'  autocomplete="off"  value='{{$product->id}}' >
                  @php
                      $lastData = App\Models\ProductCode::where('product_id', $product->id)->orderBy('id', 'desc')->first();
                  @endphp
                <input type="hidden" class="form-control" id='last_qrcode'  autocomplete="off"  value='{{$lastData->product_code}}' >

               </div>
               <div class="form-group">
                  <a id='add_qty_button' class='add_qty_button'>Add Quantity</a>
               </div>
               
               <div class="form-group">
                  <label for="price">Price<span style="color:red">*</span></label>
                  <input type="number" class="form-control" name="price" autocomplete="off" id="price" value="{{old('price',$product->price)}}">
               </div>
               
               <div class="form-group">
                  <label for="category">Category<span style="color:red">*</span></label>
                  <select class='form-control' name='category'>
                  @foreach($categories as $cat)
                  <option value='{{$cat}}' {{ $product->category == $cat ? 'selected' : '' }}>{{$cat}}</option>
                  @endforeach
                  </select>
               </div>
               
                <div class="form-group">
                  <label for="price">Change Images<span style="color:red">*</span></label>
                  <input type="file" multiple class="form-control" name="product_image[]" />
               </div>
                <div class="form-group">
                  <label for="price">Images<span style="color:red">*</span></label>
                  @php
                  $images=$product->product_image;
                  if($images){
                  $images=json_decode($images);
                  }
                   $current_url = "http" . (isset($_SERVER['HTTPS']) ? "s" : "") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
                   $parsed_url = parse_url($current_url);
                   $base_url = $parsed_url['scheme'] . '://' . $parsed_url['host'];
                  @endphp
                  @if($product->product_image)
                  @foreach($images as $image)
                     <img src="{{ $base_url.'/FuturePartsLaravel/storage/app/public/image/futureParts/' . $image }}" width='100' height='100' class='img-fluid' />
                  @endforeach
                  @endif
               </div>
               <button type="submit" class="btn btn-gradient-danger me-2">Update</button>
               <a class="btn btn-light" href="{{ url()->previous() }}">Cancel</a>
            </form>
         </div>
      </div>
   </div>
</div>

<script src='https://code.jquery.com/jquery-3.7.1.min.js'></script>
<script>
$(document).ready(function(){
$('#add_qty_button').click(function(){
var totalQuantityToUpdate = $('#add_quantity').val(); // Adjust as needed
var alreadyQuantityToUpdate = $('#already_qty').val(); // Adjust as needed
var productIdToUpdate = $('#product_id').val(); // Adjust as needed
var lastProductCodeToUpdate = $('#last_qrcode').val(); // Adjust as needed
var batchSizeToUpdate = 200;       // Adjust as needed
var csrfToken = '{{ csrf_token() }}';

function updateQuantityInBatches(totalQuantity, alreadyQuantity, productId, lastProductCode) {
    var quantityToUpdate =  totalQuantity ;
        var requestData = {
            qty: quantityToUpdate,
            already_qty: alreadyQuantity,
            id: productId,
            last_qrcode: lastProductCode
        };

        $.ajax({
            
            //  url: 'https://futurepart.a2zcreatorz.com/futureparts/FutureParts/updateQuantity', // Replace with your actual endpoint
            url: '/FutureParts/updateQuantity', // Replace with your actual endpoint
            type: 'POST',
            data: requestData,
              headers: {
                'X-CSRF-TOKEN': csrfToken
            },
            success: function(response) {
                // Handle success, update UI, etc.
                console.log('Batch update successful:', response);
                alert("You Add Product Quantity Successfully!");
            },
            error: function(xhr, status, error) {
                // Handle error
                console.error('Batch update failed:', error);
            }
        });
    

    // Start updating in batches
    
}
updateQuantityInBatches(totalQuantityToUpdate, alreadyQuantityToUpdate, productIdToUpdate, lastProductCodeToUpdate);

   })

})

</script>
@endsection