@extends('layouts/microfin_layout')
@section('title', '| Add Division')
@section('content')
	<div class="row add-data-form">
		<div class="col-md-12">
            <div class="col-md-8 col-md-offset-2 fullbody">
            	<div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ url($route['path'].'/shareList/') }}" class="btn btn-info pull-right addViewBtn">
                    	<i class="glyphicon glyphicon-th-list viewIcon"></i>
						Share Configuration List
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                	<div class="panel-heading">
                        <div class="panel-title">Share Configuration</div>
                    </div>
                    <div class="panel-body">
                    	<div class="row">
                            <div class="col-md-12">
								<form id="register_form" data-toggle="validator" class="form-horizontal form-groups" action="#" method="post" enctype="multipart/form-data">
									<!-- <input type="hidden" name="_token" value="{{csrf_token() }}" > -->
									<input type="hidden" name="share_config_id"  value="{{ $shareItem->share_config_id ?? ''}}" />
									<div class="form-group">
										<div class="col-sm-3">
											<label class="control-label">Share Value <span style="color:red">*</span></label>
										</div>
										<div class="col-sm-6">
											<input type="number" min="1" step=".01"  data-error="Enter Share Value" name="share_value" id="share_value"  placeholder="Enter share value"  required class="form-control" value="{{$shareItem->share_value??''}}"/>
											
										</div>
										<div class="help-block with-errors has-feedback"></div>	
									</div>
									<div class="form-group">
										<div class="col-sm-3">
											<label class="control-label">No. Of Share  (Min) <span style="color:red">*</span></label>
										</div>
										<div class="col-sm-6">
											<input type="number" min="0"  oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" data-error="Enter No. Of share (Min)" name="min_num_of_share" id="min_num_of_share"  placeholder="Enter No. Of shate (Min)"  required class="form-control" value="{{$shareItem->min_num_of_share??''}}"/>
										</div>
										<div class="help-block with-errors has-feedback"></div>		
									</div>
									<div class="form-group">
										<div class="col-sm-3">
											<label class="control-label">No. Of Share (Max) <span style="color:red">*</span></label>
										</div>
										<div class="col-sm-6">
											<input type="number" min="1"  oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" data-error="Enter No. Of share (Max)"  name="max_num_of_share" id="max_num_of_share"  placeholder="Enter No. Of shate (Max)" required class="form-control" value="{{$shareItem->max_num_of_share??''}}"/>
										</div>
										<div class="help-block with-errors has-feedback"></div>	
									</div>
									
									<div class="form-group">
										<div class="col-sm-3">
											<label for="effective_from" class="control-label">Effective From <span style="color:red">*</span></label>
										</div>
										<div class="col-sm-6">
										<!-- <div class="input-group mb-3">
											<input type="text" class="form-control" placeholder="Your Email" id="mail" name="email">
											<div class="input-group-append">
												<span class="input-group-text">@example.com</span>
											</div>
											</div>
										</div> -->
										<input class="form-control datepicker" data-error="Enter Effective From" value="{{ $effective_from ?? ''}}" id="effective_from" autocomplete="off" readonly style="cursor:pointer;" name="effective_from" type="text">
										</div>	
										<div class="help-block with-errors has-feedback"></div>
									</div>
									<div class="form-group">
										<div class="col-sm-3">
											<label class="control-label">Profit Distribution (%) <span style="color:red">*</span></label>
										</div>
										<div class="col-sm-6">
											<input type="number" min="1"  step=".01" data-error="Enter Profit Distribution" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==5) return false;" name="profit_distribution" id="profit_distribution"  placeholder="Enter profit distribution"  required class="form-control" value="{{$shareItem->profit_distribution??''}}"/>
										</div>
										<div class="help-block with-errors has-feedback"></div>	
									</div>
									<div class="form-group">
										<div class="col-sm-10 col-sm-offset-3">
										<button type="submit" id="" class="btn btn btn-info">Submit</button>
											<!-- {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!} -->
											<a href="{{ url($route['path'].'/shareList/') }}" class="btn btn-danger closeBtn">Close</a>
										</div>
									</div>
								</form>	
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
	
	
@endsection
	<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
	<script src="{{asset('js/validator.min.js')}}"></script>

<script>
	$( document ).ready(function() {
			
			$('form').submit(function(e) {
				e.preventDefault();
				$.ajax({
					type: 'post',
					url: "{{ url($route['path'].'/storeShareConfig/') }}",
					data: $('form').serialize(),
					dataType: 'json',
					success: function(_response) {

						if(_response.errors){
							if (_response.errors['share_value']) {
									$('#share_value').empty();
									$('#share_value').append('<span class="errormsg" style="color:red">'+_response.errors.share_value+'</span>');
									return false;
								}
								if (data.errors['max_num_of_share']) {
									$('#max_num_of_share').empty();
									$('#max_num_of_share').append('<span class="errormsg" style="color:red">'+_response.errors.max_num_of_share+'</span>');
									return false;
								}
								if (data.errors['min_num_of_share']) {
									$('#min_num_of_share').empty();
									$('#min_num_of_share').append('<span class="errormsg" style="color:red">'+_response.errors.min_num_of_share+'</span>');
									return false;
								}
								if (data.errors['profit_distribution']) {
									$('#profit_distribution').empty();
									$('#profit_distribution').append('<span class="errormsg" style="color:red">'+_response.errors.profit_distribution+'</span>');
									return false;
								}
						}
						else if(_response.responseTitle == 'Warning!'){
      						toastr.warning(_response.responseText, _response.responseTitle);
						}
						else {
							// $('#name').val('');
							$('.error').addClass('hidden');
							toastr.success(_response.responseText, _response.responseTitle, opts);
							
							setTimeout(function(){
								window.location.href = '{{ url($route['path'].'/shareList/') }}';
							}, 1500);
						}
					},
					error: function(_response) {
						alert(_response.errors);
					}
				});
				
			});
			// $('#share_value').on('change keyup', function() {
			// 	var share_val = $("#share_value").val();
			// 	// console.log(share_val);
			// 	if(check(share_val) == false){
			// 		// alert('hii');
			// 		if(share_val<0){
			// 			$("#share_value").val(' ');
			// 		}
			// 		$("#share_value").val(' ');
			// 	}
				
			// });
			// var specialChars = "<>@!#$%^&*()_+[]{}?:;|'\"\\,/~`-=";
			// var check = function(string){
				
    		// 	for(i = 0; i < specialChars.length;i++){
       		// 		if(string.indexOf(specialChars[i]) > -1){
           	// 		 	return true;
        	// 		}
    		// 	}
			// 	return false;
			// }
			$('#profit_distribution').on('change keyup', function() {
				var profit_distribution = $("#profit_distribution").val();
				if(profit_distribution>100){
					$("#profit_distribution").val(' ');
				}
			});
		});
</script>