@extends('layouts/microfin_layout')
@section('title', '|Member Bank List')
@section('content')
 

<style type="text/css">
	.page-header-nav {
		position: absolute;
		top: 58%;
		right: 0;
		left: 0;
		margin: 0;
		text-align: center;
	}
	.page-header-nav-link {
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin: 0 25px 12px 0;
		padding: 10px 0 0;
		font-size: 15px;
		line-height: 18px;
		font-weight: 700;
		overflow: hidden;
		color: #c6c6c5;
		transition: .6s color cubic-bezier(.165,.84,.44,1);
	}
	.page-header-nav-link-mask {
		position: absolute;
		display: inline-block;
		top: 10px;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		background: #fff;
		-webkit-transform: translate3D(-100%,0,0);
		-ms-transform: translate3D(-100%,0,0);
		transform: translate3D(-100%,0,0);
		transition: -webkit-transform .4s cubic-bezier(.19,1,.22,1);
		transition: transform .4s cubic-bezier(.19,1,.22,1);
	}
	.page-header-nav-link:hover .page-header-nav-link-mask-text,
	.page-header-nav-link.active .page-header-nav-link-mask-text {
		-webkit-transform: translate3D(0,0,0);
		-ms-transform: translate3D(0,0,0);
		transform: translate3D(0,0,0);
	}
	.page-header-nav-link-mask-text {
		position: absolute;
		top: 0;
		left: 0;
		color: #3c3c3b;
		-webkit-transform: translate3D(100%,0,0);
		-ms-transform: translate3D(100%,0,0);
		transform: translate3D(100%,0,0);
		transition: -webkit-transform .4s cubic-bezier(.19,1,.22,1);
		transition: transform .4s cubic-bezier(.19,1,.22,1);
	}
	.page-header-nav-link:before {
		right: 0;
		height: 1px;
		background-color: #c6c6c5;
	}
	.page-header-nav-link:before, .page-header-nav-link:after {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
	}
	.page-header-nav-link:after {
		right: 100%;
		height: 2px;
		background-color: #3c3c3b;
		transition: .6s right cubic-bezier(.165,.84,.44,1);
	}
	.page-header-nav-link:before, .page-header-nav-link:after {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
	}
</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">
        			<button id="btnExportExcel" class="btn btn-info pull-center addViewBtn"  target="_blank" style="">
        				<i class="fa-file-excel-o fa-lg" aria-hidden="true"> Excel</i>
        			</button>	
        		</div>
                <h3 style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Members Bank List </h3>
            </div>
                        
        	<div class="panel-body panelBodyView">
				<div class="row">
					{!! Form::open(array('name' => 'searchForm', 'class' => 'searchForm', 'url' => 'mfn/bank/list', 'method' => 'GET')) !!}

					{{-- <div class="col-xs-3">
						{!! Form::label('keyword', 'Keyword:', ['class' => 'control-label']) !!} <br/>
						{!! Form::text('keyword', request()->all('keyword')['keyword'] ?? '', ['class' => 'form-control', 'id' => 'keyword', 'type' => 'text']) !!}
					</div> --}}
					@if ( count($data['branches'])>1)
						<div class="col-xs-2">
							{!! Form::label('branch', 'Branch:', ['class' => 'control-label']) !!} <br/>
							{!! Form::select('branchId', count($data['branches'])>1 ? array('' => 'Select') + ($data['branches']) : ($data['branches']), request()->all('branchId')['branchId'] ?? '' , array('class'=>'form-control', 'id' => 'branchId')) !!}
						</div>
					@endif
					
					<div class="col-xs-2">
						{!! Form::label('samity', 'Samity:', ['class' => 'control-label']) !!} <br/>
						{!! Form::select('samityId', array('' => 'Select') + ($data['samity']),  request()->all('samityId')['samityId'] ?? '', array('class'=>'form-control', 'id' => 'samityId')) !!}
					</div>
					<div class="col-xs-1">
						{!! Form::label('', '', ['class' => 'control-label']) !!} <br/>
						{!! Form::submit('Search ', ['id' => 'submit', 'class' => 'btn btn-search']) !!}
					</div>
					{!! Form::close() !!}
				</div>

				 {{-- form start  --}}
				 @if (isset($data['members']) && !empty($data['members']))
					<div class="panel-body">
						<div class="row">
							<div class="col-md-12">
								{!! Form::open(['url' => '','method'=>'post', 'id'=>'bankAddForm']) !!}
									@php 
										$memberSl = 1;
									@endphp
									@foreach ($data['members'] as $member)
										{{-- {!! Form::hidden('memberId', $member->id) !!} --}}
										<div id="bankAccount" class="tab-pane active">
											<div class="form-group">
												<table id="" class="table hidden">
													<thead>
														<tr>
															<th colspan="10">Member Information</th>
														</tr>
														<tr>
															<th>SL</th>
															<th>code</th>
															<th>Member Name</th>
														</tr>
													</thead>
													<tbody>
														<tr rowspan="4">
															<td>{{$loop->iteration}}</td>
															<td>{{$member->code}}</td>
															<td>
																{{$member->name}}
																{!! Form::hidden('memberId[]', $member->id) !!}
															</td>
														</tr>
													</tbody>
												</table>
												<table id="bankAccountTable" class="table" >
													<thead>
														<tr>
															<th rowspan="2" style="width: 4%;">SL</th>
															<th colspan="2">Member</th>
															<th colspan="10">Bank Account Form</th>
														</tr>
														<tr>
															<th style="width: 7%;">Name</th>
															<th style="width: 8%;">Code</th>
															<th>Bank Type</th>
															<th style="width:8%">Bank Name</th>
															{{-- <th>Holder Name</th> --}}
															<th>Account Number</th>
															<th>Routing Number</th>
															<th>Branch</th>
															<th>Bank File</th>
															<th>Action</th>
														</tr>
													</thead>
													<tbody>
														@foreach ($data['pendingBankAccounts'] as $bankAccount)
															<tr>
																@if($loop->iteration ==1)
																	<td rowspan="{{count($data['pendingBankAccounts'])}}">{{$memberSl++}}</td>
																	<td rowspan="{{count($data['pendingBankAccounts'])}}">{{$member->name}}</td>
																	<td rowspan="{{count($data['pendingBankAccounts'])}}">{{$member->code}}</td>
																@endif
																<td>
																	{!! Form::hidden('memberIds[]', $member->id, [ 'class' => 'member_id']) !!}
																	{!! Form::select("bankType[$member->id][]", ['' => 'Select']+$data['BANK_TYPES'], $bankAccount->bankType, [ 'class' => 'form-control bank_type']) !!}
																</td>
																<td>{!! Form::select("bankId[$member->id][]", ['' => 'Select']+ (($bankAccount->bankType == 'bank') ? $data['banks'] : $data['mobileBankings']), $bankAccount->bankId, ['class' => 'form-control bank_id']) !!} </td>
																<td>{!! Form::text("accountNumber[$member->id][]", @$bankAccount->accountNumber, ['class' => 'text-center form-control']) !!}</td>
																<td>{!! Form::text("routingNumber[$member->id][]", @$bankAccount->routingNumber, ['class' => 'text-center form-control routing_number', ($bankAccount->bankType == 'mobile_banking') ? 'readonly' : null]) !!}</td>
																<td>{!! Form::text("branchName[$member->id][]", @$bankAccount->branchName, ['class' => 'text-center form-control branch_name', ($bankAccount->bankType == 'mobile_banking') ? 'readonly' : null]) !!}</td>
																<td>
																	{!! Form::file("bankFile[$member->id][]", ['class' => 'text-left bankFile', 'style' => 'width:150px;', ($bankAccount->bankType == 'mobile_banking') ? 'disabled' : null]) !!}
																	@if (@$bankAccount->bankFile)
																		<a target="_blank" class="pull-left text-info"
																			href="{{ url('uploads/images/member/bankFile/' . $bankAccount->bankFile) }}">Show
																			File</a>
																	@endif
																</td>
																<td class="text-center">
																	<i class="fa-plus-square addRow" style="font-size: 26px;"></i>
																	&nbsp; &nbsp;
																	<i class="fa-minus-square removeRow" style="font-size: 26px; @if ($loop->iteration ==1) display:none; @endif "></i>
																</td>
															</tr>
														@endforeach
														
														{{-- <tr>
															<td colspan="5"><b  class="pull-right required"> Effective Date &nbsp;</b></td>
															<td colspan="2"></td>
														</tr> --}}
													</tbody>
												</table>
											</div>
										</div>
									@endforeach
									<table class="table">
										<tbody>
											<tr>
												<td style="width: 80%; text-align:right; font-weight:bold;">Effective Date:* </td>
												<td>{!! Form::text("effectiveDate", (isset($bankAccount->effectiveDate) && $bankAccount->effectiveDate) ? date('d-m-Y', strtotime(@$bankAccount->effectiveDate)) : null, ['class' => 'text-center form-control datepicker', 'readonly' => 'readonly', 'id' => 'effectiveDate']) !!}</td>
											</tr>
											<tr>
												<td></td>
												<td class="pull-right" style="width: 40%;">
													<button type="submit" class="btn btn-primary text-uppercase form-control" >Submit</button>
												</td>
											</tr>
										</tbody>
									</table>
									
								
								{!! Form::close() !!}
							</div>
						</div>
					</div>
				 @endif
				
				{{-- form end  --}}
				
			</div>
		</div>
	</div>
</div>

<script>
	$('#bankAddForm').submit(function(event) {
        event.preventDefault();
		var formData = new FormData(this);
        $.ajax({
            type: 'post',
            url: "{{ route('bank.acc.add') }}",
            data: formData,
			contentType: false,
			cache: false,
			dataType: 'json',
			processData: false,
            success: function(data) {
                if (data.errors) {
                } else {
                    if(data.responseTitle == "Success!"){
                        toastr.success(data.responseText, data.responseTitle, opts);
                        setTimeout(function(){
                            window.location.href = "{{ route('bank.acc.list') }}";
                        }, 2000);
                    }else{
                        toastr.warning(data.responseText, data.responseTitle, opts);
                    }
                }
            },
            error: function(_response) {
                // Handle error
                alert(_response.errors);
            }
        });
    });
</script>
<script>
	$(".datepicker").datepicker({
		changeMonth: true,
		changeYear: true,
		dateFormat: 'dd-mm-yy',
	});

        
	$(document).ready(function(){
		$(document).on('change', '#branchId', function() {
			if($(this).val()>0){
				$.ajax({
				type: 'get',
				// url: './reqSamityAndPrimaryProductOptionsForMember',
				url: "{{route('branch.wise.samityList')}}",
				dataType: 'json',
				data: {
					'branchId': $('#branchId').val(),
				},
				success: function(_response) {
					if(_response.errors) {
						alert(_response.errors);
					} else {
						$('#samityId').empty();
						$('#samityId').append('<option value="" selected="selected">Select</option>');

						$.each(_response.samity, function(index, value) {
							$('#samityId').append('<option value="'+ index +'">' + value + '</option>');
						});
					}
				},
				error: function(_response) {
					alert(_response.errors);
				}
			});
			}
		});
	});

	$(document).ready(function () {
		$('body').off().on('click', '.addRow', function(event) {
			table = $(this).closest('table').find('tbody'); 
			row = $(this).closest('table').find('tbody tr:first-child').clone().find('input').val(null).end().find('select').val(null).end();
			row.find("td:lt(3)").remove();
			$(row).insertAfter($(this).closest('tr'));
			setAction(table);
		});

		function setAction(selector) {
			var rowCount = selector.find('tr').length;
			// console.log(rowCount);
			if (rowCount < 2) {
				selector.find('.removeRow').hide();
			} else {
				selector.find('.removeRow').show();
			};
			selector.find("tr:first td:first, tr:first td:eq(1),  tr:first td:eq(2)").attr("rowspan", rowCount);
			selector.find("tr:first .removeRow").hide();
		}

		$('body').on('click', '.removeRow', function(event) {
			var table = $(this).closest('table').find('tbody');
			$(this).closest('tr').remove();
			setAction(table);
		});

		$('body').on('change', '.bank_type', function(e) {
		// $('body').on('change', '[name="bankType[]"]', function(e) {
			var bankType = $(this).val();
			var memberId = $(".member_id").val();
			var row = $(this).closest('tr');
			row.find('.routing_number').prop('readonly', true);
			// row.find('[name="routingNumber['+memberId+'][]"]').prop('readonly', true);
			row.find('.branch_name').prop('readonly', true);
			row.find('.bankFile').prop('disabled', true);
			// row.find('[name="branchName['+memberId+'][]"]').prop('readonly', true);
			row.find('.bank_id').find("option:gt(0)").remove();
			// row.find('[name="bankId['+memberId+'][]"]').find("option:gt(0)").remove();

			if(bankType == 'bank') {
				row.find('.routing_number').prop('readonly', false);
				// row.find('[name="routingNumber['+memberId+'][]"]').prop('readonly', false);
				row.find('.branch_name').prop('readonly', false);
				row.find('.bankFile').prop('disabled', false);
				// row.find('[name="branchName['+memberId+'][]"]').prop('readonly', false);
				
				var banks = JSON.parse(JSON.stringify(<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/member/bankConfig/list.blade.php</b> on line <b>370</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/member/bankConfig/list.blade.php</b> on line <b>370</b><br />
null));
				$.each(banks, function(index, value) {
					row.find('.bank_id').append('<option value="' + index + '">' + value + '</option>');
					// row.find('[name="bankId['+memberId+'][]"]').append('<option value="' + index + '">' + value + '</option>');
				});
			}else{
				var mobileBankings = JSON.parse(JSON.stringify(<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/member/bankConfig/list.blade.php</b> on line <b>376</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/member/bankConfig/list.blade.php</b> on line <b>376</b><br />
null));
				$.each(mobileBankings, function(index, value) {
					row.find('.bank_id').append('<option value="' + index + '">' + value + '</option>');
					// row.find('[name="bankId['+memberId+'][]"]').append('<option value="' + index + '">' + value + '</option>');
				});
			}
		});  
	});
	
</script>

@endsection
<script></script>