@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('add_accessories')}}" 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">Accessories 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>Name</th>								
                                <th>Image</th>
								<th>HSN</th>
								<th>GST%</th>
								<th>Qty</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($accessories as $data)
                            <tr id="{{$data->id}}">
                                <td>{{$i++}}</td>
                                <td></td>
                                <td><img style="width:60px;height: 60PX;" src="{{ url($data->image) }}"></td>
								<td></td>
								<td></td>
								<td id="partqty{{$data->id}}">@if(Auth::User()->hasRole('super_admin')) {{ $data->qty }} @else {{$data->subqty}} @endif</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_accessory',[Crypt::encrypt($data->id)] ) }}" class="btn btn-primary"> Edit</a>
                                   <a href="{{ route('delete_accessory',[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="part_id" id="part_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(part_id, qty)
{	
	$('#part_id').val(part_id);
	$('#qty').val(qty);	
}

function updateQty()
{
	$('.submitbtn').attr('disabled',true);
	$('.submitbtn').html('<i class="fa fa-circle-o-notch fa-spin"></i> loading...');
	
	
	var part_id = $('#part_id').val();
	$.ajax({
        method: 'POST',
        url: "{{ route('update_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) {
                    $('#partqty'+part_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