@extends('layouts/microfin_layout')
@section('title', '| Add stock')
@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'].'/shareStockList/') }}" class="btn btn-info pull-right addViewBtn">
                    	<i class="glyphicon glyphicon-th-list viewIcon"></i>
						Share Stock List
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                	<div class="panel-heading">
                        <div class="panel-title">Share Stock</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_stock_id"  value="{{ $share_stock_id ?? ''}}" />
									<input type="hidden" name="share_sellable_id"  value="{{ $shareStockSellable->share_sellable_id ?? ''}}" />
									<div class="form-group">
										<div class="col-sm-3">
											<label class="control-label">Sellable Share <span style="color:red">*</span></label>
										</div>
										<div class="col-sm-6">
											<input type="number" required min="1" step=".01"  data-error="The Sellable share field is required." name="share_sellable" id="sellable_share"  placeholder="Enter Sellable Share" class="form-control" value="{{$shareStockSellable->share_sellable ??''}}"/>
											
										</div>
										<p id='err_sellable_share' style="max-height:3px;"></p>
										<div class="help-block with-errors has-feedback"></div>	
										
									</div>
									<div class="form-group">
										<div class="col-sm-3">
											<label for="permission_share_date" class="control-label"> Share Sellable Date<span style="color:red">*</span></label>
										</div>
										<div class="col-sm-6">
										    <input  type="text" name="share_sellable_date" class="form-control datepicker" data-error="Enter Share Sellable Date" value="{{ $share_sellable_date ?? ''}}" id="permission_share_date"  readonly style="cursor:pointer;" >
										</div>	
										<!-- <div class="help-block with-errors has-feedback"></div> -->
										<p id='err_share_sellable_date' style="max-height:3px;"></p>
									</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'].'/shareStockDetails/'.$share_stock_id) }}" 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'].'/storeSellableShare/') }}",
					data: $('form').serialize(),
					dataType: 'json',
					success: function(_response) {
						if(_response.errors){
							// alert('error');
							if (_response.errors['share_sellable']) {
									$('#err_sellable_share').empty();
									$('#err_sellable_share').append('<span class="errormsg" style="color:red">'+_response.errors.sellable_share+'</span>');
									// return false;
								}
								if (_response.errors['share_sellable_date']) {
									$('#err_share_sellable_date').empty();
									$('#err_share_sellable_date').append('<span class="errormsg" style="color:red">'+_response.errors.share_sellable_date+'</span>');
									
								}
								return false;
						}
                        else if(_response.responseTitle == 'Warning!'){
      						toastr.warning(_response.responseText, _response.responseTitle);
						}
						else {
							// alert('success');
							toastr.success(_response.responseText, _response.responseTitle, opts);
							
							setTimeout(function(){
								window.location.href = '{{ url($route['path'].'/shareStockList/') }}';
							}, 1500);
						}
					},
					error: function(_response) {
						// alert('joooo');
						alert(_response.errors);
					}
				});
				
			});
			$('#permission_share_date').on('change keyup', function() {
				$('#err_permission_share_date').empty();
			});
			// $('#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>