@extends('adminlayout.dashadmin')

@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">

     
        <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> Edit Charger</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>
      @if(Session::has('message'))
	<p class="alert {{ Session::get('alert-class', 'alert-info') }}" style="text-align: center;">{{ Session::get('message') }}</p>
	@endif
     <form method="post" action="{{ route('update_charger') }}" enctype="multipart/form-data">
            @csrf
			 <input type="hidden" name="target" class="form-control" value="{{ Crypt::encrypt($product->id) }}">
			 <div class="container">
               
				    <div class="col-sm-12">
				   <div class="col-sm-6 col-md-3 ">
				    <div class="form-group ">
						<label for="company" class="control-label">Company<i class="required">*</i></label>
						<select name="company" id="company" class="form-control" required>
							<option disabled="" selected="">Select Company...</option>
							 @foreach($companies as $item)
								 <option value="{{$item->id}}" @if($product->company==$item->id) selected @endif>{{$item->company_name}}</option>
							   @endforeach 
						</select>
						 <span class="text-danger">@if ($errors->has('company')){{ $errors->first('company') }}@endif</span>
					 </div>
                   </div>

                   <div class="col-sm-6 col-md-3 ">
				    <div class="form-group ">
						<label for="cat_name" class="control-label"> Model<i class="required">*</i></label>
						<input type="text" class="form-control" id="name" name="name" autocomplete="off" placeholder="Type name" value="{{$product->name}}"  required>
						<span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
					</div>
                  </div>
                  <div class="col-sm-6 col-md-3">
				   <div class="form-group ">
                    <label for="pan" class="control-label">Charger Type<i class="required">*</i></label>
                    <select name="type" class="form-control">
                      <option value="">Select</option>
                      <option value="LEAD GHREFINE" @if($product->type=='LEAD GHREFINE') selected @endif>LEAD GHREFINE</option>
				      <option value="LITHIUM" @if($product->type=='LITHIUM') selected @endif>LITHIUM</option>
                    </select>
                     <span class="text-danger">@if ($errors->has('type')){{ $errors->first('type') }}@endif</span>
                   </div>
                   </div>                  
                    <div class="col-sm-3 col-md-3">
					 <div class="form-group ">
						<label for="pan" class="control-label">
						 Charger Power<i class="required">*</i>
						</label>
						<select name="power" id="power" class="form-control" required>
							<option disabled="" selected="">Select Power...</option>
							 <option value="48V/3A" @if($product->power=='48V/3A') selected @endif> 48V/3A</option>
							 <option value="48V/6A" @if($product->power=='48V/6A') selected @endif> 48V/6A</option>
							 <option value="60V/3A" @if($product->power=='60V/3A') selected @endif> 60V/3A</option>
							 <option value="60V/6A" @if($product->power=='60V/6A') selected @endif> 60V/6A</option>						
							 <option value="72V/3A" @if($product->power=='72V/3A') selected @endif> 72V/3A</option> 
							 <option value="72V/6A" @if($product->power=='72V/6A') selected @endif> 72V/6A</option>    						
						</select>
						 <span class="text-danger">@if ($errors->has('power')){{ $errors->first('power') }}@endif</span>
					 </div>
                   </div>        


                 </div>


                <div class="col-sm-12">    
                    <div class="col-sm-3 col-md-3 ">
				    <div class="form-group ">
						<label for="qty" class="control-label">Quantity<i class="required">*</i></label>
						<input type="number" class="form-control" id="qty" name="qty" autocomplete="off" placeholder="Qty" value="{{$product->qty}}"  required>
						<span class="text-danger">@if ($errors->has('qty')){{ $errors->first('qty') }}@endif</span>
					</div>
                  </div>
                   
                    <div class="col-sm-3 col-md-3">
                        <div class="form-group ">
                            <label for="warranty">Charger warranty</label>                            
              					<select name="warranty" class="form-control">
              							 <option value="">Select</option>
                                          <option value="0">NO WARRANTY</option>
              							 @for($i=6; $i<=60; $i=$i+6)
											<option value="{{$i}}" @if($product->warranty==$i) selected @endif >{{$i}} Month</option>
										 @endfor	
              					</select>
                            <span class="text-danger">@if ($errors->has('warranty')){{ $errors->first('warranty') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3 col-md-3">
				    <div class="form-group ">
                      <label for="image" class="control-label">Image</label>
                       <input type="file" name="image" class="form-control" value="">
                      <span class="text-danger">@if ($errors->has('image')){{ $errors->first('image') }}@endif</span>
					 </div>
                   </div>
                      <div class="col-sm-3">
                        <div class="form-group ">
                          
                        <img src="{{ url('/').'/'.$product->image}}" style="width:100px; height: 60px;">

                        </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="{{$product->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="dealer_price">Distributor price</label>
                            <input type="text" name="dealer_price" class="form-control" value="{{ $product->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="subdealer_price">Dealer Price</label>
                            <input type="text" name="subdealer_price" class="form-control" value="{{$product->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="customer_price">End Customer Price</label>
                            <input type="text" name="customer_price" class="form-control" value="{{$product->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 text-center">
						   <button type="submit" class="btn btn-primary margin-top">Update</button>
						</div>
                       </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');
	  }

	
  }
  
    function getPostOffice(m_pincode) {
        //var pin_select = ('#pinaddress').val();
        $.ajax({
            type: "GET",
            url: "https://api.postalpincode.in/pincode/" + m_pincode,
            dataType: 'json',
            success: function(response) {
                console.log(response);
                var option = '';
                if (response[0].Status == "Success") {
                    var PostOffice = response[0].PostOffice;
                    var len = PostOffice.length;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < PostOffice.length; index++) {
                        option += "<option value='" + PostOffice[index].Name + "'>" + PostOffice[index].Name + ", " + PostOffice[index].District + ", " + PostOffice[index].State + "</option>";
                    }
                    $('#pin_error').html("");
                    $('#post_office').html(option);

                    $("#post_office").on("click", function() {

                    });
                    document.getElementById('post_office').click();

                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html("");
                }
            }
        });
    }

    function changeAddress() {
        var pin             = $('#pin').val();
        var post_office     = $('#post_office').val();
        $.ajax({
            type: "GET",
            url: "https://api.postalpincode.in/pincode/" + pin,
            dataType: 'json',
            success: function(response) {
                console.log(response);
                var pin_select_status = 0;
                var option = '';
                if (response[0].Status == "Success") {
                    var PostOffice = response[0].PostOffice;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < PostOffice.length; index++) {
                        if (post_office == PostOffice[index].Name) {
                            pin_select_status   = 1;
                            $('#city').val(PostOffice[index].District);
                            $('#state').val(PostOffice[index].State);
                            $('#country').val(PostOffice[index].Country);
                        }
                        option += "<option value='" + PostOffice[index].Name + "'>" + PostOffice[index].Name + ", " + PostOffice[index].District + ", " + PostOffice[index].State + "</option>";
                    }
                    if (pin_select_status == 0) {
                        $('#pin_error').html("Error Please re-select address.");
                        $('#post_office').html(option);
                    } else {
                        $('#pin_error').html('');
                    }
                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html('');
                }
            }
        });
    }

   
</script>
<script>
    // alert(document.cookie);
    getLocation();
    function getLocation() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
      } else { 
        alert("Geolocation is not supported by this browser.");
      }
    }
    
    function showPosition(position) {
        
      document.getElementById("latitude").value=position.coords.latitude;
      document.getElementById("longitude").value=position.coords.longitude;
      sessionStorage.setItem("latitude", position.coords.latitude);
      sessionStorage.setItem("longitude", position.coords.longitude);
    }
    </script>