@extends('layouts/microfin_layout')
@section('title', '| Add One Time Loan')
@section('content')
	<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 {
			color: #FF0000;
		}
		#profileImagePreview {
			width: 120px;
		    height: 150px;
		    border: 1px solid #bebebe;
		    padding: 3px;
		    margin: 5px 5px 5px 0;
		}
		#regularSignatureImagePreview,
		#memberRegularSignatureImagePreview,
		#memberNidImagePreview,
		#nIDSignatureImagePreview {
			width: 200px;
		    height: 100px;
		    border: 1px solid #bebebe;
		    padding: 3px;
		    margin: 5px 5px 5px 0;
		}

		#guarantorSignatureImagePreview,
		#guarantorRegularSignatureImagePreview,
		#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/viewOneTimeLoan/') }}" class="btn btn-info pull-right addViewBtn">
                    	<i class="glyphicon glyphicon-th-list viewIcon"></i>
                    	One Time Loan Lists
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                	<div class="panel-heading">
                        <div class="panel-title">New One Time 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-3">
													{!! 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')) !!}
												</div>
												<div class="col-xs-3">
													{!! 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>
										</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('loan amount', 'Loan Amount:*', ['class' => 'control-label']) !!} <br/>
													{!! Form::text('loanAmount', $value = null, ['class' => 'form-control', 'id' => 'loanAmount', 'type' => 'text', 'data-validate' => 'required']) !!}
													{!! 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('loan repay period', 'Loan Repay Period:*', ['class' => 'control-label']) !!} <br/>
													{!! Form::select('loanRepayPeriodInMonth', array(''=>'Select'), null, array('class'=>'form-control', 'id' => 'loanRepayPeriodInMonth', 'data-validate' => 'required')) !!}
												</div>
												<div class="col-xs-3">
													{!! Form::label('repay date', 'Repay Date:*', ['class' => 'control-label']) !!} <br/>
													{!! Form::text('repayDate', $value = null, ['class' => 'form-control', 'id' => 'repayDate', 'type' => 'text', 'readonly' => 'readonly', 'data-validate' => 'required']) !!}
												</div>
												
											</div>
											<div class="row">
												
												{{--
												<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('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 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('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('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>
											
										</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>
										</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', 'readonly' => 'readonly', 'data-validate' => 'required']) !!}
												</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 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 Pictures</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">
															{!! 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 class="well">
													<div class="row">
														<h4 class="panel-title" style="text-align: center;"> Member National ID Signature</h4><br>
														<div class="col-md-6">
															<div id="my_camera_member_nid_image"></div>
															<br/>
															<input type="button" class="btn btn-secondary" id="takePictureMemberNidImage" value="Take Picture" onClick="take_snapshot_member_nid_image()">
														</div>
														<div class="col-xs-6">
															<div id="resultsMemberNidImage">Your captured image will appear here... <br>
																<img id="memberNidImagePreview" src="{{ asset('images/image-5.jpg') }}" class="img-responsive img-rounded full-width margin-bottom">
															</div>
															<input type="hidden" name="member_nid_image" id="imageMemberNidImage" class="image-tag-member-nid">
															
															{!! Form::file('memberNidImage', array('class' => 'signature', 'id' => 'memberNidImage', 'onchange' => 'loadMemberNidImageFile(event)')) !!}

															<input type="hidden" id="checkedMemberNidImageCapture" value="">
															<input type="hidden" id="checkedMemberNidImageBrowse" value="">
														</div>
													</div>
												</div>
												
												<div class="panel-heading" style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important">Upload Guarantor Pictures</div>
												<div class="well">
													<div class="row">
														<h4 class="panel-title" style="text-align: center;"> Member's Guarantor Picture</h4><br>
														<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 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 class="well">
													<div class="row">
														<h4 class="panel-title" style="text-align: center;"> Member's Guarantor National ID Signature </h4><br>
														<div class="col-md-6">
															<div id="my_camera_guarantor_nid_image"></div>
															<br/>
															<input type="button" class="btn btn-secondary" id="takePictureGuarantorNidImage" value="Take Picture" onClick="take_snapshot_guarantor_nid_image()">
														</div>
														<div class="col-xs-6">
															<div id="resultsGuarantorNidImage">Your captured image will appear here... <br>
																<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" id="imageGuarantorRegularSignature" class="image-tag-guarantor-nid-image">

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

															<input type="hidden" id="checkedGuarantorNidImageCapture" value="">
															<input type="hidden" id="checkedGuarantorNidImageBrowse" value="">
														</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>
	
	
	<!-- 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 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 > 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() {
			$('.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() {
			$('.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';
		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]);
		};


		var loadMemberNidImageFile = function(event) {
			document.getElementById("checkedMemberNidImageCapture").value = "Browsed";
			document.getElementById("takePictureMemberNidImage").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 loadGuarantorNidImageFile = function(event) {
			document.getElementById("checkedGuarantorNidImageCapture").value = "Browsed";
			document.getElementById("takePictureGuarantorNidImage").disabled = true;

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

	</script>

	<script>

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

       	  	var loanAmount = 0;

       	  	if (this.value != '') {
       	  		loanAmount = parseFloat(this.value);
       	  	}

       	  	$("#totalRepayAmount, #installmentAmount").val(loanAmount);

       	  	if (loanAmount == 0) {
       	  		$("#insuranceAmount").val(0);
       	  		return false;
       	  	}

       	  	$.ajax({
       	  		url: './getOnetimeLoanProductInfoOnDisbursement',
       	  		type: 'POST',
       	  		dataType: 'json',
       	  		data: {
       	  			productId: $("#productIdFk").val(),
					memberId: $("#select-to").val(),
					onlyForInsuranceAmount: true,
					loanAmount: loanAmount
       	  		},
       	  	})
       	  	.done(function(_response) {
       	  		if (_response.errors) {
					$.each(_response.errors, function(index, val) {
						alert(_response.errors[index]);
					});
				} else {
					$("#insuranceAmount").val(_response.insuranceAmount);			
				}
       	  	})
       	  	.fail(function() {
       	  		alert("response error");
       	  	});
       	  	

       	});

		$(document).ready(function() {
			$(".datepicker").datepicker({
	            changeMonth: true,
	            changeYear: true,
	            dateFormat: 'dd-mm-yy'
	        });



			$(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: './getOnetimeLoanProductOptionsOnDisbursement',
					type: 'POST',
					dataType: 'json',
					data: {memberId: $("#select-to").val()},
				})
				.done(function(products) {
					console.log(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/demo_bk/resources/views/microfin/loan/oneTimeLoan/addOneTimeLoan.blade.php</b> on line <b>768</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/oneTimeLoan/addOneTimeLoan.blade.php</b> on line <b>768</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>';
					}
				}
			});

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

				$("#loanCode, #loanAmount, #insuranceAmount, #repayDate, #interestCalculationMethod, #interestRate, #totalRepayAmount, #interestAmount, #installmentAmount, #extraInstallmentAmount, #actualInstallmentAmount, #lastInstallmentAmount, #additionalFee, #loanFormFee").val('');
				$("#loanRepayPeriodInMonth 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: "./getOnetimeLoanProductInfoOnDisbursement",
					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);
							$("#interestCalculationMethod").val(_response.interestCalculationMethod);
							$("#interestRate").val(_response.interestRate);
							$("#loanAmount").val(_response.loanAmount);
							$("#totalRepayAmount").val(_response.loanAmount);
							$("#installmentAmount").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.loanRepayPeriods, function(index, value) {
								$("#loanRepayPeriodInMonth").append(
									'<option value="' + index + '">' + value + "</option>"
								);
							});
						
						}
					},
					error: function(_response) {
						alert("Error Occured!");
					}
				});
			});

			$(document).on('change', '#loanRepayPeriodInMonth', function() {
	        	
	        	$('#repayDate').empty();
	        	
	        	$.ajax({
			        type: 'post',
			        url: './getOnetimeRepayDataOnDisbursement',
			        dataType: 'json',
			        data: {
			        	'memberId': $('#select-to').val(),
			        	'productId' : $('#productIdFk').val(),
			        	'disbursementDate': $('#disbursementDate').val(),
			        	'loanRepayPeriodInMonths': $('#loanRepayPeriodInMonth').val()
			       	},
			        success: function(_response) {
	                    if(_response.errors) {
	                        alert(_response.errors);
	                    } else {
	                   		$('#repayDate').val(_response.repayDate); 
	                    }
	                },
	                error: function(_response) {
	                    alert(_response.errors);
	                }
			    });
	        });

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

					$.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/demo_bk/resources/views/microfin/loan/oneTimeLoan/addOneTimeLoan.blade.php:889
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/oneTimeLoan/addOneTimeLoan.blade.php</b> on line <b>889</b><br />