@extends('layouts/microfin_layout')
@section('title', '| Product Details')
@section('content')
<style type="text/css">
		#interestRateList>tbody>tr>td:last-child a {
		padding: 0 3px;
	}

		#change-status-modal .modal-header,
	.showModal,
		#change-status-notification-modal .modal-header {
		background-color: #000;
		height: 40px;
		color: #fff;
		padding: 10px 15px !important;
	}

		#change-status-modal .modal-footer,
		#change-status-notification-modal .modal-footer {
		background-color: #fff;
		color: #fff;
	}
</style>
<div class="row">
	<div class="col-md-12">
		<div class="panel panel-default" style="_background-color:#708090;">
			<div class="panel-heading" style="padding-bottom:0px">
				<div class="panel-options">
					<a href="{{ url('mfn/viewLoanProduct/') }}" class="btn btn-info pull-right addViewBtn">
						<i class="glyphicon glyphicon-plus-sign addIcon"></i>
						Loan Product Lists
					</a>
				</div>
			</div>
			<div class="panel-body panelBodyView">
				<div class="row">
					<div class="col-md-10 col-md-offset-1">
						<table class="table table-striped table-bordered member-info">
							<thead>
								<tr>
									<th colspan="6">
										<strong>Loan Product Information</strong>
									</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Name:</td>
									<td>{{ $product->name }}</td>
									<td>Short Name:</td>
									<td>{{ $product->shortName }}</td>
								</tr>
								<tr>
									<td>Loan Product Code:</td>
									<td>{{ $product->code }}</td>
									<td>Funding Organization:</td>
									<td>{{ $productDetails['funOrgName'] }}</td>
								</tr>
								<tr>
									<td>Loan Product Category:</td>
									<td>{{ $productDetails['categoryName'] }}</td>
									<td>Is Primary Product:</td>
									<td>{{ $productDetails['isPrimaryProduct'] }}</td>
								</tr>
								<tr>
									<td>Start Date:</td>
									<td>{{ date_format(date_create($product->startDate), 'd-m-Y') }}</td>
									<td>Is Multiple Loan Allowed:</td>
									<td>{{ $productDetails['isMultipleLoanAllowed'] }}</td>
								</tr>
								<tr>
									<td>Eligible Repayment Frequency:</td>
									<td>{{ $productDetails['eligibleRepaymentFrequency'] }}</td>
									<td>Number of Installment:</td>
									<td>{{ $productDetails['installments'] }}</td>									
								</tr>
								<tr>
									<td>Grace Period (Days):</td>
									<td>{{ $productDetails['gracePeriod'] }}</td>
									<td></td>
									<td></td>									
								</tr>
								<tr>
									<td>Loan Product Type:</td>
									<td>{{ $productDetails['loanProductType'] }}</td>								
									<td>Years to Eligible Write Off:</td>
									<td>{{ $product->yearsEligibleWriteOff }}</td>
									
								</tr>
								<tr>									
									<td>Is Insurance Applicable:</td>
									<td>{{ $productDetails['isInsuranceApplicable'] }}</td>
									<td>Insurance Calculation Method:</td>
									<td>{{ $productDetails['insuranceCalculationMethod'] }}</td>
								</tr>
								<tr>									
									<td>Minimum Loan Amount:</td>
									<td>{{ number_format($product->minLoanAmount, 2) }}</td>
									<td>Maximum Loan Amount:</td>
									<td>{{ number_format($product->maxLoanAmount, 2) }}</td>
								</tr>
								<tr>									
									<td>Average Loan Amount:</td>
									<td>{{ number_format($product->avgLoanAmount, 2) }}</td>
									<td>Mandatory Savings Percentage(%) of Proposed Loan Amount:</td>
									<td>{{ $product->mandatorySavingsPercantage.'%' }}</td>
								</tr>
								<tr>									
									<td>Form Fee:</td>
									<td>{{ number_format($product->formFee, 2) }}</td>
									<td>Additional Fee:</td>
									<td>{{ number_format($product->additionalFee, 2) }}</td>
								</tr>
							</tbody>
						</table>
						<div style="height:20px"></div>
						<div class="panel-heading" style="padding-bottom:0px">
							<div class="panel-options">
								<a href="{{ url('addLoanInterestRate/'.encrypt($product->id)) }}"
									class="btn btn-info pull-right addViewBtn">
									<i class="glyphicon glyphicon-plus-sign addIcon"></i>
									Add Interest Rate
								</a>
							</div>
						</div>
						
						<table class="table table-striped table-bordered view" id="interestRateList">
							<thead>
								<tr>
									<th>Repayment Frequency</th>
									<th>Installment Number</th>
									<th>Interest Cal. Method</th>
									<th>Interest Percentage (%)</th>
									<th>Interest Index</th>
									@if ($baseRatioConfigCount > 0)
										<th>Base Ratio Per Thousand </th>
									@endif
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
								@foreach ($interestRates as $interestRate)
									@php
									if($baseRatioConfigCount > 0){
										$baseRatio = $interestRate->baseRatioPerThousand == 0 ? '-' : $interestRate->baseRatioPerThousand;
									}
									@endphp
									<tr>
										<td>{{ $repaymentFrequencies->where('id', $interestRate->repaymentFrequencyId)->max('name') }}</td>
										<td>{{ $interestRate->installmentNum }}</td>
										<td>{{ $interestCalMethods->where('id', $interestRate->interestCalculationMethodId)->max('name') }}</td>
										<td>{{ $interestRate->interestRate. '(%)' }}</td>
										<td>{{ $interestRate->interestRateIndex }}</td>
										@if ($baseRatioConfigCount > 0)
											<td>{{number_format((float)$baseRatio,2)}}</td>
										@endif
										<td>
											<a href=" {{ url("./updateLoanInterestRate").'/'.$interestRate->id }} ">
												<i class="fa fa-pencil fa-lg" aria-hidden="true"></i>
											</a>

											<a href="#" data-id="{{ $interestRate->id }}">
												<i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
											</a>
										</td>
									</tr>
								@endforeach
							</tbody>
						</table>
						
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
</div>

{{-- delete modal --}}
<div class="modal fade" id="delete-confirmation-modal">
	<div class="modal-dialog">
		<div class="modal-header">
			<h4 class="modal-title">Delete Confirmation</h4>
			<a class="close" href="#" data-dismiss="modal">X</a>
		</div>
		<div class="modal-content">
			<div class="modal-body">
				Are you sure to delete this item?
			</div>
		</div>
		<div class="modal-footer">
			<div class="form-group hidden">
				<div class="col-sm-6 col-sm-offset-2">
					{!! Form::text('id', $value = null, ['class' => 'form-control', 'id' => 'id', 'type' => 'text',
					'readonly']) !!}
				</div>
			</div>
			<button id="yesBtn" type="button" class="btn btn-info animated slideInRight"
				style="margin-bottom:0!important;" onclick="deleteData();">Yes</button>
			<button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal"
				style="margin-bottom:0!important;">No</button>
		</div>
	</div>
</div>

{{-- status change modal --}}
<div class="modal fade" id="change-status-modal">
	<div class="modal-dialog">
		<div class="modal-header">
			<h4 class="modal-title">Change Status</h4>
			<a class="close" href="#" data-dismiss="modal">X</a>
		</div>
		<div class="modal-content">
			<div class="modal-body">
				Are you sure to change status?
			</div>
		</div>
		<div class="modal-footer">
			<div class="form-group hidden">
				<div class="col-sm-6 col-sm-offset-2">
					{!! Form::text('id', $value = null, ['class' => 'form-control', 'id' => 'id', 'type' => 'text',
					'readonly']) !!}
				</div>
			</div>
			<button id="yesBtn" type="button" class="btn btn-info animated slideInRight"
				style="margin-bottom:0!important;" onclick="changeStatus();">Yes</button>
			<button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal"
				style="margin-bottom:0!important;">No</button>
		</div>
	</div>
</div>

{{-- status change notification modal --}}
<div class="modal fade" id="change-status-notification-modal">
	<div class="modal-dialog">
		<div class="modal-header">
			<h4 class="modal-title">Change Status</h4>
			<a class="close" href="#" data-dismiss="modal">X</a>
		</div>
		<div class="modal-content">
			<div class="modal-body">
				Please, activate this item first to modify!
			</div>
		</div>
		<div class="modal-footer">
			<button id="noBtn" type="button" class="btn btn-info animated slideInRight" data-dismiss="modal"
				style="margin-bottom:0!important;">Ok</button>
		</div>
	</div>
</div>

<script type="text/javascript">
	// delete
		$(document).on('click', '.deleteConfirmation', function() {
			if(hasAccess('deleteLoanInterestRate')) {
				$('#id').val($(this).data('id'));
				$('.navbar-minimal').css("z-index", "1");
				jQuery('#delete-confirmation-modal').modal('show', {backdrop: 'fade'});
			}
		});

		function deleteData() {

			$.ajax({
				type: 'post',
				url: './../deleteLoanInterestRate',
				dataType: 'json',
				data: {
					'id': $('#id').val()
				},
				success: function(_response) {
					if(_response.errors) {
						if(_response.errors['name'])
							toastr.warning(_response.errors.name, null, opts);
					} else {
						toastr.success(_response.responseText, _response.responseTitle, opts);

						
					}
				},
				error: function(_response) {
					alert(_response.errors);
				}
			});
		}

		// change status
		$(document).on('click', '.changeStatus', function() {
			if(hasAccess('updateInterestRateItem')) {
				$('#id').val($(this).data('id'));
				$('.navbar-minimal').css("z-index", "1");
				jQuery('#change-status-modal').modal('show', {backdrop: 'fade'});
			}
		});

		function changeStatus() {

			$.ajax({
				type: 'post',
				url: './../updateLoanInterestRateItemStatus',
				dataType: 'json',
				data: {
					'interestId': $('#id').val(),
				},
				success: function(_response) {
					// alert(_response.responseTitle);
					if(_response.errors) {
						if(_response.errors['name'])
							toastr.warning(_response.errors.name, null, opts);
					} else {
						if (_response.responseTitle == 'Warning!') {
							toastr.warning(_response.responseText, _response.responseTitle, opts);
						}
						else if (_response.responseTitle == 'Success!') {
							toastr.success(_response.responseText, _response.responseTitle, opts);
						}
						
					}
				},

				error: function(_response) {
					alert(_response.errors);
				}
			});
		}

		// status notification
		$(document).on('click', '.changeStatusNotification', function() {
			$('#id').val($(this).data('id'));
			$('.navbar-minimal').css("z-index", "1");
			jQuery('#change-status-notification-modal').modal('show', {backdrop: 'fade'});
		});

</script>
@endsection