@extends('adminlayout.admin')

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

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

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

  <br><br>
  
<section class="content">
  @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 box-info collapsed-box">
      <div class="box-header with-border">
        <h3 class="box-title">
          <span class="fa fa-fw fa-plus"></span> Add Quotation 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('update_vehicle_quotation') }}" enctype="multipart/form-data">
           @csrf
@csrf
            <div class="container">
              
               <div class="col-sm-12">
                    <div class="col-sm-3">
                       <div class="form-group ">
                           <label for="name">Vehicle Name</label>
                            <input type="hidden" name="id" value="{{$vehicles->id}}" class="form-control" >
                           <input type="text" name="name" value="{{$vehicles->name}}" class="form-control" >
                           
                                                        
                       </div>
                       </div>
                       <div class="col-sm-3">
                        <div class="form-group ">
                          <label for="name">Vehicle Color</label>
                           <input type="text"  name="vehicle_color" value="{{$vehicles->color}}" class="form-control" >
                          
                        </div>
                        </div>
                        
                      <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Battery TYPE</label>
                            <input type="text"  name="battery_type" class="form-control" value="{{$vehicles->battery_type}}">
                            
                            <span class="text-danger">@if ($errors->has('battary_type')){{ $errors->first('battary_type') }}@endif</span>
                        </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="{{$vehicles->riding_range }}" placeholder="Riding Range">
                            <span class="text-danger">@if ($errors->has('riding_range')){{ $errors->first('riding_range') }}@endif</span>
                        </div>
                    </div>
                    </div>


                  
                    <div class="col-12 col-sm-12">
                     
				   <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Price</label>
                            <input type="text" name="dealer_price" class="form-control" value="{{ $vehicles->dealer_price }}" placeholder="Dealer price">
                            <span class="text-danger">@if ($errors->has('dealer_price')){{ $errors->first('dealer_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>
            
  
        
   
  
  </section>
  
  
  <!-- Content End -->
</div>
<!-- Content Wrapper End -->

@endsection




<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].color + "' 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>