@extends('layouts/microfin_layout') @section('title', '| Update 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>

<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 List
				</a>
			</div>
			<div class="panel panel-default panel-border">
				<div class="panel-heading">
					<div class="panel-title">Update 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::text('memberIdFk', $member->code.' - '.$member->name, array('class'=>'form-control', 'readonly' => 'readonly')) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('disbursement date', 'Disbursement
												Date:*', ['class' => 'control-label']) !!} <br />
												{!! Form::text('disbursementDate', $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::text('productIdFk', $productName, array('class'=>'form-control', 'readonly' => 'readonly')) !!}
												</div>
											<div class="col-xs-3">
												{!! Form::label('loan code', 'Loan Code:', ['class' => 'control-label']) !!} <br/>
												{!! Form::text('loanCode', $loan->loanCode, ['class' => 'form-control', 'type' => 'text', 'readonly' => 'readonly']) !!}
												{!! Form::hidden('loanId', encrypt($loan->id), ['class' => 'form-control', 'type' => 'text', 'readonly' => 'readonly']) !!}
											</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', $loan->loanApplicationNo, ['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') + $repaymentFrequency, $loan->repaymentFrequencyIdFk, 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') + $installments,
												$loan->numberOfInstallment, 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', $firstRepayDate, ['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', $loan->loanCycle, ['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', $loan->loanAmount, ['class' =>
												'form-control', 'id' => 'loanAmount', 'type' => 'text',
												'autocomplete' => 'off', 'data-validate' => 'required', 'readonly' => ((isset($loan->eventId) && $loan->eventId > 0) ? true : false)])
												!!}
											</div>
											
											<div class="col-xs-3">
												{!! Form::label('insurance amount', 'Insurance Amount:',
												['class' => 'control-label']) !!} <br />
												{!! Form::text('insuranceAmount', $loan->insuranceAmount,
												['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',
												($loanPurpose), $loan->loanSubPurposeIdFk,
												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', $loan->folioNum, ['class' =>
												'form-control', 'id' => 'folioNum', 'type' => 'text'])
												!!}
											</div>
										</div>

										<div class="row">

											<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', $loan_purpose_level_1_list, $loan->loan_purpose_code_level_1, 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', $loan_purpose_level_2_list, $loan->loan_purpose_code_level_2, 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', $loan_purpose_level_3_list, $loan->loan_purpose_code_level_3, 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', $loan_purpose_level_4_list, $loan->loan_purpose_code_level_4, array('class'=>'form-control', 'id' => 'loan_purpose_code_level_4', '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"
									>
										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', $loan->interestCalculationMethod, ['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', $loan->interestRate, ['class'
												=> 'form-control', 'id' => 'interestRate', 'type' =>
												'text', 'readonly' => 'readonly', 'data-validate' =>
												'required, minlength[1]']) !!}
											</div>
											
											@if($loan->interestDiscountAmount)
											<div class="col-xs-3">
												{!! Form::label('interestDiscountAmount', 'Interest Discount Amount:', ['class' => 'control-label']) !!} <br/>
												{!! Form::text('interestDiscountAmount', $loan->interestDiscountAmount, ['class' => 'form-control', 'id' => 'interestDiscountAmount', 'type' => 'text', 'readonly' => 'readonly',]) !!}
											</div>
											@endif
											
										</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', $loan->totalRepayAmount,
												['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', $loan->interestAmount, ['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', $loan->installmentAmount,
												['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',
												($paymentType), $loan->paymentTypeIdFk,
												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', $loan->chequeNo, ['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', $chequeDate, ['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 ($extraInstallmentAmountGeneratePolity == 'automatic')
													{!! Form::text('extraInstallmentAmount', $loan->extraInstallmentAmount,
													['class' => 'form-control', 'id' =>
													'extraInstallmentAmount', 'type' => 'text', 'readonly'
													=> 'readonly']) !!}
												@else
													{!! Form::text('extraInstallmentAmount', $loan->extraInstallmentAmount,
													['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', $loan->actualInstallmentAmount,
												['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', $loan->lastInstallmentAmount,
												['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', $loan->additionalFee, ['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', $loan->loanFormFee, ['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', $loan->note, ['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', $loan->firstGuarantorName,
												['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', $loan->firstGuarantorRelation,
												['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', $loan->firstGuarantorAddress,
												['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', $loan->firstGuarantorContact,
												['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', $loan->secondGuarantorName,
												['class' => 'form-control', 'id' =>
												'secondGuarantorName', 'type' => 'text']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('relation', 'Relation:', ['class' =>
												'control-label']) !!} <br />
												{!! Form::text('secondGuarantorRelation', $loan->secondGuarantorRelation,
												['class' => 'form-control', 'id' =>
												'secondGuarantorRelation', 'type' => 'text']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('address', 'Address:', ['class' =>
												'control-label']) !!}
												<br />
												{!! Form::text('secondGuarantorAddress', $loan->secondGuarantorAddress,
												['class' => 'form-control', 'id' =>
												'secondGuarantorAddress', 'type' => 'text']) !!}
											</div>
											<div class="col-xs-3">
												{!! Form::label('contact', 'Contact:', ['class' =>
												'control-label']) !!}
												<br />
												{!! Form::text('secondGuarantorContact', $loan->secondGuarantorContact,
												['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', 'data-validate' => 'required', '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', 'data-validate' => 'required', '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">
																<div id="results">
																	Your captured image will appear here... <br />
																	<img
																		id="profileImagePreview"
																		src="{{ asset('uploads/images/member/profile').'/'.$member->profileImage }}"
																		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 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('uploads/images/member/nid-signature').'/'.$member->nIDSignatureImage }}"
																		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">
																<div id="resultsGuarantor">
																	Your captured image will appear here... <br />
																	<img
																		id="guarantorImagePreview"
																		src="{{ asset('uploads/images/member/guarantor').'/'.$loan->guarantorImage }}"
																		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 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">
																
																<div id="guarantor_nid_signature">
																	Your captured image will appear here... <br />
																	
																	<img
																		id="guarantorNidImagePreview"
																		src="{{ asset('uploads/images/member/nid-signature').'/'.$loan->guarantorNidImage }}"
																		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>

						 {!! Form::close() !!}
					</div>
				</div>
			</div>
		</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 src="https://cdnjs.cloudflare.com/ajax/libs/webcamjs/1.0.4/webcam.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 > 400){
			toastr.error('Total self-employment information can not be more than 400', 'Invalid Employment Information', opts)
			return false
		}
		
		if(FEFullTimeMaleWage + FEFullTimeFemaleWage + OFEPartTimeMaleWage + OFEPartTimeFemaleWage > 400){
			toastr.error('Total wage-based employment information can not be more than 400', '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>');
		$("#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) {
			$.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 $member in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1035</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() {

		$(".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');	
		});
		

		$(document).on("change", "#productIdFk", function() {

			$("#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 {
						$("#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);

						$.each(_response.repaymentFrequency, function(index, value) {
							$("#repaymentFrequencyIdFk").append(
								'<option value="' + index + '">' + value + "</option>"
							);
						});
					
					}
				},
				error: function(_response) {
					alert("Error Occured!");
				}
			});
		});


		$("#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 = <br />
<b>Warning</b>:  Undefined variable $loan in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1151</b><br />
<br />
<b>Warning</b>:  Attempt to read property "memberIdFk" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1151</b><br />
;
			var productId = <br />
<b>Warning</b>:  Undefined variable $loan in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1152</b><br />
<br />
<b>Warning</b>:  Attempt to read property "productIdFk" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1152</b><br />
;

			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) {
					$("#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 = <br />
<b>Warning</b>:  Undefined variable $loan in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1190</b><br />
<br />
<b>Warning</b>:  Attempt to read property "memberIdFk" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1190</b><br />
;
			var productId = <br />
<b>Warning</b>:  Undefined variable $loan in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1191</b><br />
<br />
<b>Warning</b>:  Attempt to read property "productIdFk" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1191</b><br />
;
			var loanAmount = parseFloat($("#loanAmount").val());
			var repaymentFrequencyIdFk = $("#repaymentFrequencyIdFk").val();
			var numberOfInstallments = $("#numberOfInstallments").val();

			var data = {memberId: memberId, productId: productId, loanAmount: loanAmount, repaymentFrequencyIdFk: repaymentFrequencyIdFk, numberOfInstallments: numberOfInstallments};

			$.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: <br />
<b>Warning</b>:  Undefined variable $loan in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1247</b><br />
<br />
<b>Warning</b>:  Attempt to read property "productIdFk" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1247</b><br />
,
					memberId: <br />
<b>Warning</b>:  Undefined variable $loan in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1248</b><br />
<br />
<b>Warning</b>:  Attempt to read property "memberIdFk" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1248</b><br />
,
					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>Warning</b>:  Undefined variable $branchProjectId in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1289</b><br />
",
						branchId: "<br />
<b>Warning</b>:  Undefined variable $loan in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1290</b><br />
<br />
<b>Warning</b>:  Attempt to read property "branchIdFk" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1290</b><br />
"
					},
					success: function(_response) {
						if (_response.errors) {
							$.each(_response.errors, function(index, val) {
								alert(_response.errors[index]);
							});
						} else {
							$("#ledgerId").empty();
							$("#ledgerId").append(
								"<option value='' selected='selected'>Select</option>"
							);

							$.each(_response.ledgerOfBanksOptions, function(index, value) {
								$("#ledgerId").append(
									"<option value='" +
										value.id +
										"'>" +
										value.code +
										" - " +
										value.name +
										"</option>"
								);
							});

							$("#ledgerId").val(<br />
<b>Warning</b>:  Undefined variable $loan in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1315</b><br />
<br />
<b>Warning</b>:  Attempt to read property "ledgerId" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/regularLoan/editRegularLoan.blade.php</b> on line <b>1315</b><br />
);
						}
					},
					error: function(_response) {
						alert(_response.errors);
					}
				});
			} else if ($("#paymentTypeIdFk").val() == "Cash") {
				$("#ledgerId")
					.parent()
					.addClass("hidden");
				$("#chequeNo")
					.parent()
					.addClass("hidden");
				$("#chequeDate")
					.parent()
					.addClass("hidden");
			}
		});

		$("#paymentTypeIdFk").trigger('change');

		// this is temporary form submit
		$("form").submit(function(event) {
			event.preventDefault();
			$("#submit").prop("disabled", true);
			
			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
			}
			
			if(FEFullTimeMale + FEFullTimeFemale + FEPartTimeMale + FEPartTimeFemale > 400){
				toastr.error('Total self-employment information can not be more than 400', 'Invalid Employment Information', opts)
				return
			}
			
			if(FEFullTimeMaleWage + FEFullTimeFemaleWage + OFEPartTimeMaleWage + OFEPartTimeFemaleWage > 400){
				toastr.error('Total wage-based employment information can not be more than 400', 'Invalid Employment Information', opts)
				return
			}

			var form = document.forms.namedItem("memberForm");
			var formData = new FormData(form);

			$.ajax({
				url: './../updateRegularLoan',
				type: 'POST',
				dataType: "json",
				contentType: false,
				data: formData,
				processData: false,
			})
			.done(function(_response) {
				if (_response.errors) {
					$.each(_response.errors, function(index, val) {
						 alert(val);
					});
					$("#submit").prop("disabled", true);
				}
				else{
					if (_response.responseTitle == 'Warning!') {
						toastr.warning(_response.responseText, _response.responseTitle, opts);
						$("#submit").prop("disabled", false);
					}
					else{
						toastr.success(_response.responseText, _response.responseTitle, opts);
						setTimeout(function(){
							window.location.href = '{{ url('mfn/viewRegularLoan/') }}';
						}, 3000);
					}
				}
			})
			.fail(function() {
				alert("response error");
			});
			
		});



		$(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: "{{ route('getEconomicPurposes') }}",
				dataType: 'json',
				data: {
					'level' : 2,
					'code' : code,
					'_token' : csrf
				},
				success: function(_response) {
					for (const [key, value] of Object.entries(_response)) 
					{
						console.log(key, value);
						$("#loan_purpose_code_level_2").append(
							'<option value="' + key + '">' + value + "</option>"
						);
					}
				}
			});
       	});


	   	$(document).on('change', '#loan_purpose_code_level_2', function(){
			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: "{{ route('getEconomicPurposes') }}",
				dataType: 'json',
				data: {
					'level' : 3,
					'code' : code,
					'_token' : csrf
				},
				success: function(_response) {
					for (const [key, value] of Object.entries(_response)) 
					{
						console.log(key, value);
						$("#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: "{{ route('getEconomicPurposes') }}",
				dataType: 'json',
				data: {
					'level' : 4,
					'code' : code,
					'_token' : csrf
				},
				success: function(_response) {
					for (const [key, value] of Object.entries(_response)) 
					{
						console.log(key, value);
						$("#loan_purpose_code_level_4").append(
							'<option value="' + key + '">' + value + "</option>"
						);
					}
				}
			});
       	});

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


		/*$(document).ajaxStop(function() {
			$("#submit").prop("disabled", false);
		});*/
	}); /*ready*/
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/webcamjs/1.0.25/webcam.min.js"></script>


<script language="JavaScript">
	Webcam.set({
		width: 290,
		height: 190,
		image_format: "jpeg",
		jpeg_quality: 90
	});

	Webcam.attach("#my_camera");

	function take_snapshot() {
		Webcam.snap(function(data_uri) {
			$(".image-tag").val(data_uri);
			document.getElementById("checkedCapture").value = "Captured";
			document.getElementById("profileImage").disabled = true;
			document.getElementById("results").innerHTML =
				'<img width="270" height="170" src="' + data_uri + '"/>';
		});
	}

	// Webcam.attach( '#my_camera_member_regular_signature' );

	// function take_snapshot_member_regular_signature() {
	// 	Webcam.snap( function(data_uri) {
	// 		$(".image-tag-member-regular-signature").val(data_uri);
	// 		// document.getElementById("checkedRegularSignatureCapture").value = "Captured";
	// 		document.getElementById("regularMemberSignatureImage").disabled = true;
	// 		document.getElementById('member_regular_signature').innerHTML = '<img width="270" height="170" src="'+data_uri+'"/>';
	// 	} );
	// }

	Webcam.attach("#my_camera_member_nid_signature");

	function take_snapshot_member_nid_signature() {
		Webcam.snap(function(data_uri) {
			$(".image-tag-member-nid-signature").val(data_uri);
			// document.getElementById("checkedRegularSignatureCapture").value = "Captured";
			document.getElementById("regularMemberNidImage").disabled = true;
			document.getElementById("member_nid_signature").innerHTML =
				'<img width="270" height="170" src="' + data_uri + '"/>';
		});
	}

	Webcam.attach("#my_camera_gurantor");

	function take_snapshot_Guarantor() {
		Webcam.snap(function(data_uri) {
			$(".image-tag-gurantor").val(data_uri);
			document.getElementById("checkedGuarantorCapture").value = "Captured";
			document.getElementById("guarantorImage").disabled = true;
			document.getElementById("resultsGuarantor").innerHTML =
				'<img width="270" height="170" src="' + data_uri + '"/>';
		});
	}

	// Webcam.attach( '#my_camera_gurantor_regular_signature' );

	// function take_snapshot_gurantor_regular_signature() {
	// 	Webcam.snap( function(data_uri) {
	// 		$(".image-tag-gurantor-regular-signature").val(data_uri);
	// 		// document.getElementById("checkedRegularSignatureCapture").value = "Captured";
	// 		document.getElementById("regularGuarantorSignatureImage").disabled = true;
	// 		document.getElementById('guarantor_regular_signature').innerHTML = '<img width="270" height="170" src="'+data_uri+'"/>';
	// 	} );
	// }

	Webcam.attach("#my_camera_gurantor_nid_signature");

	function take_snapshot_guarantor_nid_signature() {
		Webcam.snap(function(data_uri) {
			$(".image-tag-guarantor-nid-signature").val(data_uri);
			// document.getElementById("checkedRegularSignatureCapture").value = "Captured";
			document.getElementById("guarantorNidSignatureImage").disabled = true;
			document.getElementById("guarantor_nid_signature").innerHTML =
				'<img width="270" height="170" src="' + data_uri + '"/>';
		});
	}
</script>

<style type="text/css">
	.selectize-dropdown-content {
		width: 260px !important;
		background: olive;
		color: #000;
		left: -11px !important;
		position: relative !important;
		_top: -6px !important;
		top: 0 !important;
	}

	.selectize-dropdown,
	.selectize-input,
	.selectize-input input {
		height: 18px !important;
		font-size: 11px !important;
	}

	#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;
	}

	#rootwizard label {
		margin-bottom: 0 !important;
		color: #555;
		font-size: 9px;
		text-transform: uppercase;
	}

	.validate-has-error,
	#loanAmount-error {
		color: #ff0000 !important;
	}

	#loanAmount-error {
		font-size: 11px !important;
		text-transform: none !important;
	}

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

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

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