@extends('layouts/microfin_layout')
@section('title', '| Ledger Payment Config List')
@section('content')
	<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;border:none!important">
					<div class="panel-options">
						{{-- @if(Auth::user()->branchId==1) --}}
							<a href="{{ route('addPaymentLedgerConfig') }}" class="btn btn-info pull-right addViewBtn">
								<i class="glyphicon glyphicon-plus-sign addIcon"></i>
								Add Payment Config
							</a>
						{{-- @endif --}}
					</div>
				</div>
				<div class="title-section">
					<h1>
						<span>Ledger Payment Config List</span>
					</h1>
				</div>
				<div class="panel-body panelBodyView">
					<table class="table table-striped table-bordered view" id="">
						<thead>
							<tr>
								<th scope='col'>#</th>
								<th scope='col'>Branch</th>
								<th scope='col'>Effective Date</th>
								<th scope='col' colspan="3">Config</th>
								<th scope='col'>Action</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($result as $item)
							@php
								$rowSpanCount = count($item['config']);
								$firstElement = $item['config'][0];
								unset($item['config'][0]);
								$rowSpan = Count($item['config']);
							@endphp
								<tr>
									<td rowspan="{{$rowSpanCount}}">{{$loop->iteration}}</td>
									<td rowspan="{{$rowSpanCount}}">@if ($item['branchName'] == null) All @else {{$item['branchName']}} @endif</td>
									<td rowspan="{{$rowSpanCount}}">{{$item['effectiveDate']}}</td>
									<td >{{$firstElement['paymentType']}}</td>
									<td style="text-align: left">{{$firstElement['collectionLedger']}}</td>
									<td style="text-align: left">{{$firstElement['disburseMentLedger']}}</td>
									<td rowspan="{{$rowSpan +1}}" >
										<a href="{{route('removePaymentLedgerConfig',$item['id'])}}">
											<i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
										</a>
										
									</td>
								</tr>
								@foreach ($item['config'] as $key=>$value)
									<tr>
										<td >{{$value['paymentType']}}</td>
										<td style="text-align: left">{{$value['collectionLedger']}}</td>
										<td style="text-align: left">{{$value['disburseMentLedger']}}</td>
									</tr>
									
								@endforeach
								{{-- <tr>
									<td >Delete</td>
								</tr> --}}
							@endforeach
							
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
	{{-- <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> --}}
	{{-- <script type="text/javascript">
		$(document).on('click', '.deleteConfirmation', function() {
			if(hasAccess('deleteLoanProduct')) {
				$('#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: './deleteLoanProduct',
				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);

						setTimeout(function(){
							window.location.href = '{{ url('viewLoanProduct/') }}';
						}, 3000);
					}
				},
				error: function(_response) {
					alert(_response.errors);
				}
			});
		}
	</script> --}}
@endsection