@extends('adminlayout.dashadmin')
<!-- 'adminlayout.admin'
 --> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

@section('content')
 
<style >
    #sub_category_image >img {

    max-width: 140px;
   max-height: 60px;
  }
</style>

<!-- Content Wrapper Start -->
<div class="content-wrapper" ng-controller="PurchaseController">
<section class="content-header" style="float:right;">
   <a class="btn btn-lg btn-info" data-toggle="modal" data-target="#add_battery_in_store">
    NewBattery
    </a>
   <a class="btn btn-lg btn-success" data-toggle="modal" data-target="#battery_in_store">
             Battery List
            </a>
    <a class="btn btn-lg btn-info" data-toggle="modal" data-target="#add_product_in_store">
    New Product
    </a>
    <a class="btn btn-lg btn-success" href="{{route('vehicle_list_setting')}}" >
        <!-- data-toggle="modal" data-target="#product_in_store" -->
             Product List
            </a>
             
  </section>
  <br><br>
  <!-- product Modal -->
          <div class="modal fade" id="add_product_in_store" tabindex="-1" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true">
            <form id="form-purchase" class="form-horizontal" action="{{ route('save_product_list') }}" method="post" enctype="multipart/form-data">
      @csrf
      <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="add_productLabel">New Expence Category</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
                  
                   <div class="row">
                    <div class=" col-sm-6 col-md-6 ">
                    <label for="cat_name" class="control-label">
                    Vehicle Name<i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="name" name="name" autocomplete="off" placeholder="Type name" required>
                    <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                  </div>
                  <div class=" col-sm-6 col-md-6 ">
                    <label for="pan" class="control-label">
                     Vehicle Slug<i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="slug" name="slug" autocomplete="off" placeholder="slug name" required>
                     <span class="text-danger">@if ($errors->has('slug')){{ $errors->first('slug') }}@endif</span>
                   </div>
                    <div class=" col-sm-6 col-md-6 ">
                    <label for="pan" class="control-label">
                     Vehicle Color<i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="color" name="color" autocomplete="off" placeholder="color name" required>
                     <span class="text-danger">@if ($errors->has('color')){{ $errors->first('image') }}@endif</span>
                   </div>
                   <div class=" col-sm-6 col-md-6 ">
                    <label for="pan" class="control-label">
                     Vehicle image<i class="required">*</i>
                    </label>
                     <input type="file" name="image" class="form-control" value="{{ old('image') }}">
                            <span class="text-danger">@if ($errors->has('image')){{ $errors->first('image') }}@endif</span>
                   </div>
                  
                  
                 
                  
                 </div>
               
                </div>
                <div class="modal-footer" style="text-align: center;">
                  <button class="btn btn-lg btn-info" name="submit" data-loading-text="Processing...">
                    <i class="fa fa-fw fa-save"></i>
                      Submit        </button>
                </div>
              </div>
            </div>
       </form>
           <br>
          </div>
<section class="content">

     
        <div class="box box-info collapsed-box">
      <div class="box-header with-border">
        <h3 class="box-title">
          <span class="fa fa-fw fa-plus"></span> Add Vehicle</h3>
        <button type="button" class="btn btn-box-tool add-new-btn" data-widget="collapse" data-collapse="true">
          <i class="fa fa-plus"></i>
        </button>
      </div>
      
     <form method="post" action="{{ route('save_vehicle') }}" enctype="multipart/form-data">
           @csrf
            <div class="container">
              
               <div class="col-sm-12">
                    <div class="col-sm-3">
                       <div class="form-group ">
                           <label for="name">Vehicle Name</label>
                           <select class="form-control" name="name" id="vehiclecategory"  data-msg="Required" required onchange="getVehicles(this.value)">
                              <option value="">Select</option>

                              
                             @foreach($goods as $good)
                              <option value="{{$good->name}}" data="{{$good->slug}}">{{$good->name}}</option>
                              @endforeach 
                                                        </select>



                                                        
                       </div>
                       </div>
                       <div class="col-sm-3">
                        <div class="form-group ">
                          <label for="name">Vehicle Color</label>
                          <select id="sub_category" name="vehicle_color" class="form-control" 
                          >
                              <option value="" selected disabled> -- Select Option -- </option>
                              <!-- Options will be dynamically added here -->
                              </select>
                        </div>
                        </div>
                        <!-- <div class="col-sm-3">
                        <div class="form-group ">
                          <label for="name">Vehicle Image</label>
                          <div id="sub_category_image">
                             
                        </div>
                        <input type="hidden" id="p_input_img" name="image" value="">
                        </div>
                      </div> -->

                    </div>


                <div class="col-sm-12">
                    
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">HSN</label>
                            <input type="text" name="hsn" class="form-control" value="{{ old('hsn') }}" placeholder="HSN Code...">
                            <span class="text-danger">@if ($errors->has('hsn')){{ $errors->first('hsn') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Controller Number </label>
                            <input type="text" name="control_number" class="form-control" value="{{ old('control_number') }}" placeholder="Vehicle Controlar">
                            <span class="text-danger">@if ($errors->has('control_number')){{ $errors->first('control_number') }}@endif</span>
                        </div>
                    </div>
                     <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Controller warranty</label>
                           
							<select name="control_warranty" class="form-control">
							 <option value="0">Select</option>
							 <option value="6">6 Month</option>
							 <option value="12">12 Month</option>
							 <option value="18">18 Month</option>
							 <option value="24">24 Month</option>
							 <option value="36">36 Month</option>
							</select>
                            <span class="text-danger">@if ($errors->has('control_warranty')){{ $errors->first('control_warranty') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                           <label for="exampleInputEmail1">Chassis </label>
                           <input type="text" name="chassis_number" class="form-control" value="{{ old('chassis_number') }}" placeholder="Chassis Number..." >
                            <span class="text-danger">@if ($errors->has('chassis_number')){{ $errors->first('chassis_number') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Moter Number</label>
                            <input type="text" name="moter_number" class="form-control" value="{{ old('moter_number') }}" placeholder="Moter Number...">
                            <span class="text-danger">@if ($errors->has('moter_number')){{ $errors->first('moter_number') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Motor Warranty</label>
                           
							<select name="moter_warranty" class="form-control">
							 <option value="0">Select</option>
							 <option value="6">6 Month</option>
							 <option value="12">12 Month</option>
							 <option value="18">18 Month</option>
							 <option value="24">24 Month</option>
							 <option value="36">36 Month</option>
							</select>
                            <span class="text-danger">@if ($errors->has('moter_warranty')){{ $errors->first('moter_warranty') }}@endif</span>
                        </div>
                    </div>
                    
                   {{--<div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Battery Volt</label>
                            <select name="battery_volt" id="battery_volt" class="form-control" >
                                <option disabled selected>Select Battary...</option>
                                 <option value="48V/32AH" data="48V/32AH"> 48V/32 AH</option>
                                 <option value="60V/32AH" data="60V/32AH"> 60V/32 AH</option>
                                 <option value="72V/32AH" data="72V/32AH"> 72V/32 AH</option>    
                                
                            </select>
                            <span class="text-danger">@if ($errors->has('battery_volt')){{ $errors->first('battery_volt') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Battery Types</label>
                            <select name="battery_type" id="battery_type" class="form-control" >
                                <option disabled selected>Select Battary...</option>
                                 <option value="LEAD GHREFINE" data="LEAD GHREFINE"> LEAD GHREFINE</option>
                                 <option value="LITHIUM" data="LITHIUM"> LITHIUM</option>
                                  
                            </select>
                            <span class="text-danger">@if ($errors->has('battery_type')){{ $errors->first('battery_type') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Battery</label>
                            <select name="battery_id" id="battery_id" class="form-control" onchange="batteryHandler()">
                                <option disabled selected>Select Battary...</option>
								@foreach($battery as $bat)
								   <option value="{{$bat->id}}" data="{{$bat->warranty}}">{{$bat->serial}}({{$bat->type}} - {{$bat->power}})</option>
								@endforeach   
                                
                            </select>
                            <span class="text-danger">@if ($errors->has('battery_id')){{ $errors->first('battery_id') }}@endif</span>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Battary Warranty</label>
                            <input type="text" name="battary_warranty" class="form-control battary_warranty" value="" readonly>
                            
                        </div>
                    </div>
                     <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Charger</label>
                            <select name="charger_id" id="charger_id" class="form-control" onchange="chargerHandler()">
                                <option disabled selected>Select Charger...</option>
                @foreach($charger as $char)
                   <option value="{{$char->id}}" data="{{$char->warranty}}">{{$char->serial}}({{$char->type}} - {{$char->power}})</option>
                @endforeach   
                                
                            </select>
                            <span class="text-danger">@if ($errors->has('charger_id')){{ $errors->first('charger_id') }}@endif</span>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Charger Warranty</label>
                            <input type="text" name="charger_warranty" class="form-control charger_warranty" value="" readonly>
                            
                        </div>
                    </div>--}}
                   
                     <div class="col-sm-3">
                        <div class="form-group margin-top">
                            <label for="exampleInputEmail1">Range</label>
                            <input type="text" name="riding_range" class="form-control" value="{{ old('riding_range') }}" placeholder="Riding Range">
                            <span class="text-danger">@if ($errors->has('riding_range')){{ $errors->first('riding_range') }}@endif</span>
                        </div>
                    </div>
                    
                    
                    
					<!--<div class="col-sm-3">
                        <div class="form-group">
						   <label for="exampleInputEmail1">&nbsp;</label>
                            <button type="button" class="btn btn-primary margin-top" data-toggle="modal" data-target="#addunit" style="height: 37px;margin-top: 23px;">Add Unit</button>
							 
                        </div>
                    </div>	-->	
				 
					
				</div>	  
                    {{--<div class="col-12 col-sm-12">
                    <div class="col-sm-3">
							<div class="form-group margin-top">					
							<label for="purchase_price">Purchase Price</label>		
							<input type="text" name="purchase_price" class="form-control" value="{{ old('purchase_price') }}" placeholder="Purchase price">
								<span class="text-danger">@if ($errors->has('purchase_price')){{ $errors->first('purchase_price') }}@endif</span>
							</div>
						</div> 
				   <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Dealer price</label>
                            <input type="text" name="dealer_price" class="form-control" value="{{ old('dealer_price') }}" placeholder="Dealer price">
                            <span class="text-danger">@if ($errors->has('dealer_price')){{ $errors->first('dealer_price') }}@endif</span>
                        </div>

                    </div>
					
					<div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Subdealer Price</label>
                            <input type="text" name="subdealer_price" class="form-control" value="{{ old('subdealer_price') }}" placeholder="Subdealer Price">
                            <span class="text-danger">@if ($errors->has('subdealer_price')){{ $errors->first('subdealer_price') }}@endif</span>
                        </div>
                    </div>
					
					<div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">End Customer Price</label>
                            <input type="text" name="customer_price" class="form-control" value="{{ old('customer_price') }}" placeholder="Customer Price">
                            <span class="text-danger">@if ($errors->has('customer_price')){{ $errors->first('customer_price') }}@endif</span>
                        </div>
                    </div>
					
					</div>--}}
				
					<div class="col-12 col-sm-12">
						<div class="form-group margin-top">
						   <button type="submit" class="btn btn-primary margin-top">Submit</button>
						</div>
                       </div>
                    </div>
                    </form>
                </div>
            </div>
         
              
    </div>   
   
  </section>
  <!-- Content End -->
</div>
<!-- Content Wrapper End -->

@endsection


<!-- Battery product Modal -->
          <div class="modal fade" id="add_battery_in_store" tabindex="-1" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true">
            <form id="form-purchase" class="form-horizontal" action="{{ route('save_battery_list') }}" method="post" enctype="multipart/form-data">
      @csrf
      <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="add_productLabel">New Battery Category</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
                  
                   <div class="row">
                    <div class=" col-sm-6 col-md-6 ">
                    <label for="cat_name" class="control-label">
                    Battery Name<i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="name" name="name" autocomplete="off" placeholder="Type name" required>
                    <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                  </div>
                  <div class=" col-sm-6 col-md-6 ">
                    <label for="pan" class="control-label">
                     Battery Type<i class="required">*</i>
                    </label>
                    <select name="type" class="form-control">
                     <option value="0">Select</option>
                     <option value="lith">LITHIUM</option>
                     <option value="lead">LEAD</option>
                     
                    </select>
                     <span class="text-danger">@if ($errors->has('type')){{ $errors->first('type') }}@endif</span>
                   
                   </div>
                   <div class=" col-sm-6 col-md-6 ">
                    <label for="pan" class="control-label">
                     Battery Company<i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="color" name="company" autocomplete="off" placeholder="company name" required>
                     <span class="text-danger">@if ($errors->has('company')){{ $errors->first('company') }}@endif</span>
                   </div>

                    <div class=" col-sm-6 col-md-6 ">
                    <label for="pan" class="control-label">
                     Battery Power<i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="power" name="power" autocomplete="off" placeholder="power" required>
                     <span class="text-danger">@if ($errors->has('power')){{ $errors->first('power') }}@endif</span>
                   </div>
                   <div class=" col-sm-6 col-md-6 ">
                    <label for="image" class="control-label">
                     Battery image<i class="required">*</i>
                    </label>
                     <input type="file" name="image" class="form-control" value="{{ old('image') }}">
                            <span class="text-danger">@if ($errors->has('image')){{ $errors->first('image') }}@endif</span>
                   </div>

                 
                  
                 </div>
               
                </div>
                <div class="modal-footer" style="text-align: center;">
                  <button class="btn btn-lg btn-info" name="submit" data-loading-text="Processing...">
                    <i class="fa fa-fw fa-save"></i>
                      Submit        </button>
                </div>
              </div>
            </div>
       </form>
           <br>
          </div>

          <!-- product Modal -->
          <div class="modal fade" id="product_in_store" tabindex="-1" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true">
            
          <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="add_productLabel">Battery List </h5>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
                    <div class="modal-body">
                      
                      <div class="table-responsive"> 
                        <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>S.no</th>
                                    <th>Model Name</th>
                                     <th>Model Slug</th>
                                    <th>Color</th>
                                    <th>image</th>
                                    
                                </tr>
                            </thead>
                           <tbody>
                                                      @foreach($products as $data)
     
                             <tr>
                                    <td>{{$i}}</td>
                                    <td>{{ $data->name }}</td>
                                    <td>{{ $data->slug }}</td>
                                    <td>{{ $data->color }}</td>
                                    <td><img style="width:50px;height: 50px;" src="{{ url('/').'/'.$data->image }}"></td>
                                    {{--<td>           
                                        
                                       <a href="{{ route('delete_product_instore',[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>--}}
                                </tr>
                                                              @endforeach            
                           </tbody>
                        </table>
                    </div>
                  
                </div>
                
              </div>
            </div>
       
           <br>
       </div>

          <!-- product Modal -->
          <div class="modal fade" id="battery_in_store" tabindex="-1" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true">
            
          <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="add_productLabel">Battery List </h5>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
                    <div class="modal-body">
                      
                      <div class="table-responsive"> 
                        <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>S.no</th>
                                    <th>Name</th>
                                    <th>Type</th>
                                    <th>Company</th>
                                    <th>Power</th>               
                                    <th>image</th>
                                </tr>
                            </thead>
                           <tbody>
                                                      @foreach($batteries as $battery)
     
                             <tr>
                                    <td>{{$i}}</td>
                                    <td>{{ $battery->name }}</td>
                                    <td>{{ $battery->type }}</td>
                                    <td>{{ $battery->company }}</td>
                                    <td>{{ $battery->power }}</td>
                                    <td><img style="width:50px;height: 50px;" src="{{ url('/').'/'.$battery->image }}"></td>
                                    {{--<td>           
                                       
                                       <a href="{{ route('delete_battery',[Crypt::encrypt($battery->id)] ) }}" class="btn btn-danger delete-list" onclick="return confirm('Are you sure you want to delete this item?');" class="btn btn-danger delete-list" onclick="return confirm('Are you sure you want to delete this item?');" > Delete</a>
                                       
                                    </td>--}}
                                </tr>
                                                              @endforeach            
                           </tbody>
                        </table>
                    </div>
                  
                </div>
                
              </div>
            </div>
       
           <br>
       </div>














<div class="modal fade" role="dialog" id="addunit">
   <div class="modal-dialog modal-dialog-centered modal-md" role="document">
      <div class="modal-content">
	  <div class="boxheading"> <h4 class="add-itrcategory"><strong>Select Unit</strong></h4> 
	    <a href="#" class="close" data-dismiss="modal" style="width: 20px;margin-top: 6px;"><strong>X</strong></a></div>
         
          <div class="modal-body modal-body-md">             
              <div class="tab-content">
                  <div class="tab-pane active" id="personal-document">
                      <form>
                          @csrf
                          <div class="col-12">
                              <div class="col-sm-6">
								<div class="form-group ">
									<label for="baseunit">BASE UNIT</label>
									<select name="baseunit" id="baseunit" class="form-control" onchange="baseunitHandler(this.value)">
										<option value="">None</option>	
										<option value="BAGS">BAGS(Bag)</option>	
										<option value="BOTTLES">BOTTLES(Btl)</option>	
										<option value="BOX">BOX(Box)</option>	
										<option value="BUNDLES">BUNDLES(Bdl)</option>	
										<option value="CANS">CANS</option>	
										<option value="CARTONES">CARTONES</option>	
										<option value="DOZENS">DOZENS</option>	
										<option value="GRAMMES">GRAMMES</option>	
										<option value="KILOGRAMS">KILOGRAMS(Kg)</option>	
										<option value="LITRE">LITRE(Ltr)</option>	
										<option value="METERS">METERS(Mtr)</option>	
										<option value="MILILITER">MILILITER(MLtr)</option>	
										<option value="NUMBERS">NUMBERS(Nbr)</option>	
										<option value="PACKS">PACKS(Pac)</option>	
										<option value="PAIRS">PAIRS(Prs)</option>	
										<option value="PIECES">PIECES(Pcs)</option>	
										<option value="QUINTAL">QUINTAL(Qtl)</option>	
										<option value="ROLLS">ROLLS(Rol)</option>	
										<option value="SQUARE FEET">SQUARE FEET(Sqf)</option>	
										<option value="SQUARE METERS">SQUARE METERS(Sqm)</option>	
										<option value="TABLETS">TABLETS(Tbs)</option>																		
									</select>
									<span class="text-danger baseunit-error error"></span>
								</div>
							</div>
							
							 <div class="col-sm-6">
								<div class="form-group ">
									<label for="secondaryunit">SECONDARY UNIT</label>
									<select name="secondaryunit" id="secondaryunit" class="form-control" onchange="secondaryunitHandler(this.value)">
										<option value="">None</option>	
										<option value="BAGS">BAGS(Bag)</option>	
										<option value="BOTTLES">BOTTLES(Btl)</option>	
										<option value="BOX">BOX(Box)</option>	
										<option value="BUNDLES">BUNDLES(Bdl)</option>	
										<option value="CANS">CANS</option>	
										<option value="CARTONES">CARTONES</option>	
										<option value="DOZENS">DOZENS</option>	
										<option value="GRAMMES">GRAMMES</option>	
										<option value="KILOGRAMS">KILOGRAMS(Kg)</option>	
										<option value="LITRE">LITRE(Ltr)</option>	
										<option value="METERS">METERS(Mtr)</option>	
										<option value="MILILITER">MILILITER(MLtr)</option>	
										<option value="NUMBERS">NUMBERS(Nbr)</option>	
										<option value="PACKS">PACKS(Pac)</option>	
										<option value="PAIRS">PAIRS(Prs)</option>	
										<option value="PIECES">PIECES(Pcs)</option>	
										<option value="QUINTAL">QUINTAL(Qtl)</option>	
										<option value="ROLLS">ROLLS(Rol)</option>	
										<option value="SQUARE FEET">SQUARE FEET(Sqf)</option>	
										<option value="SQUARE METERS">SQUARE METERS(Sqm)</option>	
										<option value="TABLETS">TABLETS(Tbs)</option>		
										
									</select>
									<span class="text-danger secondaryunit-error error"></span>
								</div>
							</div>
                    
                               <div class="col-12">
							     <div class="form-group ">
									<label for="cr">Conversion Rates</label>
								</div>	
								<div class="form-group">
								 
								  <input type="radio" class="radio-control" checked=""> 
								   <span style="margin-left: 18px;">1</span>
								   <span style="margin-left: 18px;" id="base_unit">BAGS</span>
								   <span style="margin-left: 5px;">=</span>
								   <span style="margin-left: 20px;"><input type="text" value="0" id="conversion_qty"></span>
								   <span style="margin-left: 7px;" id="secondary_unit">BOX</span>								 
								</div>
							   </div>
                             
                          </div>
                      </form>
                  </div>
                  <!-- .tab-pane -->
              </div>
              <!-- .tab-content -->
          </div>
		  <div class="footerheading" style="border-top: 1px solid;padding: 5px;text-align: right;"> 
		   <button type="button" class="btn btn-lg btn-primary" onclick="saveUnit()">Save</button>
		  </div>
          <!-- .modal-body -->
      </div>
      <!-- .modal-content -->
   </div>
  <!-- .modal-dialog -->
</div>
<style>
.boxheading
{
	background: #e4f1ff;
    display: flex;
    height: 37px;
    padding: 0 0 0 12px;   
    justify-content: space-between;
}
</style>
<script> 
  
  function baseunitHandler(val)
  {
	  $('#base_unit').html(val);
  }
  
  function secondaryunitHandler(val)
  {
	  $('#secondary_unit').html(val);
  }
  
  
  function saveUnit()
  {
	  var baseunit = $('#baseunit').val();
	  var secondaryunit = $('#secondaryunit').val();
	  
	  var flag =0;
	  if(baseunit=='')
	  {
		  $('.baseunit-error').html('Please select');
		   flag =1;
	  }
	  
	  if(secondaryunit=='')
	  {
		  $('.secondaryunit-error').html('Please select');
		   flag =1;
	  }
	  
	  if(baseunit==secondaryunit)
	  {
		   $('.secondaryunit-error').html("Base and Secondary unit can't be same");
		   flag =1;
	  }
	  
	  if( flag ==1)
	  {
	    setTimeout(function(){  $('.error').html(''); }, 4000);
	  }
     if( flag ==0)
	  {
	      $('#addunit').modal('hide');
	  }

	
  }
  
  

   
</script>


    <script>

function getVehicles(catid) {
	
	catid = $("#vehiclecategory").find(':selected').attr('data');
    $.ajax({
        type: "GET",
        url: "{{URL('admin/get-vehicle-list')}}" + '/' + catid,
        dataType: 'json',
        success: function(response) {
            var option = '';
            if (response.status == "success") {
                var goods = response.goods;
                option += '<option value="" selected disabled> -- Select Option -- </option>';
                for (let index = 0; index < goods.length; index++) {
    option += "<option value='" + goods[index].id + "' data-image='" + goods[index].image + "'>" + goods[index].color + "</option>";
}
                $('#sub_category').html(option);
                
                $('#sub_category').trigger('change');
            }
        }
    });
}

// function displayImage() {
//      var selectedImage = $('#sub_category').find(':selected').data('image');
//      var baseUrl = window.location.origin;
//     //$('#sub_category_image').html(selectedImage ? "<img src='" + selectedImage + "'>" : "");

//      $('#sub_category_image').html(selectedImage ? "<img src='" + baseUrl + '/' + selectedImage + "'>" : "");


//       $('#p_input_img').val(selectedImage);

// }

function batteryHandler()
{
	var waranaty = $("#battery_id option:selected").attr("data");
	 $('.battary_warranty').val(waranaty);
}

function chargerHandler()
{
  var waranaty = $("#charger_id option:selected").attr("data");
   $('.charger_warranty').val(waranaty);
}
</script>