@extends('adminlayout.admin')
@section('content')
<style >
    .cursor{
    cursor: pointer;
    }
    .nk-content-fluid{
    margin-top: 65px;
    position: relative;
    }
</style>
<div class="content-wrapper">
<section class="content-header" style="float:right;">
    @if(Auth::user()->hasRole('super_admin'))
		
    <a href="{{route('charger_serials')}}" class="btn btn-lg btn-info" >Manage Serial </a>		
	<a href="{{route('add_charger')}}" class="dropdown-toggle btn btn-lg btn-info" ><i class="fa fa-fw fa-plus"></i>Add </a>
   
	@endif
        
  </section>
  <BR><BR>
 
<section class="content">     
  
    <div class="row">
        <div class="col-xs-12">
            <!-- /.card -->
            <div class="box box-success" >
              <div class="box-header">
				<h3 class="box-title">Chargers List</h3>
			  </div>
			   @if(Session::has('message'))
	<p class="alert {{ Session::get('alert-class', 'alert-info') }}" style="text-align: center;">{{ Session::get('message') }}</p>
	@endif
                <div class="box-body">
				  <div class="table-responsive"> 
                    <table id="example1" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>S.no</th>
                                <th>Company</th>
                                <th>Model</th>
                                <th>Type</th>
                                <th>Power</th>
                                <th>Warranty</th>  
								<th>Qunatity</th>                               
                                <th>Image</th>									
                                <th>Purchase Price</th>
								@if(Auth::User()->hasRole('super_admin'))	
								<th>Dealer price</th>
                                @endif	
                               @if(Auth::User()->hasRole('super_admin','dealer'))									
								<th>Subdealer Price</th> 
							   @endif
                                <th>Customer Price</th> 	
                                	 								
                                @if(Auth::User()->hasRole('super_admin'))								
                                <th>Action</th>
							    @endif
                            </tr>
                        </thead>
                       <tbody>
                            @php 
                            $i=1;
                            @endphp
                            @foreach($chargers as $data)
                            <tr id="{{$data->id}}">
                                <td>{{$i++}}</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td> Months</td>                       
								<td id="qty{{$data->id}}"></td>
                                <td><img style="width:60px;height: 60PX;" src="{{ url($data->image) }}"></td>
                                <td>@if(Auth::User()->hasRole('super_admin')) {{ $data->purchase_price }} @else {{$data->subpurchase_price}} @endif</td>
								@if(Auth::User()->hasRole('super_admin'))	
								<td></td> 
							    @endif 
								 @if(Auth::User()->hasRole('super_admin','dealer'))	
								  <td></td> 
							     @endif 
								<td></td> 
								
								 @if(Auth::User()->hasRole('super_admin'))	
									<td>   
                                        <a  class="btn btn-primary" data-toggle="modal" onclick="manageQty({{$data->id}}, {{$data->qty}})" data-target="#manage_stock_model">Manage Stock</a>
										
										<a href="{{ route('edit_charger',[Crypt::encrypt($data->id)] ) }}" class="btn btn-primary"> Edit</a>
									   <a href="{{ route('delete_charger',[Crypt::encrypt($data->id)] ) }}" class="btn btn-danger delete-list" onclick="return confirm('Are you sure you want to delete this item?');"> Delete</a>
									   
									</td>
								  @endif
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
				</div>
		  </div>
		  </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
     
      <!-- /.col -->
  
    
</section>
</div>


 <div class="modal fade" id="manage_stock_model" tabindex="-1" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true">
        <form id="manage-stock-form" class="form-horizontal" action="#" method="post" enctype="multipart/form-data" onsubmit="return updateQty()">
         @csrf
         <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="add_productLabel">Manage Qty</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
                  <input type="hidden" value="" name="charger_id" id="charger_id">
                   <div class="row">
                    <div class=" col-sm-6 col-md-6 ">
                    <label for="cat_name" class="control-label">
                    Available Qty <i class="required">*</i>
                    </label>
                    <input type="number" class="form-control" id="qty" name="qty" autocomplete="off" placeholder="Available Qty" required readonly>
                    <span class="text-danger"></span>
                  </div>
                  <div class=" col-sm-6 col-md-6 ">
                    <label for="pan" class="control-label">
                     New Qty<i class="required">*</i>
                    </label>
                    <input type="number" class="form-control" id="new_qty" name="new_qty" autocomplete="off" placeholder="New Qty" required>
                     <span class="text-danger"></span>
                   </div>                     
                 </div>               
                </div>
				<p style="text-align: center;" class="qtyerror"></p>
                <div class="modal-footer" style="text-align: center;">
                  <button class="btn btn-lg btn-info submitbtn" id="submitbtn" name="submit" data-loading-text="Processing...">
                    <i class="fa fa-fw fa-save"></i>
                      Submit        </button>
                </div>
              </div>
            </div>
        </form>
        
    </div>
	
<script>
function manageQty(charger_id, qty)
{	
	$('#charger_id').val(charger_id);
	$('#qty').val(qty);	
}

function updateQty()
{
	$('.submitbtn').attr('disabled',true);
	$('.submitbtn').html('<i class="fa fa-circle-o-notch fa-spin"></i> loading...');
	
	
	var charger_id = $('#charger_id').val();
	$.ajax({
        method: 'POST',
        url: "{{ route('update_charger_qty') }}",
        dataType: 'json',
		data: $('#manage-stock-form').serialize(),
        success: function(response) {
			$('.submitbtn').attr('disabled',false);
			$('.submitbtn').html('<i class="fa fa-fw fa-save"></i>Submit');
			
			
            if (response && response.status) {
                    $('#qty'+charger_id).html(response.totalqty); 
					$('#new_qty').val(0);
                    $('#manage_stock_model').modal('hide');					
            } else {
				   console.error('Invalid response format:', response);
				   var msg = '<span style="color:red">'+response.msg+'</span>';
				   $('.qtyerror').html(msg);
				   
                   setTimeout(function(){
					  $('.qtyerror').html(''); 
				   },4000);				   
            }
        },
        error: function(xhr, status, error) {
            console.log('Error fetching vehicle details:', error);
        }
    });
	
	return false;
	
}

 
</script>	
@endsection