@extends('layouts/microfin_layout')
@section('title', '| Deposit List')
@section('content')

@php
use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
$pageNo = isset($_GET['page']) ? (int) $_GET['page']: 1;
$branchSelected = isset($_GET['filBranch']) ? $_GET['filBranch'] : null;
$samitySelected = isset($_GET['filSamity']) ? $_GET['filSamity'] : null;
$memberCodeSelected = isset($_GET['filMemberCode']) ? $_GET['filMemberCode'] : null;
$primarySelected = isset($_GET['filProduct']) ? $_GET['filProduct'] : null;
$primaryProductSelected = isset($_GET['filPrimaryProduct']) ? $_GET['filPrimaryProduct'] : null;
$dateFromSelected = isset($_GET['filDateFrom']) ? $_GET['filDateFrom'] : null;
$dateToSelected = isset($_GET['filDateTo']) ? $_GET['filDateTo'] : null;

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$moneyRecNoSelected = isset($_GET['filMoneyRecNo']) ? $_GET['filMoneyRecNo'] : null;
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

@endphp

<div class="row">

	<div class="col-md-12">
		<div class="panel panel-default" style="background-color:#708090;">
			<div class="panel-heading" style="padding-bottom:0px">
				<div class="panel-options">
					<a href="{{ url('addMfnSavingsDeposit') }}" class="btn btn-info pull-right addViewBtn">
						<i class="glyphicon glyphicon-plus-sign addIcon"></i>
						Add Deposit
					</a>
				</div>
				<h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">SAVINGS DEPOSIT LIST</font></h1>
			</div>
			<div class="panel-body panelBodyView">


				<!-- Filtering Start-->
				{!! Form::open(array('url' => 'viewMfnSavingsDeposit', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'filterFormId', 'method'=>'get')) !!}
				<div class="row">
					<div class="col-md-12">

						@if(count($branchList) > 1)
							<div class="col-md-2">
								<div class="form-group">
									<div class="col-md-12">
										{!! Form::label('', 'Branch:', ['class' => 'control-label pull-left']) !!}
									</div>
									<div class="col-md-12">
										{!! Form::select('filBranch', [''=>'--All--']+$branchList, $branchSelected ,['id'=>'filBranch','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
									</div>
								</div>
							</div>
						@endif

						<div class="col-md-2">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Samity:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::select('filSamity', [''=>'--All--']+$samityList, $samitySelected ,['id'=>'filSamity','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
								</div>
							</div>
						</div>

						<div class="col-md-2">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Member Code:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::text('filMemberCode', $memberCodeSelected ,['id'=>'filMemberCode','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
								</div>
							</div>
						</div>

						{{-- ------------------------------------///////////////////////////////////////////////////////////////////////////////////////////////////////------------------------------ --}}
						@if($moneyRecNoType != null)
						<div class="col-md-2">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Money Receipt No:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::text('filMoneyRecNo', $moneyRecNoSelected ,['id'=>'filMoneyRecNo','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
								</div>
							</div>
						</div>
						@endif
						{{-- --------------------------------------///////////////////////////////////////////////////////////////////////////////////////////////////---------------------------- --}}

						<div class="col-md-1">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Product:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::select('filProduct', [''=>'--All--']+$productList, $primarySelected ,['id'=>'filProduct','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
								</div>
							</div>
						</div>

						<div class="col-md-2">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Primary Product:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::select('filPrimaryProduct', [''=>'--All--']+$primaryProductList, $primaryProductSelected ,['id'=>'filPrimaryProduct','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
								</div>
							</div>
						</div>

						<div class="col-md-1">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Date From:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::text('filDateFrom', $dateFromSelected,['id'=>'filDateFrom','class'=>'form-control input-sm', 'autocomplete'=>'off','readonly','style'=>'cursor:pointer']) !!}
								</div>
							</div>
						</div>

						<div class="col-md-1">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Date To:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::text('filDateTo', $dateToSelected,['id'=>'filDateTo','class'=>'form-control input-sm', 'autocomplete'=>'off','readonly','style'=>'cursor:pointer']) !!}
								</div>
							</div>
						</div>

						<div class="col-md-1">
							<div class="form-group">
								{!! Form::label('', '', ['class' => 'control-label col-md-12']) !!}
								<div class="col-md-12">
									{!! Form::submit('Search', ['id' => 'searchButton', 'class' => 'btn btn-primary btn-xs']); !!}
								</div>
							</div>
						</div>

					</div>
				</div>

				{!! Form::close()  !!}
				<!-- filtering end-->


				<table class="table table-striped table-bordered" id="areaListView">
					<thead>
						<tr>
							<th width="70">SL#</th>
							<th>MEMBER NAME</th>
							<th>MEMBER CODE</th>
							<th>SAVINGS CODE</th>
							<th>TRANSACTION DATE</th>
							<th>MODE OF PAYMENT</th>
							<th>AMOUNT</th>
							{{-- --------///////////////////////////////////////////////////////////////////////////////////////////////////////////////////--------- --}}
							@if($moneyRecNoType != null)
							<th>Money Receipt No</th>
							@endif
							{{-- ------------////////////////////////////////////////////////////////////////////////////////////////////////////////////////////----- --}}
							<th>ENTRY BY</th>
							<th>STATUS</th>
							<th>ACTION</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($deposits as $key => $deposit)
						<tr>
							<td>{{($pageNo-1)*100+($key+1)}}</td>
							<td class="name">{{$deposit->memberName}}</td>
							<td>{{$deposit->memberCode}}</td>
							<td>{{$deposit->savingsCode}}</td>
							<td>{{date('d-m-Y',strtotime($deposit->depositDate))}}</td>
							<td>{{$deposit->paymentType}}</td>
							<td class="amount">{{number_format($deposit->amount,2)}}</td>

							{{-- ------------------/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////------------- --}}
							@if($moneyRecNoType != null)
							<td>{{$deposit->moneyReceiptNo}}{{$deposit->moneyReceiptAutoSerialNo ?? null}}</td>
							@endif
							{{-- ---------------------///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////---------- --}}

							<td class="name"> {{  @$deposit->entryBy }} </td>
							<td>
								@if ($deposit->isAuthorized==1)
								<i style="color:#72A230" class="fa fa-check" aria-hidden="true"></i>
								@else
								<i style="color:#F00" class="fa fa-times" aria-hidden="true"></i>
								@endif
							</td>
							@if ($deposit->ds==1)
							<td>
								<a href="javascript:;" class="showDetails" data-id="{{ $deposit->id }}">
									<i class="fa fa-eye" aria-hidden="true"></i>
								</a>

								{{-- --------------//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////----------------- --}}
								@if($isMoneyReceiptPrintAllow == 1)
								<a href="{!! url('mfn/deposit/printMoneyReceipt/'.$deposit->id)!!}">
								<i class="fa fa-print" aria-hidden="true"></i>
								</a>
								@endif
								{{-- -------------------////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////------------ --}}

								<a>
									<i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
								</a>


								<a>
									<i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
								</a>
							</td>
							@else

							<td>
								<a href="javascript:;" class="showDetails" data-id="{{ $deposit->id }}">
									<i class="fa fa-eye" aria-hidden="true"></i>
								</a>

								{{-- --------------------//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////----------- --}}
								@if($isMoneyReceiptPrintAllow == 1)
								<a href="{!! url('mfn/deposit/printMoneyReceipt/'.$deposit->id)!!}">
								<i class="fa fa-print" aria-hidden="true"></i>
								</a>
								@endif
								{{-- -----------------///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-------------- --}}
								@if($deposit->canDeleteOrEdit==1)
									<a href="javascript:;" class="showUpdateForm" data-id="{{ $deposit->id }}" @php if($deposit->canDeleteOrEdit==0){ echo "style=\"pointer-events: none;cursor: not-allowed;\"";}@endphp>
										<i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
									</a>


									<a href="javascript:;" class="deleteConfirmation" data-id="{{ $deposit->id }}" @php if($deposit->canDeleteOrEdit==0){ echo "style=\"pointer-events: none;cursor: not-allowed;\"";}@endphp>
										<i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
									</a>
								@endif
							</td>
							@endif
						</tr>
						@endforeach

					</tbody>
				</table>
				{{-- @if (!isset($_GET['filDateFrom'])) --}}
				<div class="pull-right">
					{{ $deposits->appends(request()->input())->links() }}
				</div>

				{{-- @endif --}}

			</div>
		</div>
	</div>

</div>

{{-- View Modal --}}
<div class="modal fade" id="show-details-modal">
	<div class="modal-dialog" style="width:750px">
		<div class="modal-content">
			<div class="panel panel-color panel-black">
				<div class="panel-heading">
					<h4 class="panel-title">Deposit Details</h4>
					<div class="panel-options">
						<a class="close" href="#" data-dismiss="modal">X</a>
					</div>
				</div>
				<div style="padding:0" class="panel-body">
					<div class="table-responsive" style="border:none!important;margin:0">
						<table id="detailsModalTable" cellspacing="0" cellpadding="0" class="table table-small-font table-striped samity-details-table-wrapper" style="color: black;">
							<tbody>

							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{{-- End View Modal --}}

{{-- Edit Modal --}}
<div class="modal fade" id="show-update-modal">
	<div class="modal-dialog" style="width:1050px">
		{!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups','id'=>'updateForm')) !!}
		<div class="modal-heading" style="background-color:#000;color:#FFF;padding:10px 15px!important;">
			<h4 class="modal-title">Savings Deposit Update</h4>
			<div class="panel-options">
				<a class="close" href="#" data-dismiss="modal">X</a>
			</div>
		</div>
		<div class="modal-content">
			<div class="modal-body">
				<div class="row">

					<div class="tab-content no-margin">
						<div class="tab-pane with-bg active" id="fwv-1">
							<div class="panel panel-default" style="padding:0!important;">

								<div class="panel-body" style="padding:5px 10px;">
									<div class="row">
										<div class="col-xs-6">

											{!! Form::hidden('depositId',null,['id'=>'depositId']) !!}
											{!! Form::hidden('memberId',null,['id'=>'memberId']) !!}
											{!! Form::hidden('branchId',null,['id'=>'branchId']) !!}
											{!! Form::hidden('samityId',null,['id'=>'samityId']) !!}
											{!! Form::hidden('workingAreaId',null,['id'=>'workingAreaId']) !!}


											{!! createForm::text('member','','Member:',['id'=>'member','autocomplete'=>'off','readonly'=>'readonly']) !!}
											{!! createForm::text('transactionDate','','Transaction Date:',['id'=>'transactionDate','autocomplete'=>'off','readonly'=>'readonly']) !!}

											{!! createForm::select('savingsCode',[''=>'Select'],null,'Savings Code:',['id'=>'savingsCode','autocomplete'=>'off']) !!}

											{!! createForm::select('paymentMode',['Cash'=>'Cash','Bank'=>'Bank'],null,'Mode of Payment:',['id'=>'paymentMode','autocomplete'=>'off']) !!}

											<div class="bankDiv">
												<div class="form-group">
													{!! Form::label('bank', 'Bank:', ['class' => 'col-sm-4 control-label']) !!}
													<div class="col-sm-8">
														<select id="bank" name="bank" class="form-control">
															<option value="">Select</option>
															@foreach ($bankList as $bank)
															<option value="{{$bank->id}}">{{$bank->name.' ['.$bank->code.']'}}</option>
															@endforeach
														</select>
													</div>
												</div>
												{!! createForm::text('chequeNumber','','Cheque Number:',['id'=>'chequeNumber','autocomplete'=>'off']) !!}
											</div>

											{!! createForm::text('amount','','Amount:',['id'=>'amount','autocomplete'=>'off','isAuthorized'=>'']) !!}

											{{-- -------------------////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////------------ --}}
											@if($moneyRecNoType == 'manual')
											{!! createForm::text('moneyRecNo','','Money Receipt No:',['id'=>'moneyRecNo','autocomplete'=>'off']) !!}
											@endif
											{{-- -----------------//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-------------- --}}



										</div>{{-- End First Column --}}

										{{-- Second Coloum --}}
										<div class="col-xs-6" >
											{!! createForm::text('authorizedDeposit','','Authorized Deposit:',['id'=>'authorizedDeposit','autocomplete'=>'off','readonly'=>'readonly']) !!}

											{!! createForm::text('unauthorizedDeposit','','Unauthorized Deposit:',['id'=>'unauthorizedDeposit','autocomplete'=>'off','readonly'=>'readonly']) !!}

											{!! createForm::text('totalDeposit','','Total Deposit:',['id'=>'totalDeposit','autocomplete'=>'off','readonly'=>'readonly']) !!}

											{!! createForm::text('authorizedWithdraw','','Authorized Withdraw:',['id'=>'authorizedWithdraw','autocomplete'=>'off','readonly'=>'readonly']) !!}

											{!! createForm::text('unauthorizedWithdraw','','Unauthorized Withdraw:',['id'=>'unauthorizedWithdraw','autocomplete'=>'off','readonly'=>'readonly']) !!}

											{!! createForm::text('totalWithdraw','','Total Withdraw:',['id'=>'totalWithdraw','autocomplete'=>'off','readonly'=>'readonly']) !!}

											{!! createForm::text('balance','','Balance:',['id'=>'balance','autocomplete'=>'off','readonly'=>'readonly']) !!}


										</div>
										{{-- End Second Coloum --}}

									</div>

								</div>
							</div>
						</div>

					</div>

				</div>
			</div>
		</div>
		<div class="modal-footer" style="background-color:#FFF;color:#FFF;">

			{{-- ----------------------------------------------//////////////////////////////////////////////////////------------------------------------------------------------------ --}}
			<button type="submit" id="submit" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;">Save</button>
			@if($isMoneyReceiptPrintAllow == 1)
			<button type="submit" id="submitAndPrint" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;">Save & Print</button>
			@endif
			{{-- --------------------------------------------------/////////////////////////////////////////////////////--------------------------------------------------------------- --}}

			<button type="button" class="btn btn-white animated slideInRight" data-dismiss="modal" style="margin-bottom:0!important;">Close</button>
		</div>
		{!! Form::close() !!}
	</div>
</div>
{{-- End Edit Modal --}}

{{-- Delete Modal --}}
<div class="modal fade" id="delete-confirmation-modal">
	<div class="modal-dialog">
		<div class="modal-header">
			<h4 class="modal-title">Delete Confirmation</h4>
			<a class="close" href="#" data-dismiss="modal">X</a>
		</div>
		<div class="modal-content">
			<div class="modal-body">
				Are you sure to delete this item?
			</div>
		</div>
		<div class="modal-footer">
			<div class="form-group hidden">
				<div class="col-sm-6 col-sm-offset-2">
					{!! Form::text('id', null, ['class' => 'form-control', 'id' => 'id', 'type' => 'text', 'readonly']) !!}
				</div>
			</div>
			<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;">No</button>
		</div>
	</div>
</div>
{{-- End Delete Modal --}}


<style type="text/css">

	#detailsModalTable tbody tr td{
		width: 25%;
		text-align: left;
		padding-left: 5px;
	}

	.modal {
		text-align: center;
		padding: 0!important;
	}

	.modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px; /* Adjusts for spacing */
	}

	.modal-dialog {

		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}


	.cbr-replaced {
		top: 8px!important;
	}
	table.samity-details-table-wrapper tbody tr td {
		padding: 0;
		border-bottom: none !important;
		/*vertical-align: top !important;*/
	}
	table.samity-details-table tbody tr td {
		text-align: left;
		padding: 3px 5px !important;
		font-size: 11px;
		border-bottom: 1px solid #EEE!important;
	}
	table.TTitleFirstTable tbody tr:last-child td,
	table.TValueFirstTable tbody tr:last-child td,
	table.TTitleSecondTable tbody tr:last-child td,
	table.TValueSecondTable tbody tr:last-child td {
		border-bottom: none !important;
	}
	table.samity-details-table tbody tr th {
		text-align: left;
		padding: 3px 5px;
		font-weight: normal;
		font-size:11px;
	}
	table.samity-details-table-wrapper tr:nth-child(odd),
	table.samity-details-table tr:nth-child(odd),
	table#TTitleFirst tr:nth-child(odd),
	table#TValueFirst tr:nth-child(odd),
	table#TTitleSecond tr:nth-child(odd),
	table#TValueSecond tr:nth-child(odd) {
		background-color: #f9f9f9 !important;
	}
	table.samity-details-table-wrapper tbody tr:nth-child(even):hover td,
	table.samity-details-table tbody tr:nth-child(even):hover td
	table#TTitleFirst tbody tr:nth-child(even):hover td,
	table#TValueFirst tbody tr:nth-child(even):hover td,
	table#TTitleSecond tbody tr:nth-child(even):hover td,
	table#TValueSecond tbody tr:nth-child(even):hover td {
		background-color:#FFF !important;
	}
	table tbody tr td.name{
		text-align: left;
		padding-left: 5px;
	}
</style>

<style type="text/css">
	.form-group, .form-control{
		font-size: 11px !important;
		color: black !important;
	}
	.form-control{
		padding: 5px !important;
	}
	#searchButton{
		font-size: 12px;
		margin-top: 20px;
	}
</style>

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

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

		/*View Modal*/
		$(document).on('click', '.showDetails', function(event) {
			if(hasAccess('getMfnSavingsDepositDetails')){
				$.ajax({
					url: './getMfnSavingsDepositDetails',
					type: 'POST',
					dataType: 'json',
					data: {
						'_token': "{{ csrf_token() }}",
						'id': $(this).data('id')
					},
				})
				.done(function(data) {
					$("#detailsModalTable tbody").empty();
					var markup = "";
					$.each(data.tFirst, function(index, value) {
						markup = markup + "<tr>"+
						"<td>"+index+"</td>"+
						"<td>"+value+"</td>"+
						"<td></td>"+
						"<td></td>"+
						"</tr>";
					});
					$("#detailsModalTable tbody").append(markup);

					var i = 0;
					$.each(data.tSecond, function(index, value) {
						$("#detailsModalTable tbody tr").eq(i).find('td:nth-child(3)').html(index);
						$("#detailsModalTable tbody tr").eq(i).find('td:nth-child(4)').html(value);
						i++;
					});


					jQuery('#show-details-modal').modal('show', {backdrop: 'fade'});
				})
				.fail(function() {
					alert("error");
				});
			}

		});
		/*End View MOdal*/

		/*Edit Modal*/
		$(document).on('click', '.showUpdateForm', function() {
			if(hasAccess('getMfnSavingsDepositDetailsToUpdate')){
				$("#depositId").val($(this).data('id'));
				$.ajax({
					url: './getMfnSavingsDepositDetailsToUpdate',
					type: 'POST',
					dataType: 'json',
					data: {
						_token: "{{csrf_token()}}",
						id : $(this).data('id')
					},
				})
				.done(function(data) {
					$("#memberId").val(data['deposit'].memberIdFk).trigger('change');
					$("#member").val(data['tFirst']['Member Name:']);
					$("#transactionDate").val(data['tFirst']['Transaction Date:']);
					$("#amount").val(data['deposit'].amount);
					$("#amount").attr('isAuthorized',data['deposit'].isAuthorized);

					///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
					$("#moneyRecNo").val((data['deposit'].moneyReceiptNo !== null ? data['deposit'].moneyReceiptNo : '') + (data['deposit'].moneyReceiptAutoSerialNo !== null ? data['deposit'].moneyReceiptAutoSerialNo : ''));
					//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

					$("#savingsCode").val(data['deposit'].accountIdFk).trigger('change');
					$("#paymentMode").val(data['deposit'].paymentType).trigger('change');
					$("#bank").val(data['deposit'].ledgerIdFk);
					$("#chequeNumber").val(data['deposit'].chequeNumber);


					jQuery('#show-update-modal').modal('show', {backdrop: 'static'});
				})
				.fail(function() {
					console.log("error");
				});
			}


		});
		/*End Edit Modal*/

		////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		/*Update Information*/
		$('#updateForm').submit(function(event){
			event.preventDefault();
			var clickedButton = $(document.activeElement).attr('id');
			$("#submit, #submitAndPrint").prop('disabled', true);

			$.ajax({
				type: 'post',
				url: './updateMfnSavingsDeposit',
				data: $('#updateForm').serialize(),
              	dataType: 'json',
				success: function(_response) {
					$(".error").remove();
					if(_response.errors) {
						$.each(_response.errors, function(name, error) {
							$("#"+name).after("<p class='error' style='color:red;'>* "+_response.errors[name]+"</p>");
						});
					} else {

						if (_response.responseTitle=='Warning!') {
							$("#submit, #submitAndPrint").prop('disabled', false);
							toastr.warning(_response.responseText, _response.responseTitle, opts);
						}else{
							$("#submit, #submitAndPrint").prop('disabled', false);
							toastr.success(_response.responseText, _response.responseTitle, opts);

							setTimeout(function() {
								if(clickedButton == "submitAndPrint"){
									window.location.href = '{{ url("mfn/deposit/printMoneyReceipt/") }}/' + _response.transactionId;
								}else{
									location.reload();
								}
							}, 2000);

						}
					}
				},
				error: function(_response) {
					$("#submit, #submitAndPrint").prop('disabled', false);
					alert("error");
				}
			});

		});/*form*/
		/*End Update Information*/
		///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////



		$(".datepicker").datepicker({
			changeMonth: true,
			changeYear: true,
			yearRange : "2000:c",
			maxDate: "dateToday",
			dateFormat: 'dd-mm-yy',
			onSelect: function(){
				$(this).closest('div').find('.error').remove();
			}
		});




		/*Hide Errors On Filed input or Change*/
		$(document).on('input', 'input', function() {
			$(this).closest('div').find('.error').remove();
		});
		$(document).on('change', 'select', function() {
			$(this).closest('div').find('.error').remove();
		});
		/*End Hide Errors On Filed input or Change*/





		/*Delete Modal*/
		$(document).on('click', '.deleteConfirmation', function() {
			if(hasAccess('deleteMfnSavingsDeposit')){
				$('#id').val($(this).data('id'));
				jQuery('#delete-confirmation-modal').modal('show', {backdrop: 'fade'});
			}
		});
		/*End Delete Modal*/

		/*Delete Product*/
		$("#yesBtn").click(function(event) {
			$.ajax({
				url: './deleteMfnSavingsDeposit',
				type: 'POST',
				dataType: 'json',
				data: {
					_token: "{{csrf_token()}}",
					id: $('#id').val()
				},
			})
			.done(function(data) {
				if (data.responseTitle=='Warning!') {
					toastr.warning(data.responseText, data.responseTitle, opts);
				}else{
                    toastr.success(data.responseText, data.responseTitle, opts);
                    setTimeout(function(){
                        location.reload();
                    }, 3000);
                }
			})
			.fail(function() {
				alert("error");
			})


		});
		/*End Delete Product*/

		/*on change memberId get the saving codes*/
		$("#memberId").change(function(event) {
			var memberId = $(this).val();
			var csrf = "{{csrf_token()}}";

			if (memberId=='' || memberId==null) {
				$("#savingsCode").find("option:gt(0)").remove();
				return false;
			}

			$.ajax({
				url: './mfnGetSavingsAccountOnChangeMember',
				type: 'POST',
				dataType: 'json',
				async: false,
				data: {memberId: memberId, task: 'deposit'},
			})
			.done(function(data) {
				$("#savingsCode").find("option:gt(0)").remove();
				$.each(data.savingsAccounts, function(index, savingsAccount) {
					$("#savingsCode").append("<option value='"+savingsAccount.id+"'>"+savingsAccount.savingsCode+"</option>");
				});
			})
			.fail(function() {
				alert("error");
			});

		});
		/*end on change memberId get the saving codes*/

		/*get account balance info on change saving code*/
		$("#savingsCode").change(function(event) {
			var savingsAccountId = $(this).val();

			if (savingsAccountId=='' || savingsAccountId==null) {
				$("#authorizedDeposit,#unauthorizedDeposit,#totalDeposit,#authorizedWithdraw,#unauthorizedWithdraw,#totalWithdraw,#balance").val('');
				return false;
			}

			var csrf = "{{csrf_token()}}";

			$.ajax({
				url: './mfnSavingsGetAccountBalance',
				type: 'POST',
				dataType: 'json',
				async: false,
				data: {savingsAccountId: savingsAccountId, _token: csrf},
			})
			.done(function(data) {

				$("#authorizedDeposit").val(num(data['authorizedDeposit']));
				$("#unauthorizedDeposit").val(num(data['unAuthorizedDeposit']));
				$("#totalDeposit").val(num(data['totalDeposit']));

				$("#authorizedWithdraw").val(num(data['authorizedWithdraw']));
				$("#unauthorizedWithdraw").val(num(data['unAuthorizedWithdraw']));
				$("#totalWithdraw").val(num(data['totalWithdraw']));

				$("#balance").val(num(data['balance']));

						//////////////

						var currentAmount = parseFloat($("#amount").val());

						$("#amount").on('input',function(event) {

							if ($("#amount").attr('isAuthorized')==1) {
								var authorizedDeposit = data['authorizedDeposit'] + (this.value - currentAmount);
								$("#authorizedDeposit").val(num(authorizedDeposit));
							}
							else{
								var unAuthorizedDeposit = data['unAuthorizedDeposit'] + (this.value - currentAmount);
								$("#unauthorizedDeposit").val(num(unAuthorizedDeposit));
							}

							var totalDeposit = parseFloat($("#authorizedDeposit").val().replace(/\,/g, '')) + parseFloat($("#unauthorizedDeposit").val().replace(/\,/g, ''));
							$("#totalDeposit").val(num(totalDeposit));

							var totalBalance = totalDeposit - data['totalWithdraw'];
							$("#balance").val(num(totalBalance));
						});

						////////////////

					})
			.fail(function() {
				alert("error");
			});

		});
		/*end get account balance info on change saving code*/

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

		/*payment mode*/
		$("#paymentMode").change(function(event) {

			if ($(this).val()=="Cash") {
				$(".bankDiv").hide('slow/400/fast');
			}
			else{
				$(".bankDiv").show('slow/400/fast');
			}
		});
		/*end payment mode*/

		$('#filDateFrom').datepicker({
			dateFormat: 'dd-mm-yy',
			changeYear: true,
			changeMonth: true,
			onSelect: function(){
				thisDate = $("#filDateFrom").datepicker('getDate');
				$('#filDateTo').datepicker('option','minDate',thisDate);
			}
		});

		$('#filDateTo').datepicker({
			dateFormat: 'dd-mm-yy',
			changeYear: true,
			changeMonth: true,
			onSelect: function(){
				thisDate = $("#filDateTo").datepicker('getDate');
				$('#filDateFrom').datepicker('option','maxDate',thisDate);
			}
		});

		$('#filDateFrom,#filDateTo').click(function(event) {
			this.value = '';
		});

		/*on change branch get the samity list*/
		$("#filBranch").change(function(event) {
			var branchId = $(this).val();
			$.ajax({
				url: './getMfnBranchWiseSamityList',
				type: 'POST',
				dataType: 'json',
				data: {branchId: branchId},
			})
			.done(function(samityList) {
				$("#filSamity option:gt(0)").remove();
				$.each(samityList, function(index, val) {
					$("#filSamity").append("<option value='"+index+"'>"+val+"</option>");
				});
			})
			.fail(function() {
				alert("error");
			});

		});
		/*end on change branch get the samity list*/



	}); /*End Ready*/
</script>

@endsection