@extends('layouts/microfin_layout')
@section('title', '| Add Savings Account')
@section('content')

<script type="text/javascript">
	$("#loadingModal").show();
</script>

@php
	use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
@endphp

<div class="row add-data-form">
	<div class="col-md-12">
        <div class="col-md-2"></div>
        <div class="col-md-8 col-md fullbody">
			<div class="viewTitle" style="border-bottom:1px solid white;">
                <a href="{{ url('/mfn/branchOpeningSavingsInformation') }}" class="btn btn-info pull-right addViewBtn">
                	<i class="glyphicon glyphicon-th-list viewIcon"></i>
                	Opening Savings Information List
                </a>
            </div>
            <div class="panel panel-default panel-border">
            	<div class="panel-heading">
                    <div class="panel-title">Opening Savings Information add</div>
                </div>
                <div class="panel-body">
                	<div class="row">
						
						{!! Form::open(array('url' => '', 'role' => 'forl', 'id' => 'branchOpeningInfoForm', 'class' => 'form-horizontal form-groups')) !!}

							<div class="col-xs-12">
								@php
									// dd($userBranchId);
								@endphp
								@if ($userBranchId==1)
									{!! createForm::select('branch', $branchList,null,'Branch:',['id'=>'branch','required'=>'required']) !!}
								@endif

								{!! createForm::select('primaryProduct', $primaryProductList,null,'Loan Product:',['id'=>'primaryProduct','required'=>'required']) !!}

								{!! createForm::select('savingsProduct', $savingsProductList,null,'Savings Product:',['id'=>'savingsProduct','required'=>'required']) !!}

								{!! createForm::select('gender',$genderList,null,'Gender:',['required'=>'required']) !!}

								{!! createForm::text('depositCollection',null,'Deposit Amount:',['id'=>'depositCollection','required'=>'required']) !!}

								{!! createForm::text('thisMonthDepositCollection',null,'This Month Deposit Amount:',['id'=>'thisMonthDepositCollection','required'=>'required']) !!}

								{!! createForm::text('interestAmount',null,'Interest Amount:',['id'=>'interestAmount','required'=>'required']) !!}

								{!! createForm::text('thisMonthInterestAmount',null,'This Month Interest Amount:',['id'=>'thisMonthInterestAmount','required'=>'required']) !!}

								{!! createForm::text('savingRefund',null,'Savings Refund:',['id'=>'savingRefund','required'=>'required']) !!}

								{!! createForm::text('thisMontSavingRefund',null,'This Month Savings Refund:',['id'=>'thisMontSavingRefund','required'=>'required']) !!}

								{!! createForm::text('closingBalance',null,'Closing Balance:',['id'=>'closingBalance','readonly'=>'readonly']) !!}


								<ul class="pager wizard pull-right">										
									<input id="submit" class="btn btn-info" type="submit" value="Submit">
								</ul>
							</div>
					
						{!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
	</div>
</div>

{{-- update notification Modal --}}
<div id="update-confirmation-modal" class="modal fade" role="dialog" style="padding-top: 10%;">
  	<div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      	<div class="modal-header">
        	<button type="button" class="close" data-dismiss="modal">&times;</button>
        	<h4 class="modal-title">Notification</h4>
      	</div>
      	<div class="modal-body">
        	<p>This data already exis, do you want to update?</p>
      	</div>
      	<div class="modal-footer">
      		{{-- <button id="yesBtn" type="button" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;" >Yes</button> --}}
      		<button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal" style="margin-bottom:0!important;">Close</button>
    	</div>
    </div>
  </div>
</div>
{{-- end update notification Modal --}}

<script type="text/javascript">
	$(document).ready(function() {		

		function num(argument){
			return argument.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
		}

		$("#loadingModal").hide();

		$('input:text').on('input', function(event) {
			this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
		});

		$("form").submit(function(event) {
			event.preventDefault();
			if (calculateClosingBalance()<0) {
				alert('Closing Balance should not less than zero.');
				return false;
			}
			$("#submit").prop('disabled',true);

			$.ajax({
				url: './storeBranchOpeningSavingsInformation',
				type: 'POST',
				dataType: 'json',
				data: $(this).serialize(),
			})
			.done(function(data) {
				if (data=='data alreay exits') {
					$("#update-confirmation-modal").modal('show');
				}
				else{
					toastr.success(data.responseText, data.responseTitle, opts);                        
		            setTimeout(function(){
		                location.reload();
		            }, 2000);
				}
			})
			.fail(function() {
				$("#submit").prop('disabled',false);
				alert("response error");
			});
		});

		$("#yesBtn").click(function(event) {
			if (calculateClosingBalance()<0) {
				alert('Closing Balance should not less than zero.');
				return false;
			}
			$("#submit").prop('disabled',true);
			$.ajax({
				url: './updateBranchOpeningSavingsInformation',
				type: 'POST',
				dataType: 'json',
				data: $("#branchOpeningInfoForm").serialize(),
			})
			.done(function(data) {
				toastr.success(data.responseText, data.responseTitle, opts);                        
	            setTimeout(function(){
	                location.reload();
	            }, 2000);
			})
			.fail(function() {
				$("#submit").prop('disabled',false);
				alert("response error");
			});
			
		});

		$("#depositCollection,#interestAmount,#savingRefund").on('input', function(event) {
			calculateClosingBalance();
		});

		function calculateClosingBalance() {
			var depositCollection = 0;
			var interestAmount = 0;
			var savingRefund = 0;

			if ($("#depositCollection").val()!='') {
				depositCollection = parseFloat($("#depositCollection").val());
			}

			if ($("#interestAmount").val()!='') {
				interestAmount = parseFloat($("#interestAmount").val());
			}

			if ($("#savingRefund").val()!='') {
				savingRefund = parseFloat($("#savingRefund").val());
			}

			var closingBalance = depositCollection + interestAmount - savingRefund;

			$("#closingBalance").val(num(closingBalance));

			return closingBalance;
		}

		/*get the information if already exists*/
		function getDataIfExists() {
			var userBranchId = "{{$userBranchId}}";
			if (userBranchId==1) {
				var branchId = $("#branch").val();
			}
			else{
				var branchId = "{{$userBranchId}}";
			}
			var loanProductId = $("#primaryProduct").val();
			var savingsProductId = $("#savingsProduct").val();
			var gender = $("#gender").val();

			if (branchId!='' && primaryProductId!='' && savingsProductId!='' && gender!='') {
				$.ajax({
					url: './mfnGetOpeningInfo',
					type: 'POST',
					dataType: 'json',
					data: {branchId: branchId , loanProductId: loanProductId, savingsProductId: savingsProductId},
				})
				.done(function(data) {
					
				})
				.fail(function() {
					alert("response error");
				});
				
			}
		}
		/*end get the information if already exists*/

	}); /*ready*/
</script>

@endsection