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

@section('content')
 
<style >
	/*.dashboard [class^="col-"] {
  padding-right: 2px!important;
}*/
</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> Add Item</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_product') }}" enctype="multipart/form-data">
            @csrf
            <div class="container">
                <div class="col-sm-12">
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Item Name(model number)</label>
                            <input type="text" name="name" class="form-control" value="{{ old('name') }}">
                            <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Chassis Number </label>
                            <input type="text" name="name" class="form-control" value="{{ old('name') }}">
                            <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Moter Number</label>
                            <input type="text" name="name" class="form-control" value="{{ old('name') }}">
                            <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Battary Number</label>
                            <input type="text" name="name" class="form-control" value="{{ old('name') }}">
                            <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Battery warrenty</label>
                            <input type="date" name="name" class="form-control" value="{{ old('name') }}">
                            <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Battery Type </label>
                            <input type="text" name="" class="form-control" value="{{ old('name') }}">
                            <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Battery Volt </label>
                            <input type="text" name="name" class="form-control" value="{{ old('name') }}">
                            <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                        </div>
                    </div>
                    
					 <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Item HSN</label>
                            <input type="text" name="hsn" class="form-control" value="{{ old('hsn') }}">
                            <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">Category</label>
                            <select name="category" class="form-control">
                                <option disabled selected>Select category...</option>
								<option value="1">Test</option>
                                                            </select>
                            <span class="text-danger">@if ($errors->has('category')){{ $errors->first('category') }}@endif</span>
                        </div>
                    </div>
                    
                    <div class="col-sm-3">
                        <div class="form-group margin-top">
                            <label for="exampleInputEmail1">Item Code </label>
                            <input type="text" name="item_code" class="form-control" value="{{ old('item_code') }}">
                            <span class="text-danger">@if ($errors->has('item_code')){{ $errors->first('item_code') }}@endif</span>
                        </div>
                    </div> 
                    <div class="col-sm-3">
                        <div class="form-group margin-top">
                            <label for="exampleInputEmail1">Item Color </label>
                            <input type="text" name="item_code" class="form-control" value="{{ old('item_code') }}">
                            <span class="text-danger">@if ($errors->has('item_code')){{ $errors->first('item_code') }}@endif</span>
                        </div>
                    </div>
                    
                    
                    <div class="col-sm-3">
                        <div class="form-group margin-top">
                            <label for="exampleInputEmail1">Product Image</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 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 class="col-sm-12">
					  <div class="row">
					    <div class="col-sm-12">
							<div class="form-group margin-top">
								<label for="sale_price">Sale Price </label>								
							</div>
						</div> 
					  
						<div class="col-sm-3">
							<div class="form-group margin-top">								
								<input type="text" name="sale_price" class="form-control" value="{{ old('sale_price') }}" placeholder="Sale price">
								<span class="text-danger">@if ($errors->has('sale_price')){{ $errors->first('sale_price') }}@endif</span>
							</div>
						</div> 						
						 <div class="col-sm-3">
							<div class="form-group margin-top">                           
								 <select name="sale_price_type" class="form-control">
									<option value="without-tax">Without Tax</option>
									<option value="tax">Tax</option>                               
                                 </select>
							</div>
						</div> 
						
						<div class="col-sm-3">
							<div class="form-group margin-top">								
								<input type="text" name="discount_sale_price" class="form-control" value="{{ old('discount_sale_price') }}" placeholder="Dic On Sale price">
								<span class="text-danger">@if ($errors->has('discount_sale_price')){{ $errors->first('discount_sale_price') }}@endif</span>
							</div>
						</div> 

                         <div class="col-sm-3">
							<div class="form-group margin-top">                           
								 <select name="discount_sale_price_type" class="form-control">
									<option value="precentage">Precentage</option>
									<option value="amount">Amount</option>                               
                                 </select>
							</div>
						</div> 
												
						
					    </div>					
				    </div> 
					
					
					 <div class="col-sm-12">
					  <div class="row">
					    <div class="col-sm-12">
							<div class="form-group margin-top">
								<label for="whole_sale_price">Whole sale price</label>								
							</div>
						</div> 
					  
						<div class="col-sm-3">
							<div class="form-group margin-top">								
								<input type="text" name="whole_sale_price" class="form-control" value="{{ old('whole_sale_price') }}" placeholder="Whole Sale price">
								<span class="text-danger">@if ($errors->has('whole_sale_price')){{ $errors->first('whole_sale_price') }}@endif</span>
							</div>
						</div> 						
						 <div class="col-sm-3">
							<div class="form-group margin-top">                           
								 <select name="whole_price_type" class="form-control">
									<option value="without-tax">Without Tax</option>
									<option value="tax">Tax</option>                               
                                 </select>
							</div>
						</div> 
						
						<div class="col-sm-3">
							<div class="form-group margin-top">								
								<input type="text" name="minimum_whole_sale_qty" class="form-control" value="{{ old('minimum_whole_sale_qty') }}" placeholder="Minimum Whole Sale Qty">
								<span class="text-danger">@if ($errors->has('minimum_whole_sale_qty')){{ $errors->first('minimum_whole_sale_qty') }}@endif</span>
							</div>
						</div> 
                   				
						
					    </div>					
				    </div>  
					
					 <div class="col-sm-7">
					  <div class="row">
					    <div class="col-sm-12">
							<div class="form-group margin-top">
								<label for="purchase_price">Purchase Price</label>								
							</div>
						</div> 
					  
						<div class="col-sm-3">
							<div class="form-group margin-top">								
							<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 margin-top">                           
								 <select name="purchase_price_type" class="form-control">
									<option value="without-tax">Without Tax</option>
									<option value="tax">Tax</option>                               
                                 </select>
							</div>
						</div> 
						
					
						
					    </div>					
				    </div> 
					
					 <div class="col-sm-5">
					  <div class="row">
					    <div class="col-sm-12">
							<div class="form-group margin-top">
								<label for="purchase_price">Tax</label>								
							</div>
						</div> 			
						
						<div class="col-sm-3">
							<div class="form-group margin-top">															
								 <select name="tax_rate" class="form-control">	
                                    <option disabled selected>Tax Rate</option>								 
									<option value="0">None</option>                               
                                 </select>
							</div>
						</div>      				
						
					    </div>					
				    </div> 
					<div class="row">
						<div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Dealer price</label>
                            <input type="text" name="name" class="form-control" value="{{ old('name') }}">
                            <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Subdealer Price</label>
                            <input type="text" name="name" class="form-control" value="{{ old('name') }}">
                            <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Customer Price</label>
                            <input type="text" name="name" class="form-control" value="{{ old('name') }}">
                            <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@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>
                    
                </div>
            </div>
         </form>
              
    </div>   
   
  </section>
  <!-- Content End -->
</div>
<!-- Content Wrapper End -->

@endsection

<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');
	  }

	
  }
  
    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>