@extends('layouts/microfin_layout') @section('title', '| Add Regular Loan')
@section('content')

<style type="text/css">
	#rootwizard .panel-body .row {
		margin-bottom: 10px;
	}

	#rootwizard,
	#rootwizard .form-control {
		font-size: 11px !important;
		padding: 5px !important;
	}

	#rootwizard input[type="text"],
	#rootwizard select {
		height: 28px !important;
	}

	#rootwizard label {
		margin-bottom: 0 !important;
		color: #555 !important;
	}

	.validate-has-error {
		color: #ff0000;
	}

	#profileImagePreview {
		width: 120px;
		height: 150px;
		border: 1px solid #bebebe;
		padding: 3px;
		margin: 5px 5px 5px 0;
	}

	#guarantorSignatureImagePreview,
	#memberSignatureImagePreview,
	#memberNidImagePreview,
	#guarantorNidImagePreview {
		width: 200px;
		height: 100px;
		border: 1px solid #bebebe;
		padding: 3px;
		margin: 5px 5px 5px 0;
	}

	#guarantorImagePreview {
		width: 120px;
		height: 150px;
		border: 1px solid #bebebe;
		padding: 3px;
		margin: 5px 5px 5px 0;
	}

	.profileImage,
	.signature {
		margin-top: 5px;
	}

	.guarantorImage,
	.signature {
		margin-top: 5px;
	}
</style>

@php
    $jagProductIds  = DB::table('mfn_loans_product')->where('productCategoryId', 1)->pluck('id')->toArray();
    $argProductIds  = DB::table('mfn_loans_product')->where('productCategoryId', 2)->pluck('id')->toArray();
    $bunProductIds  = DB::table('mfn_loans_product')->where('productCategoryId', 3)->pluck('id')->toArray();
    $sufProductIds  = DB::table('mfn_loans_product')->where('productCategoryId', 4)->pluck('id')->toArray();
    $griProductIds  = DB::table('mfn_loans_product')->where('productCategoryId', 5)->pluck('id')->toArray();
    $washProductIds = DB::table('mfn_loans_product')->whereIn('productCategoryId', [15, 16])->pluck('id')->toArray();
    $sahosProductIds= DB::table('mfn_loans_product')->where('productCategoryId', 7)->pluck('id')->toArray();
@endphp

<div class="row add-data-form">
	<div class="col-md-12">
		<div class="col-md-10 col-md-offset-1 fullbody">
			<div class="viewTitle" style="border-bottom:1px solid white;">
				<a
					href="{{ url('mfn/viewRegularLoan/') }}"
					class="btn btn-info pull-right addViewBtn"
				>
					<i class="glyphicon glyphicon-th-list viewIcon"></i>
					Regular Loan Lists
				</a>
			</div>
			<div class="panel panel-default panel-border">
				<div class="panel-heading">
					<div class="panel-title">New Regular Loan</div>
				</div>
				<div class="panel-body">
					<div class="row">
						{!! Form::open(array('name' => 'memberForm', 'url' => '', 'role' =>
						'form', 'id' => 'rootwizard', 'files' => 'true', 'class' =>
						'form-wizard validate', 'novalidate' => '')) !!}
						<ul class="tabs">
							<li class="active">
								<a href="#fwv-1" class="fwv-1" data-toggle="tab"
									>Loan Details</a
								>
							</li>
							<li>
								<a href="#fwv-2" class="fwv-2" data-toggle="tab">Photo</a>
							</li>
						</ul>
						<div class="progress-indicator">
							<span></span>
						</div>

						<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-heading"
										style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important"
									>
										Member and Loan Details
									</div>
									<div class="panel-body" style="padding:5px 10px;">
										<div class="row">
											<div class="col-xs-3">
												{!! Form::label('member', 'Member:*', ['class' =>
												'control-label']) !!}
												<br />
												{!! Form::select('memberIdFk', array('' => 'Select'),
												null, array('class'=>'form-control', 'id' =>
												'select-to', 'data-validate' => 'required')) !!}
											</div>
											<div class="col-xs-2">
												{!! Form::label('disbursement date', 'Disbursement
												Date:*', ['class' => 'control-label']) !!} <br />
												{!! Form::text('disbursementDate', $value =
												$damageData['disbursementDate'], ['class' =>
												'form-control', 'id' => 'disbursementDate', 'type' =>
												'text', 'readonly' => 'readonly', 'data-validate' =>
												'required, minlength[5]']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('product', 'Product:*', ['class' =>
												'control-label']) !!} <br />
												{!! Form::select('productIdFk', array('' => 'Select'),
												null, array('class'=>'form-control', 'id' =>
												'productIdFk', 'data-validate' => 'required')) !!}
												
												{!! Form::hidden('jagProductIds',  $value = json_encode($jagProductIds ),  ['id' => 'jagProductIds'])  !!}
												{!! Form::hidden('argProductIds',  $value = json_encode($argProductIds ),  ['id' => 'argProductIds'])  !!}
												{!! Form::hidden('bunProductIds',  $value = json_encode($bunProductIds ),  ['id' => 'bunProductIds'])  !!}
												{!! Form::hidden('sufProductIds',  $value = json_encode($sufProductIds ),  ['id' => 'sufProductIds'])  !!}
												{!! Form::hidden('griProductIds',  $value = json_encode($griProductIds ),  ['id' => 'griProductIds'])  !!}
												{!! Form::hidden('washProductIds', $value = json_encode($washProductIds ), ['id' => 'washProductIds']) !!}
												{!! Form::hidden('sahosProductIds',  $value = json_encode($sahosProductIds ),  ['id' => 'sahosProductIds'])  !!}
											</div>
											<div class="col-xs-2">
												{!! Form::label('loan code', 'Loan Code:*', ['class' =>
												'control-label']) !!} <br />
												{!! Form::text('loanCode', $value = null, ['class' =>
												'form-control', 'id' => 'loanCode', 'type' => 'text',
												'readonly' => 'readonly', 'data-validate' =>
												'required']) !!}
												
											</div>
											<div class="col-xs-2">
												{!! Form::label('loan code', 'MRA Loan Code:*', ['class' =>
												'control-label']) !!} <br />
												{!! Form::text('newLoanCode', $value = null, ['class' => 'form-control', 'id' => 'newLoanCode', 'type' => 'text', 'readonly' => 'readonly', 'data-validate' => 'required']) !!}
											</div>
										</div>
									</div>
								</div>
								<div class="panel panel-default" style="padding:0!important;">
									<div
										class="panel-heading"
										style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important"
									>
										Loan Configuration
									</div>
									<div class="panel-body" style="padding:5px 10px;">
										<div class="row">
											<div class="col-xs-3">
												{!! Form::label('loan application no', 'Loan Application
												No:', ['class' => 'control-label']) !!} <br />
												{!! Form::text('loanApplicationNo', $value = null,
												['class' => 'form-control', 'id' => 'loanApplicationNo',
												'type' => 'text']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('repayment frequency', 'Repayment
												Frequency:*', ['class' => 'control-label']) !!} <br />
												{!! Form::select('repaymentFrequencyIdFk', array('' =>
												'Select'), null, array('class'=>'form-control', 'id' =>
												'repaymentFrequencyIdFk', 'data-validate' =>
												'required')) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('no of installment', 'No of Installment:*',
												['class' => 'control-label']) !!} <br />
												{!! Form::select('numberOfInstallments', array('' => 'Select'),
												null, array('class'=>'form-control', 'id' =>
												'numberOfInstallments', 'data-validate' => 'required')) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('first repay date', 'First Repay
												Date:*', ['class' => 'control-label']) !!} <br />
												{!! Form::text('firstRepayDate', $value = null, ['class'
												=> 'form-control', 'id' => 'firstRepayDate', 'type' =>
												'text', 'readonly' => 'readonly', 'data-validate' =>
												'required']) !!}
											</div>
										</div>
										<div class="row">
											<div class="col-xs-3">
												{!! Form::label('loan cycle', 'Loan Cycle:', ['class' =>
												'control-label']) !!} <br />
												{!! Form::text('loanCycle', $value = null, ['class' =>
												'form-control', 'id' => 'loanCycle', 'type' => 'text',
												'readonly' => 'readonly', 'data-validate' =>
												'required']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('loan amount', 'Loan Amount:*', ['class'
												=> 'control-label']) !!} <br />
												{!! Form::text('loanAmount', $value = null, ['class' =>
												'form-control', 'id' => 'loanAmount', 'type' => 'text',
												'autocomplete' => 'off', 'data-validate' => 'required'])
												!!} {!! Form::text('', $value = null, ['class' =>
												'form-control hidden', 'id' => 'backupLoanAmount',
												'type' => 'hidden']) !!} {!! Form::text('', $value =
												null, ['class' => 'form-control hidden', 'id' =>
												'maxLoanAmount', 'type' => 'hidden']) !!} {!!
												Form::text('', $value = null, ['class' => 'form-control
												hidden', 'id' => 'minLoanAmount', 'type' => 'hidden'])
												!!}
											</div>
											
											<div class="col-xs-3">
												{!! Form::label('insurance amount', 'Insurance Amount:',
												['class' => 'control-label']) !!} <br />
												{!! Form::text('insuranceAmount', $value = null,
												['class' => 'form-control', 'id' => 'insuranceAmount',
												'type' => 'text', 'readonly' => 'readonly']) !!}
											</div>
											{{-- <div class="col-xs-3">
												{!! Form::label('loan purpose', 'Loan Purpose:*',
												['class' => 'control-label']) !!} <br />
												{!! Form::select('loanSubPurposeIdFk',
												($damageData['loanPurpose']), null,
												array('class'=>'form-control', 'id' =>
												'loanSubPurposeIdFk', 'data-validate' => 'required'))
												!!}
											</div> --}}
											<div class="col-xs-3">
												{!! Form::label('folio number', 'Folio Number:',
												['class' => 'control-label']) !!} <br />
												{!! Form::text('folioNum', $value = null, ['class' =>
												'form-control', 'id' => 'folioNum', 'type' => 'text'])
												!!}
											</div>
										</div>
										<div class="row">

											{{-- <div class="col-xs-3">
												{!! Form::label('mfnLoanPurpose', 'Loan Purpose:*', ['class' => 'control-label']) !!} 
												<br />
												{!! Form::select('mfnLoanPurpose', $damageData['mfnLoanPurpose'], null, array('class'=>'form-control', 'id' => 'mfnLoanPurpose', 'data-validate' => 'required')) !!}
											</div>	
											
											<div class="col-xs-3" id="divMfnLoanSubPurpose">
												{!! Form::label('mfnLoanSubPurpose', 'Loan Sub Purpose:*', ['class' => 'control-label']) !!} 
												<br />
												{!! Form::select('mfnLoanSubPurpose', array('' =>'Select'), null, array('class'=>'form-control', 'id' =>'mfnLoanSubPurpose')) !!}
											</div>	 --}}

											<div class="col-xs-3">
												{!! Form::label('loan_purpose_code_level_1', 'Loan Purpose (Layer-1):*', ['class' => 'control-label']) !!} 
												<br />
												{!! Form::select('loan_purpose_code_level_1', $damageData['loan_purpose_level_1_list'], null, array('class'=>'form-control', 'id' => 'loan_purpose_code_level_1', 'data-validate' => 'required')) !!}
											</div>

											<div class="col-xs-3">
												{!! Form::label('loan_purpose_code_level_2', 'Loan Purpose (Layer-2):*', ['class' => 'control-label']) !!} 
												<br />
												{!! Form::select('loan_purpose_code_level_2', $damageData['loan_purpose_level_2_list'], null, array('class'=>'form-control', 'id' => 'loan_purpose_code_level_2', 'data-validate' => 'required')) !!}
											</div>

											<div class="col-xs-3">
												{!! Form::label('loan_purpose_code_level_3', 'Loan Purpose (Layer-3):*', ['class' => 'control-label']) !!} 
												<br />
												{!! Form::select('loan_purpose_code_level_3', $damageData['loan_purpose_level_3_list'], null, array('class'=>'form-control', 'id' => 'loan_purpose_code_level_3', 'data-validate' => 'required')) !!}
											</div>

											<div class="col-xs-3">
												{!! Form::label('loan_purpose_code_level_4', 'Loan Purpose (Layer-4):*', ['class' => 'control-label']) !!} 
												<br />
												{!! Form::select('loan_purpose_code_level_4', $damageData['loan_purpose_level_4_list'], null, array('class'=>'form-control', 'id' => 'loan_purpose_code_level_4', 'data-validate' => 'required')) !!}
											</div>

				
											{{-- <div class="col-xs-3" id="div_mfnLoanPurpose_Crop">
												{!! Form::label('mfnLoanPurpose_Crop', 'Loan Purpose:*', ['class' => 'control-label']) !!} 
												<br />
												{!! Form::select('mfnLoanPurpose_Crop', $damageData['mfnLoanPurpose_Crop'], null, array('class'=>'form-control', 'id' => 'mfnLoanPurpose_Crop')) !!}
											</div>
				
											<div class="col-xs-3" id="div_mfnLoanPurpose_FishCulture">
												{!! Form::label('mfnLoanPurpose_FishCulture', 'Loan Purpose:*', ['class' => 'control-label']) !!} 
												<br />
												{!! Form::select('mfnLoanPurpose_FishCulture', $damageData['mfnLoanPurpose_FishCulture'], null, array('class'=>'form-control', 'id' => 'mfnLoanPurpose_FishCulture')) !!}
											</div>
				
											<div class="col-xs-3" id="div_mfnLoanPurpose_Livestock">
												{!! Form::label('mfnLoanPurpose_Livestock', 'Loan Purpose:*', ['class' => 'control-label']) !!} 
												<br />
												{!! Form::select('mfnLoanPurpose_Livestock', $damageData['mfnLoanPurpose_Livestock'], null, array('class'=>'form-control', 'id' => 'mfnLoanPurpose_Livestock')) !!}
											</div>
				
											<div class="col-xs-3" id="div_mfnLoanPurpose_Agriculture">
												{!! Form::label('mfnLoanPurpose_Agriculture', 'Loan Purpose:*', ['class' => 'control-label']) !!} 
												<br />
												{!! Form::select('mfnLoanPurpose_Agriculture', $damageData['mfnLoanPurpose_Agriculture'], null, array('class'=>'form-control', 'id' => 'mfnLoanPurpose_Agriculture')) !!}
											</div> --}}

										</div>
									</div>
								</div>
								<div class="panel panel-default" style="padding:0!important;">
									<div
										class="panel-heading"
										style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important"
									>
										Interest Calculation
									</div>
									<div class="panel-body" style="padding:5px 10px;">
										<div class="row">
											<div class="col-xs-3">
												{!! Form::label('interest calculation method', 'Interest
												Calculation Method:*', ['class' => 'control-label']) !!}
												<br />
												{!! Form::text('interestCalculationMethod', $value =
												null, ['class' => 'form-control', 'id' =>
												'interestCalculationMethod', 'type' => 'text',
												'readonly' => 'readonly', 'data-validate' => 'required,
												minlength[1]']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('interest rate', 'Interest Rate:*',
												['class' => 'control-label']) !!} <br />
												{!! Form::text('interestRate', $value = null, ['class'
												=> 'form-control', 'id' => 'interestRate', 'type' =>
												'text', 'readonly' => 'readonly', 'data-validate' =>
												'required, minlength[1]']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('interestDiscountAmount', 'Interest Discount Amount:', ['class' => 'control-label']) !!} <br/>
												{!! Form::text('interestDiscountAmount', $value = 0, ['class' => 'form-control', 'id' => 'interestDiscountAmount', 'type' => 'text']) !!}
											</div>
										</div>
									</div>
								</div>
								<div class="panel panel-default" style="padding:0!important;">
									<div
										class="panel-heading"
										style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important"
									>
										Payments
									</div>
									<div class="panel-body" style="padding:5px 10px;">
										<div class="row">
											<div class="col-xs-3">
												{!! Form::label('total repay amount', 'Total Repay
												Amount:*', ['class' => 'control-label']) !!} <br />
												{!! Form::text('totalRepayAmount', $value = null,
												['class' => 'form-control', 'id' => 'totalRepayAmount',
												'type' => 'text', 'readonly' => 'readonly',
												'data-validate' => 'required']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('interest amount', 'Interest Amount:',
												['class' => 'control-label']) !!} <br />
												{!! Form::text('interestAmount', $value = null, ['class'
												=> 'form-control', 'id' => 'interestAmount', 'type' =>
												'text', 'readonly' => 'readonly']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('installment amount', 'Installment
												Amount:*', ['class' => 'control-label']) !!} <br />
												{!! Form::text('installmentAmount', $value = null,
												['class' => 'form-control', 'id' => 'installmentAmount',
												'type' => 'text', 'data-validate' => 'required',
												'readonly' => 'readonly']) !!}
											</div>
										</div>
										<div class="row">
											<div class="col-xs-3">
												{!! Form::label('payment type', 'Payment Type:',
												['class' => 'control-label']) !!} <br />
												{!! Form::select('paymentTypeIdFk',
												($damageData['paymentType']), null,
												array('class'=>'form-control', 'id' =>
												'paymentTypeIdFk', 'data-validate' => 'required')) !!}
											</div>
											<div class="col-xs-3 hidden">
												{!! Form::label('bank name', 'Bank Name:*', ['class' =>
												'control-label']) !!} <br />
												{!! Form::select('ledgerId', array('' => 'Select'),
												null, array('class'=>'form-control', 'id' => 'ledgerId',
												'data-validate' => 'required')) !!}
											</div>
											<div class="col-xs-3 hidden">
												{!! Form::label('cheque no', 'Cheque No:*', ['class' =>
												'control-label']) !!} <br />
												{!! Form::text('chequeNo', $value = null, ['class' =>
												'form-control', 'id' => 'chequeNo', 'type' => 'text',
												'data-validate' => 'required, minlength[10]']) !!}
											</div>
											<div class="col-xs-3 hidden">
												{!! Form::label('cheque date', 'Cheque Date:*', ['class'
												=> 'control-label']) !!} <br />
												{!! Form::text('chequeDate', $value = null, ['class' =>
												'form-control datepicker', 'id' => 'chequeDate', 'type'
												=> 'text', 'readonly' => 'readonly', 'data-validate' =>
												'required']) !!}
											</div>
										</div>
									</div>
								</div>
								<div class="panel panel-default" style="padding:0!important;">
									<div
										class="panel-heading"
										style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important"
									>
										Extra Loan Information
									</div>
									<div class="panel-body" style="padding:5px 10px;">
										<div class="row">
											<div class="col-xs-3">
												{!! Form::label('extra installment amount', 'Extra
												Installment Amount:', ['class' => 'control-label']) !!}
												<br />
												@if ($damageData['extraInstallmentAmountGeneratePolity'] == 'automatic')
													{!! Form::text('extraInstallmentAmount', $value = null,
													['class' => 'form-control', 'id' =>
													'extraInstallmentAmount', 'type' => 'text', 'readonly'
													=> 'readonly']) !!}
												@else
													{!! Form::text('extraInstallmentAmount', $value = null,
													['class' => 'form-control', 'id' =>
													'extraInstallmentAmount', 'type' => 'text']) !!}
												@endif
												
											</div>
											<div class="col-xs-3">
												{!! Form::label('actual installment amount', 'Actual
												Installment Amount:', ['class' => 'control-label']) !!}
												<br />
												{!! Form::text('actualInstallmentAmount', $value = null,
												['class' => 'form-control', 'id' =>
												'actualInstallmentAmount', 'type' => 'text', 'readonly'
												=> 'readonly']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('last installment amount', 'Last
												Installment Amount:', ['class' => 'control-label']) !!}
												<br />
												{!! Form::text('lastInstallmentAmount', $value = null,
												['class' => 'form-control', 'id' =>
												'lastInstallmentAmount', 'type' => 'text', 'readonly' =>
												'readonly']) !!}
											</div>
										</div>
										<div class="row">
											<div class="col-xs-3">
												{!! Form::label('additional fee', 'Additional Fee:',
												['class' => 'control-label']) !!} <br />
												{!! Form::text('additionalFee', $value = null, ['class'
												=> 'form-control', 'id' => 'additionalFee', 'type' =>
												'text', 'readonly' => 'readonly']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('loan form fee', 'Loan Form Fee:',
												['class' => 'control-label']) !!} <br />
												{!! Form::text('loanFormFee', $value = null, ['class' =>	
												'form-control', 'id' => 'loanFormFee', 'type' => 'text',
												'readonly' => 'readonly']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('note', 'Note:', ['class' =>
												'control-label']) !!}
												<br />
												{!! Form::textarea('note', $value = null, ['class' =>
												'form-control', 'id' => 'note', 'type' => 'textarea',
												'rows' => '5', 'cols' => '50']) !!}
											</div>
										</div>
									</div>
								</div>
								<div class="panel panel-default" style="padding:0!important;">
									<div
										class="panel-heading"
										style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important"
									>
										Guarantor's Details
									</div>
									<div class="panel-body" style="padding:5px 10px;">
										<div class="row">
											<div class="col-xs-3">
												{!! Form::label('guarantor#1 name', 'Guarantor#1
												Name:*', ['class' => 'control-label']) !!} <br />
												{!! Form::text('firstGuarantorName', $value = null,
												['class' => 'form-control', 'id' =>
												'firstGuarantorName', 'type' => 'text', 'data-validate'
												=> 'required']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('relation', 'Relation:*', ['class' =>
												'control-label']) !!} <br />
												{!! Form::text('firstGuarantorRelation', $value = null,
												['class' => 'form-control', 'id' =>
												'firstGuarantorRelation', 'type' => 'text',
												'data-validate' => 'required']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('address', 'Address:*', ['class' =>
												'control-label']) !!} <br />
												{!! Form::text('firstGuarantorAddress', $value = null,
												['class' => 'form-control', 'id' =>
												'firstGuarantorAddress', 'type' => 'text',
												'data-validate' => 'required']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('contact', 'Contact:*', ['class' =>
												'control-label']) !!} <br />
												{!! Form::text('firstGuarantorContact', $value = null,
												['class' => 'form-control', 'id' =>
												'firstGuarantorContact', 'type' => 'text',
												'data-validate' => 'required']) !!}
											</div>
										</div>
										<div class="row">
											<div class="col-xs-3">
												{!! Form::label('guarantor#2 name', 'Guarantor#2 Name:',
												['class' => 'control-label']) !!} <br />
												{!! Form::text('secondGuarantorName', $value = null,
												['class' => 'form-control', 'id' =>
												'secondGuarantorName', 'type' => 'text']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('relation', 'Relation:', ['class' =>
												'control-label']) !!} <br />
												{!! Form::text('secondGuarantorRelation', $value = null,
												['class' => 'form-control', 'id' =>
												'secondGuarantorRelation', 'type' => 'text']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('address', 'Address:', ['class' =>
												'control-label']) !!}
												<br />
												{!! Form::text('secondGuarantorAddress', $value = null,
												['class' => 'form-control', 'id' =>
												'secondGuarantorAddress', 'type' => 'text']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('contact', 'Contact:', ['class' =>
												'control-label']) !!}
												<br />
												{!! Form::text('secondGuarantorContact', $value = null,
												['class' => 'form-control', 'id' =>
												'secondGuarantorContact', 'type' => 'text']) !!}
											</div>
										</div>
									</div>
								</div>
								
								
								<!-- Employment related Information : START -->
								<div class="panel panel-default" style="padding:0!important;">

									<div class="panel-heading" style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important">
										Employment related Information
									</div>

									<!-- panel-body start  -->
									<div class="panel-body" style="padding:5px 10px;" id="employmentDiv">
										<!-- self start  -->
										<div>
											<div class="row">
												<div class="col-xs-12">
													<h4 style="border-bottom:1px solid #dedede;padding-bottom:3px;">Self-Employment / Family Employment</h4>
												</div>											
											</div>
	
											<div class="row">
												<div class="col-xs-6">
													<h6 style="border-bottom:1px solid #dedede;padding-bottom:3px;">Full Time Employment</h6>
												</div>
												<div class="col-xs-6">
													<h6 style="border-bottom:1px solid #dedede;padding-bottom:3px;">Part Time Employment</h6>
												</div>
											</div>
	
											<div class="row">
												<div class="col-xs-3">												
													{!! Form::label('Male', 'Male:*', ['class' => 'control-label']) !!} <br />
													{!! Form::text('FEFullTimeMale', $value = null, ['class' => 'form-control', 'id' => 'FEFullTimeMale', 'type' => 'number', 'autocomplete' => 'off', 'data-validate' => 'required', 'min' => 0, 'max' => 99 ]) !!} 					
												</div>													
												<div class="col-xs-3">												
													{!! Form::label('Female', 'Female:*', ['class' => 'control-label']) !!} <br />
													{!! Form::text('FEFullTimeFemale', $value = null, ['class' => 'form-control', 'id' => 'FEFullTimeFemale', 'type' => 'number', 'autocomplete' => 'off', 'data-validate' => 'required', 'min' => 0, 'max' => 99 ]) !!} 					
												</div>
												<div class="col-xs-3">												
													{!! Form::label('Male', 'Male:', ['class' => 'control-label']) !!} <br />
													{!! Form::text('FEPartTimeMale', $value = null, ['class' => 'form-control', 'id' => 'FEPartTimeMale', 'type' => 'number', 'autocomplete' => 'off', 'min' => 0, 'max' => 99 ]) !!} 					
												</div>													
												<div class="col-xs-3">												
													{!! Form::label('Female', 'Female:', ['class' => 'control-label']) !!} <br />
													{!! Form::text('FEPartTimeFemale', $value = null, ['class' => 'form-control', 'id' => 'FEPartTimeFemale', 'type' => 'number', 'autocomplete' => 'off', 'min' => 0, 'max' => 99 ]) !!} 					
												</div>
											</div>												
										</div>
										<!-- self end  -->

										<!-- wage start  -->
										<div>
											<div class="row">
												<div class="col-xs-12">
													<h4 style="border-bottom:1px solid #dedede;padding-bottom:3px;">Wage-Based Employment</h4>
												</div>											
											</div>

											<div class="row">
												<div class="col-xs-6">
													<h6 style="border-bottom:1px solid #dedede;padding-bottom:3px;">Full Time Employment</h6>
												</div>
												<div class="col-xs-6">
													<h6 style="border-bottom:1px solid #dedede;padding-bottom:3px;">Part Time Employment</h6>
												</div>
											</div>

											<div class="row">
												<div class="col-xs-3">												
													{!! Form::label('Male', 'Male:', ['class' => 'control-label']) !!} <br />
													{!! Form::text('FEFullTimeMaleWage', $value = null, ['class' => 'form-control', 'id' => 'FEFullTimeMaleWage', 'type' => 'number', 'autocomplete' => 'off', 'min' => 0, 'max' => 99 ]) !!} 					
												</div>													
												<div class="col-xs-3">												
													{!! Form::label('Female', 'Female:', ['class' => 'control-label']) !!} <br />
													{!! Form::text('FEFullTimeFemaleWage', $value = null, ['class' => 'form-control', 'id' => 'FEFullTimeFemaleWage', 'type' => 'number', 'autocomplete' => 'off', 'min' => 0, 'max' => 99 ]) !!} 					
												</div>
												<div class="col-xs-3">												
													{!! Form::label('Male', 'Male:', ['class' => 'control-label']) !!} <br />
													{!! Form::text('OFEPartTimeMaleWage', $value = null, ['class' => 'form-control', 'id' => 'OFEPartTimeMaleWage', 'type' => 'number', 'autocomplete' => 'off', 'min' => 0, 'max' => 99 ]) !!} 					
												</div>													
												<div class="col-xs-3">												
													{!! Form::label('Female', 'Female:', ['class' => 'control-label']) !!} <br />
													{!! Form::text('OFEPartTimeFemaleWage', $value = null, ['class' => 'form-control', 'id' => 'OFEPartTimeFemaleWage', 'type' => 'number', 'autocomplete' => 'off', 'min' => 0, 'max' => 99 ]) !!} 					
												</div>
											</div>
										</div>
										<!-- wage end  -->

									</div> 
									<!-- panel-body end  -->
								</div>
								<!-- Employment related Information : END -->
								
								
							</div>

							<div class="tab-pane with-bg" id="fwv-2">
								<div class="row">
									<div class="panel panel-default" style="padding:0!important;">
										<div class="panel-body" style="padding:5px 10px;">
											<div
												class="panel-heading"
												style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important"
											>
												Upload Member Photo
											</div>
											<div class="well">
												<div class="row">
													<h4 class="panel-title" style="text-align: center;">
														Member Profile Picture
													</h4>
													<br />
													<div class="col-md-6">
														<div id="my_camera"></div>
														<br />
														<input
															type="button"
															class="btn btn-secondary"
															id="takePicture"
															value="Take Picture"
															onClick="take_snapshot()"
														/>
													</div>
													<div class="col-md-6">
														<div class="row">
															<div class="col-xs-12">
																{{-- {!! Form::label('profile picture', 'Profile
																Picture:', ['class' => 'control-label']) !!}
																<br />
																--}}
																<div id="results">
																	Your captured image will appear here... <br />
																	<img
																		id="profileImagePreview"
																		src="{{ asset('images/image-4.jpg') }}"
																		class="img-responsive img-rounded full-width"
																	/>
																</div>
																<input
																	type="hidden"
																	name="image"
																	id="image"
																	class="image-tag"
																/>

																{!! Form::file('profileImage', array('class' =>
																'profileImage', 'id' => 'profileImage',
																'onchange' => 'loadProfileImageFile(event)',
																'disabled' => 'true')) !!}

																<input
																	type="hidden"
																	id="checkedCapture"
																	value=""
																/>
																<input
																	type="hidden"
																	id="checkedBrowse"
																	value=""
																/>
															</div>
														</div>
													</div>
												</div>
											</div>

											{{--
											<div class="well">
												<h4 class="panel-title" style="text-align: center;">
													Member Regular Signature Picture
												</h4>
												<br />
												<div class="row">
													<div class="col-xs-6">
														<div id="my_camera_member_regular_signature"></div>
														<br />
														<input
															type="button"
															class="btn btn-secondary"
															id="takePictureMemberRegularSignature"
															value="Take Picture"
															onClick="take_snapshot_member_regular_signature()"
														/>
													</div>
													<div class="col-xs-6">
														<div class="row">
															<div class="col-xs-12">
																<div id="member_regular_signature">
																	Your captured image will appear here... <br />
																	<img
																		id="memberSignatureImagePreview"
																		src="{{ asset('images/image-5.jpg') }}"
																		class="img-responsive img-rounded full-width"
																	/>
																</div>

																<input
																	type="hidden"
																	name="member_signature_image"
																	class="image-tag-member-regular-signature"
																/>

																{!! Form::file('memberSignatureImage',
																array('class' => 'signature', 'id' =>
																'regularMemberSignatureImage', 'onchange' =>
																'loadMemberSignatureImageFile(event)')) !!}

																<input
																	type="hidden"
																	id="checkedMemberRegularSignatureCapture"
																	value=""
																/>
																<input
																	type="hidden"
																	id="checkedMemberRegularSignatureBrowse"
																	value=""
																/>
															</div>
														</div>
													</div>
												</div>
											</div>
											--}}

											<div class="well">
												<h4 class="panel-title" style="text-align: center;">
													Member National ID Signature
												</h4>
												<br />
												<div class="row">
													<div class="col-xs-6">
														<div id="my_camera_member_nid_signature"></div>
														<br />
														<input
															type="button"
															class="btn btn-secondary"
															id="takePictureNidSignature"
															value="Take Picture"
															onClick="take_snapshot_member_nid_signature()"
														/>
													</div>
													<div class="col-xs-6">
														<div class="row">
															<div class="col-xs-12">
																<div id="member_nid_signature">
																	Your captured image will appear here... <br />
																	<img
																		id="memberNidImagePreview"
																		src="{{ asset('images/image-5.jpg') }}"
																		class="img-responsive img-rounded full-width"
																	/>
																</div>

																<input
																	type="hidden"
																	name="member_nid_image"
																	class="image-tag-member-nid-signature"
																/>

																{!! Form::file('memberNidImage', array('class'
																=> 'signature', 'id' => 'regularMemberNidImage',
																'onchange' => 'loadMemberNidImageFile(event)'))
																!!}

																<input
																	type="hidden"
																	id="checkedMemberNidCapture"
																	value=""
																/>
																<input
																	type="hidden"
																	id="checkedMemberNidBrowse"
																	value=""
																/>
															</div>
														</div>
													</div>
												</div>
											</div>

											<div
												class="panel-heading"
												style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important"
											>
												Upload Member's Guarantor Photo
											</div>
											<div class="well">
												<div class="row">
													<h4 class="panel-title" style="text-align: center;">
														Member's Guarantor Picture
													</h4>
													<br />
													<div class="col-md-6">
														<div id="my_camera_gurantor"></div>
														<br />
														<input
															type="button"
															class="btn btn-secondary"
															id="takePictureGuarantor"
															value="Take Picture"
															onClick="take_snapshot_Guarantor()"
														/>
													</div>
													<div class="col-md-6">
														<div class="row">
															<div class="col-xs-12">
																{{-- {!! Form::label('guarantor picture',
																'Guarantor Picture:', ['class' =>
																'control-label']) !!} <br />
																--}}
																<div id="resultsGuarantor">
																	Your captured image will appear here... <br />
																	<img
																		id="guarantorImagePreview"
																		src="{{ asset('images/image-4.jpg') }}"
																		class="img-responsive img-rounded full-width"
																	/>
																</div>
																<input
																	type="hidden"
																	name="guarantor_image"
																	class="image-tag-gurantor"
																/>

																{!! Form::file('guarantorImage', array('class'
																=> 'guarantorImage', 'id' => 'guarantorImage',
																'onchange' => 'loadGuarantorImageFile(event)'))
																!!}

																<input
																	type="hidden"
																	id="checkedGuarantorCapture"
																	value=""
																/>
																<input
																	type="hidden"
																	id="checkedGuarantorBrowse"
																	value=""
																/>
															</div>
														</div>
													</div>
												</div>
											</div>

											{{--
											<div class="well">
												<h4 class="panel-title" style="text-align: center;">
													Member's Guarantor Regular Signature Picture
												</h4>
												<br />
												<div class="row">
													<div class="col-xs-6">
														<div
															id="my_camera_gurantor_regular_signature"
														></div>
														<br />
														<input
															type="button"
															class="btn btn-secondary"
															id="takePictureGuarantorRegularSignature"
															value="Take Picture"
															onClick="take_snapshot_gurantor_regular_signature()"
														/>
													</div>
													<div class="col-xs-6">
														<div class="row">
															<div class="col-xs-12">
																<div id="guarantor_regular_signature">
																	Your captured image will appear here... <br />
																	<img
																		id="guarantorSignatureImagePreview"
																		src="{{ asset('images/image-5.jpg') }}"
																		class="img-responsive img-rounded full-width margin-bottom"
																	/>
																</div>

																<input
																	type="hidden"
																	name="guarantor_signature_image"
																	class="image-tag-gurantor-regular-signature"
																/>

																{!! Form::file('guarantorSignatureImage',
																array('class' => 'signature', 'id' =>
																'regularGuarantorSignatureImage', 'onchange' =>
																'loadguarantorSignatureImageFile(event)')) !!}

																<input
																	type="hidden"
																	id="checkedGuarantorRegularSignatureCapture"
																	value=""
																/>
																<input
																	type="hidden"
																	id="checkedGuarantorRegularSignatureBrowse"
																	value=""
																/>
															</div>
														</div>
													</div>
												</div>
											</div>
											--}}

											<div class="well">
												<h4 class="panel-title" style="text-align: center;">
													Member's Guarantor National ID Signature
												</h4>
												<br />
												<div class="row">
													<div class="col-xs-6">
														<div id="my_camera_gurantor_nid_signature"></div>
														<br />
														<input
															type="button"
															class="btn btn-secondary"
															id="takePictureGuarantorNidSignature"
															value="Take Picture"
															onClick="take_snapshot_guarantor_nid_signature()"
														/>
													</div>
													<div class="col-xs-6">
														<div class="row">
															<div class="col-xs-12">
																{{-- {!! Form::label('national id signature',
																'National ID Signature:', ['class' =>
																'control-label']) !!} <br />
																--}}
																<div id="guarantor_nid_signature">
																	Your captured image will appear here... <br />
																	{{--
																	<img
																		id="guarantorImagePreview"
																		src="{{ asset('images/image-4.jpg') }}"
																		class="img-responsive img-rounded full-width"
																	/>
																	--}}
																	<img
																		id="guarantorNidImagePreview"
																		src="{{ asset('images/image-5.jpg') }}"
																		class="img-responsive img-rounded full-width margin-bottom"
																	/>
																</div>

																<input
																	type="hidden"
																	name="guarantor_nid_image"
																	class="image-tag-guarantor-nid-signature"
																/>

																{!! Form::file('guarantorNidImage',
																array('class' => 'signature', 'id' =>
																'guarantorNidSignatureImage', 'onchange' =>
																'loadguarantorNidImageFile(event)')) !!}

																<input
																	type="hidden"
																	id="checkedGuarantorNidCapture"
																	value=""
																/>
																<input
																	type="hidden"
																	id="checkedGuarantorNidSignatureBrowse"
																	value=""
																/>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<ul class="pager wizard" style="float:right;">
								<li class="previous"></li>
								<li class="submitBtn"></li>
								<li class="next">
									<a class="btn btn-white" style="float:none;" href="#"
										>Next<i class="entypo-right-open"></i
									></a>
								</li>
							</ul>
						</div>

						{{--
						<div class="row">
							<div class="col-xs-6 col-xs-offset-5">
								<div class="form-group">
									{!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn
									btn-info']) !!}
									<a
										href="{{ url('viewRegularLoan/') }}"
										class="btn btn-danger closeBtn"
										>Close</a
									>
								</div>
							</div>
						</div>
						--}} {!! Form::close() !!}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>




    <!-- Update Member Mandatory Fields -->
	<div class="modal fade" id="memberMandatoryFieldsModal" tabindex="-1" role="dialog" aria-labelledby="memberMandatoryFieldsModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document" style="position: relative; top: 50%; transform: translateY(-50%);">
            <div class="modal-content">
                
            </div>
        </div>
    </div>



<link rel="stylesheet" href="{{ asset('css/selection.css') }}" />
<link rel="stylesheet" href="{{ asset('css/selectize.default.css') }}" />
<script src="{{ asset('js/selectize.js') }}"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>

<script>
    
    function isValidEmploymentEntry(){
        let FEFullTimeMale	 = ~~parseInt( $("#FEFullTimeMale").val() )	
		let FEFullTimeFemale = ~~parseInt( $("#FEFullTimeFemale").val() )	
		let FEPartTimeMale	 = ~~parseInt( $("#FEPartTimeMale").val() )	
		let FEPartTimeFemale = ~~parseInt( $("#FEPartTimeFemale").val() )	

		if(FEFullTimeMale + FEFullTimeFemale + FEPartTimeMale + FEPartTimeFemale == 0){
			toastr.error('Please input at least 1 self-employment / family employment information', 'Invalid Employment Information', opts)
			return false 
		}
		
		if(FEFullTimeMale + FEFullTimeFemale + FEPartTimeMale + FEPartTimeFemale > 100){
			toastr.error('Total self-employment information can not be more than 100', 'Invalid Employment Information', opts)
			return false
		}
		
		if(FEFullTimeMaleWage + FEFullTimeFemaleWage + OFEPartTimeMaleWage + OFEPartTimeFemaleWage > 100){
			toastr.error('Total wage-based employment information can not be more than 100', 'Invalid Employment Information', opts)
			return false
		}
		
		return true
    }
    
	$(document).on("click", ".previous", function() {
		$(".submitBtn").empty();
		$(".previous").empty();
		$(".next").html(
			'<a class="btn btn-white" style="float:none;" href="#">Next<i class="entypo-right-open"></i></a>'
		);
	});
	
	$(document).on("click", ".next", function() {
	    
	    // if( !isValidEmploymentEntry() ) return
	    
		$(".next").empty();
		$(".previous").html(
			'<a class="btn btn-white" style="float:none;" href="#"><i class="entypo-left-open"></i>Previous</a>'
		);
		$(".submitBtn").html(
			'<input id="submit" class="btn btn-info" type="submit" value="Submit">'
		);
	});

	$(document).on("click", ".fwv-2", function() {
	    
	    // if( !isValidEmploymentEntry() ) return

		$(".next").empty();
		$(".previous").html(
			'<a class="btn btn-white" style="float:none;" href="#"><i class="entypo-left-open"></i>Previous</a>'
		);
		$(".submitBtn").html(
			'<input id="submit" class="btn btn-info" type="submit" value="Submit">'
		);
	});

	$(document).on("click", ".fwv-1", function() {
		$(".submitBtn").empty();
		$(".previous").empty();
		$(".next").html(
			'<a class="btn btn-white" style="float:none;" href="#">Next<i class="entypo-right-open"></i></a>'
		);
	});
</script>
<script>
	var isProfilePictureExist = "Default";
	// document.getElementById("image").value = document.getElementById("profileImage").value;
	var loadProfileImageFile = function(event) {
		document.getElementById("checkedBrowse").value = "Browsed";
		document.getElementById("takePicture").disabled = true;

		var profileImagePreview = document.getElementById("profileImagePreview");
		profileImagePreview.src = URL.createObjectURL(event.target.files[0]);
		// document.getElementById("image").value = profileImagePreview.src;
	};

	// var loadMemberSignatureImageFile = function(event) {
	// 	document.getElementById("checkedMemberRegularSignatureBrowse").value = "Browsed";
	// 	document.getElementById("takePictureMemberRegularSignature").disabled = true;

	// 	var memberSignatureImagePreview = document.getElementById('memberSignatureImagePreview');
	// 	memberSignatureImagePreview.src = URL.createObjectURL(event.target.files[0]);
	// };

	var loadMemberNidImageFile = function(event) {
		document.getElementById("checkedMemberNidBrowse").value = "Browsed";
		document.getElementById("takePictureNidSignature").disabled = true;

		var memberNidImagePreview = document.getElementById(
			"memberNidImagePreview"
		);
		memberNidImagePreview.src = URL.createObjectURL(event.target.files[0]);
	};

	var loadGuarantorImageFile = function(event) {
		document.getElementById("checkedGuarantorBrowse").value = "Browsed";
		document.getElementById("takePictureGuarantor").disabled = true;

		var profileImageGuarantorPreview = document.getElementById(
			"guarantorImagePreview"
		);
		profileImageGuarantorPreview.src = URL.createObjectURL(
			event.target.files[0]
		);
	};

	// var loadguarantorSignatureImageFile = function(event) {
	// 	document.getElementById("checkedGuarantorRegularSignatureBrowse").value = "Browsed";
	// 	document.getElementById("takePictureGuarantorRegularSignature").disabled = true;

	// 	var guarantorRegularSignaturePreview = document.getElementById('guarantorSignatureImagePreview');
	// 	guarantorRegularSignaturePreview.src = URL.createObjectURL(event.target.files[0]);
	// };

	var loadguarantorNidImageFile = function(event) {
		document.getElementById("checkedGuarantorNidSignatureBrowse").value =
			"Browsed";
		document.getElementById("takePictureGuarantorNidSignature").disabled = true;

		var guarantornIDSignaturePreview = document.getElementById(
			"guarantorNidImagePreview"
		);
		guarantornIDSignaturePreview.src = URL.createObjectURL(
			event.target.files[0]
		);
	};

	$(document).on("change", "#select-to", function() {
		// VARIABLE FOR CHECKING THE MEMBER PROFILE PICTURE

		if ($("#select-to").val() == "") return false;

		$("#productIdFk")
			.empty()
			.append('<option value="">Select</option>');
		$("#newLoanCode").val("");
		$("#loanCode").val("");
		$("#loanCycle").val("");
		$("#numberOfInstallments option:gt(0)").remove();

		$("#submit").prop("disabled", true);

		$.ajax({
			url: './getRegularLoanProductOptionsOnDisbursement',
			type: 'POST',
			dataType: 'json',
			data: {memberId: $("#select-to").val()},
		})
		.done(function(products) {
			if (products.responseTitle=='Warning!') {
				toastr.error(products.responseText, products.responseTitle);
				if(products.isAllowUpdateForm){
					$("#memberMandatoryFieldsModal").find('.modal-content').html(products.html);
					$("#memberMandatoryFieldsModal").modal();
				}

				setTimeout(() => {
					$("#member").val('');
					$("#memberId").val('');
					$("#memberIdFk").val('');
					$("#select-to")[0].selectize.clear();
				}, 100);
				
			} else {
				$.each(products, function(index, productName) {
					$("#productIdFk").append("<option value="+index+">"+productName+"</option>");
				});
			}
		})
		.fail(function() {
			alert("response error");
		});
		
	});

	var formatName = function(item) {
		return $.trim((item.memberName || "") + " - " + (item.memberCode || ""));
	};

	$("#select-to").selectize({
		persist: false,
		maxItems: 1,
		valueField: "id",
		labelField: "name",
		searchField: ["memberName", "samityName", "memberCode", "workingArea"],
		sortField: [
			{
				field: "memberName",
				direction: "asc"
			}
		],
		options: <br />
<b>Warning</b>:  Undefined variable $damageData in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/microfin/loan/regularLoan/addRegularLoan.blade.php</b> on line <b>1296</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/microfin/loan/regularLoan/addRegularLoan.blade.php</b> on line <b>1296</b><br />
null,

		render: {
			item: function(item, escape) {
				var name = formatName(item);

				return (
					"<div>" +
					(name ? '<span class="name">' + escape(name) + "</span>" : "") +
					"</div>"
				);
			},
			option: function(item, escape) {
				var name = formatName(item);
				var label = name || item.samityName;
				var branch = name ? item.branchName : null;
				var samity = name ? item.samityName : null;
				var workingArea = name ? item.workingArea : null;

				return (
					"<div>" +
					'<span class="label">' +
					escape(label) +
					"</span>" +
					(branch
						? '<span class="caption">' + escape("Branch: " + branch) + "</span>"
						: "") +
					(samity
						? '<span class="caption">' + escape("Samity: " + samity) + "</span>"
						: "") +
					(workingArea
						? '<span class="caption">' +
						  escape("Working Area: " + workingArea) +
						  "</span>"
						: "") +
					"</div>"
				);
			}
		}
	});
</script>
<script type="text/javascript">

	$(document).ready(function() {

        //Added for interestDiscountAmount(Start)
		$('#interestDiscountAmount').closest('div').hide('slow');  
		$('#interestDiscountAmount').on('input', function(){
			$("#numberOfInstallments").trigger('change');
		});
		//Added for interestDiscountAmount(End)
		
		$(".datepicker").datepicker({
			changeMonth: true,
			changeYear: true,
			dateFormat: "yy-mm-dd"
		});

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

		//start loan product and purpose layer changes update
		$(document).on("change", "#productIdFk", function() {
            console.log('product idf on change ');
			$("#newLoanCode, #loanCode, #loanAmount, #insuranceAmount, #firstRepayDate, #interestCalculationMethod, #interestRate, #totalRepayAmount, #interestAmount, #installmentAmount, #extraInstallmentAmount, #actualInstallmentAmount, #lastInstallmentAmount, #additionalFee, #loanFormFee").val('');
			$("#repaymentFrequencyIdFk option:gt(0)").remove();
			$("#numberOfInstallments option:gt(0)").remove();
    
			if ($("#productIdFk").val() == "") {
				toastr.warning("Please select a product first.", "Warning!", opts);
				return false;
			}

			$("#submit").prop("disabled", true);
			$.ajax({
				type: "post",
				url: "./getRegularLoanProductInfoOnDisbursement",
				dataType: "json",
				data: {
					productId: $("#productIdFk").val(),
					memberId: $("#select-to").val()
				},
				success: function(_response) {
					if (_response.errors) {
						$.each(_response.errors, function(index, val) {
							alert(_response.errors[index]);
						});
					} else {
					    $("#newLoanCode").val(_response.newLoanCode);
						$("#loanCode").val(_response.loanCode);
						$("#loanCycle").val(_response.loanCycle);
						$("#loanAmount").val(_response.loanAmount);
						$("#backupLoanAmount").val(_response.loanAmount);
						$("#maxLoanAmount").val(_response.maxLoanAmount);
						$("#minLoanAmount").val(_response.minLoanAmount);
						$("#insuranceAmount").val(_response.insuranceAmount);
						$("#additionalFee").val(_response.additionalFee);
						$("#loanFormFee").val(_response.loanFormFee);
                        
                        //Added for interestDiscountAmount(Start)
						if(_response.product.isAllowInterestDiscount == 1){
       							$('#interestDiscountAmount').closest('div').show('slow'); 
							} else {
								$('#interestDiscountAmount').closest('div').hide('slow'); 
							}
						//Added for interestDiscountAmount(End)
						
						$.each(_response.repaymentFrequency, function(index, value) {
							$("#repaymentFrequencyIdFk").append(
								'<option value="' + index + '">' + value + "</option>"
							);
						});
					
					}
				},
				error: function(_response) {
					alert("Error Occured!");
				}
			});
		});

		$(document).on('change', '#loan_purpose_code_level_1', function(){
			var code = $('#loan_purpose_code_level_1').val();
			$("#loan_purpose_code_level_2 option:gt(0)").remove();
			$("#loan_purpose_code_level_3 option:gt(0)").remove();
			$("#loan_purpose_code_level_4 option:gt(0)").remove();
			var csrf = "{{csrf_token()}}";
			$.ajax({
				type: 'post',
				url: './getEconomicPurposes',
				dataType: 'json',
				data: {
					'level' : 2,
					'code' : code,
					'_token' : csrf
				},
				success: function(_response) {
					for (const [key, value] of Object.entries(_response)) 
					{
						$("#loan_purpose_code_level_2").append('<option value="' + key + '">' + value + "</option>");
					}
				}
			});
		});

		$(document).on('change', '#loan_purpose_code_level_2', function(){
			let productId = $("#productIdFk").val();
			let code_layer1 = $('#loan_purpose_code_level_1').val();
			var code = $('#loan_purpose_code_level_2').val();
			
			$("#loan_purpose_code_level_3 option:gt(0)").remove();
			$("#loan_purpose_code_level_4 option:gt(0)").remove();
			
			var csrf = "{{csrf_token()}}";
			$.ajax({
				type: 'post',
				url: './getEconomicPurposes',
				dataType: 'json',
				data: {
					'level' : 3,
					'code' : code,
					'_token' : csrf
				},
				success: function(_response) {
					for (const [key, value] of Object.entries(_response)) 
					{
						$("#loan_purpose_code_level_3").append('<option value="' + key + '">' + value + "</option>");
					}
				}
			});
		});
		
		$(document).on('change', '#loan_purpose_code_level_3', function(){
			var code = $('#loan_purpose_code_level_3').val();
			$("#loan_purpose_code_level_4 option:gt(0)").remove();
			var csrf = "{{csrf_token()}}";
			$.ajax({
				type: 'post',
				url: './getEconomicPurposes',
				dataType: 'json',
				data: {
					'level' : 4,
					'code' : code,
					'_token' : csrf
				},
				success: function(_response) {
					for (const [key, value] of Object.entries(_response)) 
					{
						$("#loan_purpose_code_level_4").append('<option value="' + key + '">' + value + "</option>");
					}
				}
			});
		});
		//end loan product and purpose layer changes update


		$("#repaymentFrequencyIdFk").change(function(event) {

			$("#numberOfInstallments option:gt(0)").remove();
			$("#firstRepayDate, #interestCalculationMethod, #interestRate, #totalRepayAmount, #interestAmount, #installmentAmount, #extraInstallmentAmount, #actualInstallmentAmount, #lastInstallmentAmount").val('');

			if ($(this).val() == '') {
				return false;
			}

			var memberId = $("#select-to").val();
			var productId = $("#productIdFk").val();

			if (memberId == '') {
				toastr.warning("Please select member.", "Warning!", opts);
				$(this).val('');
				return false;
			}

			if (productId == '') {
				toastr.warning("Please select a product first.", "Warning!", opts);
				$(this).val('');
				return false;
			}

			$.ajax({
				url: './getRegularLoanFrequencyData',
				type: 'POST',
				dataType: 'json',
				data: {memberId: memberId, productId: productId, repaymentFrequencyId: $(this).val()},
			})
			.done(function(data) {
				$.each(data['installments'], function(index, value) {
					// if(value != 35) $("#numberOfInstallments").append('<option value="' + value + '">' + value + "</option>"); // 21-12-2021 : Ripa Madam's Request
					$("#numberOfInstallments").append('<option value="' + value + '">' + value + "</option>");
				});
				$("#firstRepayDate").val(data['firstRepayDate']);
			})
			.fail(function() {
				alert("response error");
			});
			
		});

		$("#numberOfInstallments").change(function(event) {

			if ($(this).val() == '') {
				return false;
			}

			var memberId = $("#select-to").val();
			var productId = $("#productIdFk").val();
			var loanAmount = parseFloat($("#loanAmount").val());
			var repaymentFrequencyIdFk = $("#repaymentFrequencyIdFk").val();
			var numberOfInstallments = $("#numberOfInstallments").val();
            
            //Added for interestDiscountAmount(Start)
			var interestDiscountAmount = 0;
			if ($('#interestDiscountAmount').val()!='') {
				interestDiscountAmount = parseFloat($('#interestDiscountAmount').val());
			}
			//Added for interestDiscountAmount(End)
			
			var data = {memberId: memberId, productId: productId, loanAmount: loanAmount, repaymentFrequencyIdFk: repaymentFrequencyIdFk, numberOfInstallments: numberOfInstallments, interestDiscountAmount:interestDiscountAmount};

			$.ajax({
				url: './getDataOnSelectingNumOfInstallment',
				type: 'POST',
				dataType: 'json',
				data: data,
			})
			.done(function(data) {
				if (data.responseTitle=='Warning!') {
					toastr.warning(data.responseText, data.responseTitle, opts);
				}
				$("#interestCalculationMethod").val(data['interestCalMethod']);
				$("#interestRate").val(data['interestRate']);
				$("#totalRepayAmount").val(data['totalRepayAmount']);
				$("#interestAmount").val(data['interestAmount']);
				$("#installmentAmount").val(data['installmentAmount']);
				$("#lastInstallmentAmount").val(data['lastInstallmentAmount']);
				$("#actualInstallmentAmount").val(data['actualInstallmentAmount']);
				$("#extraInstallmentAmount").val(data['extraInstallmentAmount']);
			})
			.fail(function() {
				alert("response error");
			});
			
		});


		$(document).on("input", "#loanAmount", function() {

			this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');

			var loanAmount = 0;
			if ($(this).val() != '') {
				var loanAmount = parseFloat($("#loanAmount").val());
			}
			else{
				$("#insuranceAmount").val('');
				return false;
			}

			if ($("#numberOfInstallments").val() == '') {
				toastr.warning("Please select number of installments first.", "Warning!", opts);
				return false;
			}

			$.ajax({
				type: "post",
				url: "./getRegularLoanProductInfoOnDisbursement",
				dataType: "json",
				data: {
					productId: $("#productIdFk").val(),
					memberId: $("#select-to").val(),
					onlyForInsuranceAmount: true,
					loanAmount: loanAmount,
				},
				success: function(_response) {
					if (_response.errors) {
						$.each(_response.errors, function(index, val) {
							alert(_response.errors[index]);
						});
					} else {
						$("#insuranceAmount").val(_response.insuranceAmount);				
					}
				},
				error: function(_response) {
					alert("Error Occured!");
				}
			});

			$("#numberOfInstallments").trigger('change');
			
		});


		$(document).on("change", "#paymentTypeIdFk", function() {
			if ($("#paymentTypeIdFk").val() == "Bank") {
				$("#ledgerId")
					.parent()
					.removeClass("hidden");
				$("#chequeNo")
					.parent()
					.removeClass("hidden");
				$("#chequeDate")
					.parent()
					.removeClass("hidden");

				$("#submit").prop("disabled", true);
				$.ajax({
					type: "post",
					url: "./../getLedgersOptionByBranch",
					dataType: "json",
					data: {
						projectId: "<br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;Auth&quot; not found in /home/shikkhaplus/public_html/morning_bird_bk/resources/views/microfin/loan/regularLoan/addRegularLoan.blade.php:1648
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/microfin/loan/regularLoan/addRegularLoan.blade.php</b> on line <b>1648</b><br />