@extends('adminlayout.dashadmin')
<!-- 'adminlayout.admin'
 --> 
@section('content')
 
<style>
.serialnumber{
	width: 90px;
    height: 25px;
}
.error{
	color:red;
}
.input-box {
  
    height: 80px;
}
</style>


<!-- Content Wrapper Start -->
<div class="content-wrapper" ng-controller="PurchaseController">

  
  <br>
  <!-- Content Header end -->

  <!-- Content Start -->
  <!-- Content Start -->
  <section class="content">
     <div class="box box-info">
        <div class="box-header with-border">
          <h3 class="box-title">
            <span class="fa fa-fw fa-plus"></span>Sale Vehicle</h3>
          <button type="button" class="btn btn-box-tool add-new-btn" data-widget="collapse" data-collapse="true">
            <i class="fa fa-minus"></i>
          </button>
        </div>
		
        <form  action="{{ route('save_sell_order') }}" method="post" id="vehiclesaleform" onsubmit="return checkValidation();">
		 @csrf
        <!-- Add Sale Create Form -->
        <div  class="form-horizontal" >
		@if(Session::has('message'))
	  <div class="col-sm-12 col-md-12">  
        <p class="alertmsg alert-{{ Session::get('alert-class', 'alert-info') }}" style="text-align: center;font-size: 20px;margin-top: 13px;">
	     {{ Session::get('message') }}
	    </p>
		</div>		
		<script> 
		setTimeout(()=>{$('.alertmsg').hide(3000)}, 5000);

		</script>
	    @endif
		<div class="row" style="padding: 10px;">
		  <div class="col-sm-12 col-md-4">               
              <label for="date" class="control-label">
                   State<i class="required">*</i>
              </label>
              <select id="supply_state" class="form-control" name="state" onchange="getCity(this.value)" required>
			      <option value="">--Select--</option>
                  @foreach($states as $state)
                    <option value="{{$state->id}}">{{$state->name}}</option>
				   @endforeach	
                   
              </select>
           </div>
		  <div class="col-sm-12 col-md-4">               
              <label for="date" class="control-label">
                  City<i class="required">*</i>
              </label>
              <select id="city" class="form-control" name="city" required onchange="getDealers(this.value)">
                 
              </select>
           </div> 
          <div class=" col-sm-12 col-md-4">
                 <label for="party_name" class="control-label">
                  Party<i class="required">*</i>
              </label>              
           <!-- <input list="party_name"  autocomplete="off" placeholder="Search Party Name Or phone Number" required />-->
	       <select id="party_name" class="form-control" name="party_name" onchange="partyHandler(this.value)">
		    <option value="">Select</option>
		    

		    </select>
			  
		   </div>
		    <div class="col-sm-12 col-md-4">
                 
                <label for="date" class="control-label">
                   Bill Date<i class="required">*</i>
                </label>
                <input type="text" class="form-control" name="bill_date" value="{{ date('Y-m-d H:i:s') }}" autocomplete="off"  readonly>
                    
              
            </div>
        
              <div class="col-sm-12 col-md-4">                
				<label for="Billing" class="control-label">
				  Billing Address*<i class="required">*</i>
				</label>
				<textarea class="form-control" id="billing" name="Billing" type="text" placeholder="Enter Full Address.."></textarea>
				<br>
              </div>
              <div class="col-sm-12 col-md-4">                
				<label for="Shipping" class="control-label">
				  Shipping  Address*<i class="required">*</i>
				</label>
				<textarea class="form-control" name="Shipping" type="text" placeholder="Enter Full Address.."></textarea>
				<br>
              </div>
            </div> 
			
	<div class="row vehicleform" style="padding: 10px;" >
	    <div class="col-sm-12 col-md-12">
	       <div class="heading" style="text-align: center;border: 1px inset;margin-bottom: 13px;"><label>VEHICLE DETAILS</label> </div>
	    </div>
		  <div class="col-sm-6 col-md-3">
            <div class="input-box" >			  
              <label for="date" class="control-label">
                   Vehicle
              </label>
              <select id="good_id" class="form-control" name="good_id" onchange="getVehicleColor(this.value)">
			      <option value="">--Select--</option>
                   @foreach($goods as $data)
                    <option value="{{$data->id}}" data="{{$data->hsn}}">{{$data->name}}</option>
				   @endforeach	
                   
              </select>
           </div>
		   </div>
		  <div class="col-sm-6 col-md-3">
            <div class="input-box" >		  
              <label for="date" class="control-label">
                  Color <i class="required">*</i>
              </label>
              <select id="vehicle_color" class="form-control" onchange="colorChange()">                 
              </select>
			  <span class="color-error error"></span>
            </div> 
		   </div> 
           <div class=" col-sm-6 col-md-3">
		    <div class="input-box" >	
                 <label for="battery_type" class="control-label">
                   Battery  Type
                 </label>              
                <select id="battery_type" name="battery_type" class="form-control" onchange="getPriceDetail()">
				 <option value="">Select Battary...</option>
				 <option value="LEAD GHREFINE">LEAD GHREFINE</option>
				 <option value="LITHIUM">LITHIUM</option>
				 
				</select>
		    </div>
		   </div>
		    <div class=" col-sm-6 col-md-3">
				<div class="input-box" >	
					 <label for="party_name" class="control-label">
					Battery  Volt
				  </label>            
				  <select name="battery_volt" id="battery_volt" class="form-control" onchange="getPriceDetail()">
					<option  value="">Select Volt...</option>
					 <option value="48V/32AH"> 48V/32 AH</option>
					 <option value="60V/32AH" > 60V/32 AH</option>
					 <option value="72V/32AH"> 72V/32 AH</option>    
					
				 </select>
				  
				</div> 
		   </div>
		   <div class="col-sm-6 col-md-3">  
              <div class="input-box" >			   
                <label for="date" class="control-label">
                   Price
                </label>
                <input type="number" class="form-control" id="vehicle_price" value="" autocomplete="off">            
              </div>
           </div> 
		   <div class="col-sm-6 col-md-3">  
             <div class="input-box" >			   
                <label for="qty" class="control-label">
                   Qty
                </label>
				 <select  id="vehicle_qty" class="form-control">
				 </select>
                <span class="qty-error error"></span>
             </div>
		   </div>
		   <div class="col-sm-6 col-md-3">   
             <div class="input-box" >			   
                <button id="create-purchase-submit" type="button" class="btn btn-lg btn-info" name="add" style="margin-top: 10%;" onclick="addVehicleRow()">ADD</button>
			  </div>	
           </div>
		 <div class="loading" style="position: absolute;left: 30%;margin-top: 30px;display:none;"><img src="{{ URL::asset('/assets/images/loadingtrans.gif') }}" width="100"></div>   
       </div> 		
  <div class="well well-sm" id="vehiclelist">
  <div class="row">
    <div class="col-lg-12">
      <div class="table-responsive"> <!-- table table-striped table-editable table-bordered --> 
        <table id="invoiceTable" class="table-bordered mb-0">
          <thead>
            <tr class="bg-info">
                              
                 <th class="text-center">NAME/HSN/COLOR</th>
             
                 <th class="text-center" >BATTERY</th>                
                 <th class="text-center" >CHESSIS NO</th>
                <th class="text-center">CHARGER NO</th>
                
                <th class="text-center">MRP</th>
                <th class="text-center">UNIT PRICE</th>
                
                <th class="text-center">TAXABLE AMOUNT</th>
                <th class="text-center" style="width: 5%;">GST(%)</th>
                <th class="text-center" style="width: 5%;">GST AMOUNT</th>
               
                <th class="text-center">TOTAL VALUE</th>
                <th class="w-5 text-center">
                  <i class="fa fa-trash-o"></i>
                </th>
            </tr>
          </thead>
          <tbody class="bodycontent">
           
          </tbody>
              <tfoot>
              
                <tr class="bg-yellow">
                  <th class="text-right" colspan="9">
                  Payable Amount                  </th>
                  <th class=" text-right">
                    <input type="hidden" name="payable-amount" value="">
                    <h4 class="text-center"><b></b></h4>
                  </th>
                  <th class="w-25p">&nbsp;</th>
                </tr>
                <tr class="bg-blue">
                  <th class="text-right" colspan="9">
                  Payment Method                  </th>
                  <th class=" text-center">
                    <select id="pmethod-id" class="form-control select2" name="payment_method" >
                      <option value="Cash">Direct Cash</option>
                      <option value="UPI">UPI PAYMENT</option>
                      <option value="Bank Transfer">Bank Transfer  </option>
                      <option value="NEFT">NEFT PAYMENT</option>
                    </select>
                  </th>
                 <th class="w-25p">&nbsp;</th>
                </tr>
				 <tr class="bg-blue">
                  <th class="text-right" colspan="9">Transportation Modes </th>
                  <th class=" text-center">
                    <select id="transportation_mode" class="form-control select2" name="transportation_mode" >
                      <option value="Road">Road</option>
                      <option value="Rail">Rail</option>
                      <option value="Air">Air</option>
                      
                    </select>
                  </th>
                 <th class="w-25p">&nbsp;</th>
                </tr>
				<tr class="bg-blue">
                  <th class="text-right" colspan="9">Transportation Vehicle No. </th>
                  <th class=" text-center">
                     <input style="color: #000; font-size: 22px;text-align:center; width: 100%;"  type="text" id="transport_vehicle_no" name="transport_vehicle_no" value="">
                  </th>
                 <th class="w-25p">&nbsp;</th>
                </tr>
				<tr class="bg-blue ewaybill_no" style="display:none;">
                  <th class="text-right" colspan="9">E - Waybill Number</th>
                  <th class=" text-center">
                     <input style="color: #000; font-size: 22px;text-align:center; width: 100%;"  type="text" id="ewaybill_no" name="ewaybill_no" value="">
                  </th>
                 <th class="w-25p">&nbsp;</th>
                </tr>
                <tr class="bg-blue">
                  <th class="text-right" colspan="9">
                  Total Amount                  </th>
                  <th class=" text-right" >
                    <div style="background-color: #fff;" id="total" class="text-center paidAmount" >0</div>
					  <input type="hidden" id="total_amount" name="total_amount" value="">
                  </th>
                  <th class="w-25p">&nbsp;</th>
                </tr>

                <tr class="bg-blue">
                  <th class="text-right" colspan="9">
                  Paid Amount                  </th>
                  <th class=" text-right" >
                     <input style="color: #000; font-size: 22px;text-align:center; width: 100%;"  type="text" id="paid_amount" name="paid_amount" value="0">
                  </th>
                  <th class="w-25p">&nbsp;</th>
                </tr>
              <!-- <tr class="bg-blue">
                  <th class="text-right" colspan="11">
                  UnPaid Amount                  </th>
                  <th class=" text-right" >
                 
                  <input style="color: #000; font-size: 22px"  type="number" id="unpaid" name="unpaid_amount" value="">
                  </th>
                  <th class="w-25p">&nbsp;</th>
                </tr>-->
               
              </tfoot>
            </table>
          </div>
        </div>
      </div>
    </div>
              <div style="padding-bottom: 15px;" >
                <div class="text-center">            
                  <button id="create-purchase-submit" class="btn btn-lg btn-info" data-form="#form-purchase" data-datatable="#purchase-purchase-list" name="submit" data-loading-text="Processing...">
                    <i class="fa fa-fw fa-save"></i>
                      Submit        </button>
                   
                  <button type="reset" class="btn btn-lg btn-danger" id="reset" name="reset">
                    <span class="fa fa-fw fa-circle-o"></span>
                      Reset        </button>
                          
                </div>
                
              </div>
            </div>
           <input type="hidden" id="checkvalid" value="0">
          </form>
        


<script>
$(document).ready(function(){
   $(document).on('input',".serialnumber",function(event){
			$(this).removeClass('duplicate-error');
		});
});		


function checkValidation()
{
	var flag =0;
	var stored	=	[];
	var chassis_stored	=	[];
	var charger_stored	=	[];
	
	var	inputs	=	$('.serialnumber');
	$.each(inputs,function(k,v){
		var getVal	=	$(v).val();
		if(stored.indexOf(getVal) != -1)
		{
			$(v).addClass('duplicate-error');
			flag =1;
		}
		else
		{
			stored.push($(v).val());
		}	
	});
	
	var	chassis_inputs	=	$('.chassis_number');
	$.each(chassis_inputs,function(k,v){
		var getVal	=	$(v).val();
		if(chassis_stored.indexOf(getVal) != -1)
		{
			$(v).addClass('duplicate-error');
			flag =1;
		}
		else
		{
			chassis_stored.push($(v).val());
		}	
	});
	var	charger_inputs	=	$('.charger_serial_number');
	$.each(charger_inputs,function(k,v){
		var getVal	=	$(v).val();
		if(charger_stored.indexOf(getVal) != -1)
		{
			$(v).addClass('duplicate-error');
			flag =1;
		}
		else
		{
			charger_stored.push($(v).val());
		}	
	});
	
	
	if(flag)
	{
	 return false;
	}else
	{
      if($('#checkvalid').val()==1)
	  {
		  return true;
	  }else
	  {		  
        $('.loading').show();  
		$.ajax({
        method: 'POST',
        url: "{{ route('check_chassis_number') }}",
		headers:{
                  'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
        dataType: 'json',
		data: {
                'chassis_number': chassis_stored.join(',')
              },
        success: function(response) {
			
			if(response.status)
			{
				$('.loading').hide();
				var invalidchassis = response.invalidchassis;
				if(Object.keys(invalidchassis).length)
				{
					$.each(chassis_inputs,function(k,v){
					  var getVal	=	$(v).val();
					  if(getVal in invalidchassis)
					  {
						  $(this).parent().append('<span class="chassis-error" style="color:red;">'+invalidchassis[getVal]+'</span>');
					  }
						
					});
					setTimeout(function(){$('.chassis-error').remove();},4000);
					
				}else
                {
					$('#checkvalid').val(1);
					setTimeout(function(){$('#vehiclesaleform')[0].submit();},1000);
					
				}					
				
			}else
			{
				$('.loading').hide();
			}
			
        },
        error: function(xhr, status, error) {
            console.log('Error fetching vehicle chassis:', error);
        }
        });	
	  }	   
		
		return true;
	}
}
function getVehicleColor(item_id)
{
	
    var party_role = $("#party_name option:selected").attr('data');
	$('.loading').show();
	$.ajax({
            type: "GET",
            url: "{{url('admin/get-vehicle-colors')}}" +'/'+ item_id,
            dataType: 'json',
            success: function(response) {   
                $('.loading').hide();			
                if (response.status) {					
                    var item_details = response.colors; 					
                    var optionhtml = '<option value="">Select Color</option>';              
					for (var i = 0; i < item_details.length; i++) {
						 optionhtml += '<option value="'+item_details[i].color+'" data="'+item_details[i].quantity+'">'+item_details[i].color+'</option>';
					}      	
					
				  $('#vehicle_color').html(optionhtml);	
				  $('#battery_type').val('');	
                } else {
                    $('.color-error').html('Something wrong');
                   
                }
            }
        });
	
	
}

function addVehicleRow()
{
	var good_id = $('#good_id').val();
	var vname = $("#good_id option:selected").text();
	var vehicle_color = $("#vehicle_color").val();
	var vehicle_qty = $("#vehicle_qty").val();
	
	var battery_type = $("#battery_type").val();
	var battery_volt = $("#battery_volt").val();
	var vehicle_price = $("#vehicle_price").val();
	var hsn = $("#good_id option:selected").attr('data');
	
	var error=0;
	if(!vehicle_color)
	{
		 $('.color-error').html('Color required!');
		 var error=1;
		 
	}
	if(!vehicle_qty)
	{
		 $('.qty-error').html('Qty required!');
		 var error=1;
		
	}
	if(error)
	{
		 setTimeout(function(){$('.error').html('')},5000);
		 return false;
	}
	for(var i=1; i<=vehicle_qty; i++)
	{
		var html='';
	var batterySerialHtml='';
	var rowid = Math.floor(100000 + Math.random() * 900000);
	/**************Battery serial number*****************/
	
	 if (battery_type && battery_volt) {
      let serialCount = 0;
      // Logic for LEAD GHREFINE batteries
      if (battery_type === 'LEAD GHREFINE') {
        if (battery_volt === '48V/32AH') {
          serialCount = 4;  // Add 4 serial fields for 48v LEAD
        } else if (battery_volt === '60V/32AH') {
          serialCount = 5;  // Add 5 serial fields for 60v LEAD
        } else if (battery_volt === '72V/32AH') {
          serialCount = 6;  // Add 6 serial fields for 72v LEAD
        }
      }
      // Logic for LITHIUM batteries
      else if (battery_type === 'LITHIUM') {
        serialCount = 1;  // Only 1 serial input for LITHIUM batteries
      }
      // Append the correct number of serial inputs
	  batterySerialHtml=battery_type+'/ '+battery_volt;
      for (let i = 0; i < serialCount; i++) {
       
	    batterySerialHtml +='<input class="serialnumber" type="text" name="serial_number['+rowid+'][]" placeholder="Serial No.'+(i+1)+'">'
        
      }
    }
	
	/**************End battery serial number*************/
	
	
	if ($(".vehicletr")[0]){
      html='<tr><td colspan="11">&nbsp;</td></tr>';
    }
	 html+='<tr class="vehicletr"><td><input type="hidden"  name="item_id['+rowid+']" value="'+good_id+'" class="itemid"><input type="hidden" name="uuid[]" value="'+rowid+'">\
	           <input type="text" value="'+vname+'" name="vehicle_name['+rowid+']" style="width:100px;border: none;" readonly>\
			   <input type="text" value="'+hsn+'" name="vehicle_hsn['+rowid+']" style="width:100px;border: none;" readonly>\
				<input type="text" value="'+vehicle_color+'" name="color['+rowid+']" style="width:100px;border: none;" class="itemcolor" readonly>\
				<input  type="hidden" value="1" name="qty['+rowid+']" class="qty">\
			 </td>\
			<td style="min-width: 190px;">\
          <input type="hidden" name="battery_type['+rowid+']" value="'+battery_type+'">\
          <input type="hidden" name="battery_volt['+rowid+']" value="'+battery_volt+'"> \
		   '+batterySerialHtml+'\
         </td>\
		 <td>\
		<input class="chassis_number" type="text" name="chassis_number['+rowid+']" value="" required="" style="width:120px">\
		</td>\
		<td>\
		  <input class="text-center charger_serial_number" type="text" name="charger_serial_number['+rowid+']" style="width:100px" >\
		</td>\
		<td>\
		    <input class="text-center mrp" type="number" name="mrp['+rowid+']" value="'+vehicle_price+'" oninput="calculateTotal(this)" style="width:100px"  required="" >\
		</td>\
		<td>\
		 <input class="text-center unitPrice" type="number" name="unitPrice['+rowid+']" value="'+vehicle_price+'" oninput="calculateTotal(this)" required="" style="width:100px" >\
	    </td>\
		<td><input class="text-center taxableAmount" type="number" name="taxableAmount['+rowid+']" value="'+vehicle_price+'" value="0" oninput="calculateTotal(this)" style="width:100px"></td>\
                <td>\
                  <select class="text-center cgst" name="cgst['+rowid+']" onchange="calculateTotal(this)" required="">\
                    <option value="0">NONE</option>\
                    <option value="5">5%</option>\
                    <option value="9">9%</option>\
                    <option value="18">18%</option>\
                    <option value="28">28%</option>\
                   </select>\
                </td>\
               <td>\
                   <input class="text-center sgstUtgst" type="number" name="sgstUtgst['+rowid+']" style="width:100px" readonly >\
                </td>\
                <td><input class="text-center totalValue" type="number" name="totalValue['+rowid+']" style="width:100px" readonly></td>\
                <td class="text-center"><a onclick="removeRow(this)"><i class="fa fa-close text-red pointer "></i></a></td>\
            </tr>';
	$('.bodycontent').append(html);	
	 $('.taxableAmount').trigger("input");
    colorChange();	
	
  }
}

function colorChange()
{
	 var color = $("#vehicle_color").val();
	 var good_id = $("#good_id").val();
	 
	 var qty = $("#vehicle_color option:selected").attr('data');
	 var usedqty=0;
	 $('.vehicletr').each(function(){
		 var itemcolor = $(this).find('.itemcolor').val();
		 var itemid = $(this).find('.itemid').val();
		 if(itemid == good_id && itemcolor==color)
		 {
			 usedqty++;
		 }
		 
	 })
	 var qtyhtml ='<option value="">Select</option>';
	 
	 for(var i=1; i<=(qty-usedqty); i++)
	 {
		qtyhtml +='<option value="'+i+'">'+i+'</option>'; 
	 }
	 
	 $("#vehicle_qty").html(qtyhtml);
	 
}

function getItemDetail(val , ths)
{
	
    var item_code = val;	  
    var party_role = $("#party_name option:selected").attr('data');
	
	$.ajax({
            type: "GET",
            url: "{{url('admin/item-detail')}}" +'/'+ item_code,
            dataType: 'json',
            success: function(response) {
                console.log(response);
               
                if (response.status == "Success") {					
                    var item_details = response.item_details;   
                    $(ths).parent().parent().parent().find('.hsnCode').val(item_details.hsn);
					$(ths).parent().parent().parent().find('.chassis_number').val(item_details.id);
					$(ths).parent().parent().parent().find('.itemName').val(item_details.name);
					$(ths).parent().parent().parent().find('.battery_type').val(item_details.batterytype);
					$(ths).parent().parent().parent().find('.color').val(item_details.productcolor);
					$(ths).parent().parent().parent().find('.id').val(item_details.vehicle_color);
					
					
				// 	var price =0;
    //                  if(party_role=='dealer')
				// 	 {
				// 		 price=item_details.dealer_price;
				// 	 }
				// 	 if(party_role=='sub_dealer')
				// 	 {
				// 		 price=item_details.subdealer_price;
				// 	 }
    //                 $(ths).parent().parent().parent().find('.mrp').val(price);
				// 	$(ths).parent().parent().parent().find('.unitPrice').val(price);
				
					calculateTotal(ths);
					getAddonItemDetail(item_details.vehicle_color,ths);
					
                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html("");
                }
            }
        });
	
	
}

function getPriceDetail() {

    
    var party_role = $("#party_name option:selected").attr('data'); // Get the selected party role
    var vehicle_id = $('#good_id').val();
	var battery_type = $('#battery_type').val();
	var battery_volt = $('#battery_volt').val();
	$('.loading').show();
    // Make an AJAX call to fetch the price details
    $.ajax({
        method: 'POST',
        url: "{{ url('admin/get-vehicle-price') }}",
		data:{_token: "{{ csrf_token() }}", vehicle_id:vehicle_id, battery_type:battery_type,battery_volt:battery_volt, party_role:party_role},
        dataType: 'json',
        success: function(response) {
			$('.loading').hide();
            if (response.status) {                
				$('#vehicle_price').val(response.item_price);
                
            }else
			{
			  $('#vehicle_price').val('');	
			}
			
           
          
        },
        error: function(xhr, status, error) {
            console.log('Error fetching vehicle details:', error);
            // Optionally, display an error message in the UI
            $('#pin_error').html("An error occurred while fetching the details.");
        }
    });
}
 

//vehicle ,
function getVoltDetail(batteryType, ths) {
    // Assuming `batteryType` is passed to the function as the value of the selected battery type
    var vehicleId = $(ths).closest('tr').find('.id').val(); // Example of getting `vehicle_id` dynamically
//alert(vehicleId);

   console.log("Response from server11:",vehicleId);
    if (!vehicleId || !batteryType) {
        console.error("Vehicle ID or Battery Type is missing!");
        return;
    }

    // Make an AJAX call to fetch the battery volt details
    $.ajax({
        method: 'GET',
        url: "{{ url('admin/get-addon-volt-details') }}" + '/' + vehicleId + '/' + batteryType,
        dataType: 'json',
        success: function(response) {
            if (response && response.item_details) {
                console.log("Response from server:", response);

                var item_details = response.item_details;
                var optionhtml = '<option value="">Select Battery Volt</option>';

                // Generate options dynamically
                for (var i = 0; i < item_details.length; i++) {
                  //  optionhtml += `<option value="${item_details[i].id}">${item_details[i].battery_volt}</option>`;
                }

                //console.log('Generated options:', optionhtml);
                $(ths).closest('tr').find('.battery_volt').html(optionhtml);
            } else {
                console.error('Invalid response format:', response);
            }
        },
        error: function(xhr, status, error) {
            console.log('Error fetching vehicle details:', error);
        }
    });
}




        function addNewProductRow() {
            // Clone the template row
            var newRow = document.querySelector('#invoiceTable tbody tr').cloneNode(true);

            // Clear the input values in the new row
            var inputs = newRow.querySelectorAll('input');
            inputs.forEach(input => {
                input.value = '';
                if (input.name === 'totalValue[]' || input.name === 'taxableAmount[]') {
                    input.value = 0;
                }
				if (input.name === 'qty[]') {
                    input.value = 1;
                }
            });

            // Append the new row to the table
            document.querySelector('#invoiceTable tbody').appendChild(newRow);
        }

        function calculateTotal(input) {
            var row = input.closest('tr');
            var qty = parseFloat(row.querySelector('.qty').value) || 0;
            var mrp = parseFloat(row.querySelector('.mrp').value) || 0;
            var unitPrice = parseFloat(row.querySelector('.unitPrice').value) || 0;

            var taxableAmount = qty * mrp;
             var cgst = parseFloat(row.querySelector('.cgst').value) || 0;
             var gstamtValue = (taxableAmount * cgst/100) || 0;
             row.querySelector('.sgstUtgst').value = gstamtValue.toFixed(2);
            
		   var discount=0;
             taxableAmount = row.querySelector('.taxableAmount').value ;
		   gstamtValue = (taxableAmount * cgst/100) || 0;
		   row.querySelector('.sgstUtgst').value = gstamtValue.toFixed(2);
		   
		   
            var totalValue = (parseFloat(taxableAmount) + parseFloat(gstamtValue) - parseFloat(discount)) || 0;
			
            // Update the Taxable Amount and TOTAL Value fields
           // row.querySelector('input[name="taxableAmount[]"]').value = taxableAmount.toFixed(2);
            row.querySelector('.totalValue').value = totalValue.toFixed(2);

            // Update the overall TOTAL Value
            updateOverallTotal();
        }

        function updateOverallTotal() {
            var totalValues = document.querySelectorAll('.totalValue');
            var overallTotal = 0;

            totalValues.forEach(input => {
                overallTotal += parseFloat(input.value) || 0;
            });

            document.getElementById('total').textContent =  overallTotal.toFixed(2);
			document.getElementById('total_amount').value =  overallTotal.toFixed(2);
			//document.getElementById('paid_amount').value =  overallTotal.toFixed(2);
			
			if(overallTotal>=50000)
			{
				$(".ewaybill_no").show();
			}else
			{
				$(".ewaybill_no").hide();
			}
			
			
        }

        function removeRow(button) {
            // Only remove rows after the first row
            var row = button.closest('tr');
            if (row.rowIndex !== 1) {
                row.parentNode.removeChild(row);

                // Update the overall TOTAL Value after removing the row
                updateOverallTotal();
            }
        }
		
function getCity(state_id)
{
	 $.ajax({
            type: "GET",
            url: "{{url('admin/city-list')}}/" + state_id,
            dataType: 'json',
            success: function(response) {
                console.log(response.cities);
                 var option = '';
                if (response.status) {
                     option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < response.cities.length; index++) {
                        option += "<option value='" + response.cities[index].id + "'>" + response.cities[index].name + "</option>";
                    }
                   $('#city').html(option);
                } else {
                    $('#city').html(option);
                }
            }
        });
}

 function getDealers(city_id)
	{
		 $.ajax({
				type: "GET",
				url: "{{url('admin/dealerlist-by-city')}}/" + city_id,
				dataType: 'json',
				success: function(response) {
                console.log('customer Details', response);
                var option = '';
            
                if (response.status) {
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < response.dealers.length; index++) {
                        let dealer = response.dealers[index];
                        let userTypeLabel = dealer.user_type === 'dealer' ? 'Distributor' : 'Dealer';
            
                        // Use data attributes to store extra info like billing address
                        option += "<option value='" + dealer.id + "' " +
                                  "data-user_type='" + dealer.user_type + "' " +
                                  "data-billing='" + dealer.address + "'>" +
                                  dealer.name + ' (' + userTypeLabel + ')' +
                                  "</option>";
                    }
                    $('#party_name').html(option);
                } else {
                    $('#party_name').html('<option value="">No dealers found</option>');
                }
            }

			});
	}

 		
    </script>

          

<script type="text/javascript">

// function partyHandler(val='')
// {
// 	var party_name = $('#party_name').val();
// 	var supply_state = $('#supply_state').val();
// 	var city = $('#city').val();
//     var billing = $('#billing').val();
	
// 	$('#reset').click();
// 	$('#total').html('0');
// 	$('#party_name').val(party_name);
// 	$('#supply_state').val(supply_state);
// 	$('#city').val(city);
// 	$('#billing').val(billing);
	
// 	if(val)
// 	{
// 	  $(".vehicleform :input").attr("disabled", false);
// 	}else{
// 		$(".vehicleform :input").attr("disabled", true);
		
// 	}
// }
// partyHandler();

function partyHandler(val = '') {
    var party_name = $('#party_name').val();
    var selectedOption = $('#party_name').find('option:selected');
    var billingAddress = selectedOption.data('billing') || ''; // fallback if undefined

    var supply_state = $('#supply_state').val();
    var city = $('#city').val();

    $('#reset').click();
    $('#total').html('0');
    
    $('#party_name').val(party_name);
    $('#supply_state').val(supply_state);
    $('#city').val(city);
    $('#billing').val(billingAddress); // SET BILLING ADDRESS HERE ✅

    if (val) {
        $(".vehicleform :input").attr("disabled", false);
    } else {
        $(".vehicleform :input").attr("disabled", true);
    }
}

</script>        
      
  
  </section>
  <!-- Content End -->
</div>
<!-- Content Wrapper End -->

        </div>
      </div>
      </section>
  <!-- Content End -->

</div>
<!-- Content Wrapper End -->
    
   
    <div class="scrolling-sidebar-bg"></div>
    <div class="scrolling-sidebar-mask"></div>
    <!-- Scrolling Sidebar End -->
 
</div>
<!-- End Wrapper -->





<style>
.profitWrap
{
  padding: 5px;
}
.duplicate-error
{
	border: 2px solid red;
}
</style>

@endsection