@extends('layouts/microfin_layout')
	@section('title', '|  Opening Interest List')
@section('content')

@php
    use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
    $pageNo = isset($_GET['page']) ? (int) $_GET['page']: 1;
    $branchSelected = isset($_GET['filBranch']) ? $_GET['filBranch'] : null;
    $depositSelected = isset($_GET['filDeposit']) ? $_GET['filDeposit'] : null;
    /*$samitySelected = isset($_GET['filSamity']) ? $_GET['filSamity'] : null;
    $memberCodeSelected = isset($_GET['filMemberCode']) ? $_GET['filMemberCode'] : null;
    $primarySelected = isset($_GET['filProduct']) ? $_GET['filProduct'] : null; */
    $dateFromSelected = isset($_GET['filDateFrom']) ? $_GET['filDateFrom'] : null;
    $dateToSelected = isset($_GET['filDateTo']) ? $_GET['filDateTo'] : null;
    $periodSelected = isset($_GET['filPeriod']) ? $_GET['filPeriod'] : null;
    $valueSelected = isset($_GET['filValue']) ? $_GET['filValue'] : null;
@endphp
<style>
	.text-left{
		text-align: left !important;
	}
	.text-right{
		text-align: right !important;
	}
</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">
						@if(Auth::user()->id == 1)
							<a href="{{ url('openingInterest/create') }}" class="btn btn-info pull-right addViewBtn">
								<i class="glyphicon glyphicon-plus-sign addIcon"></i> 
								Add Opening Savings Interest(OTS)
							</a>
						@endif
					</div>
					<h1 align="center" style="font-family: Antiqua;letter-spacing: 2px;"><font color="white">Opening Interest List(OTS)</font></h1>
			</div>

			<div class="panel-body panelBodyView">
				<!-- Filtering Start-->
				{!! Form::open(array('url' => Request::url(), 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'filterFormId', 'method'=>'get')) !!}
				<div class="row">
					<div class="col-md-12">

						@if($userBranchId == 1)
						<div class="col-md-2">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Branch:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::select('filBranch', [''=>'--All--']+$branchList, $branchSelected ,['id'=>'filBranch','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
								</div>
							</div>
						</div>
						@endif


						@if(!isset($type))
						<div class="col-md-2">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Date From:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::text('filDateFrom', $dateFromSelected,['id'=>'filDateFrom','class'=>'form-control input-sm', 'autocomplete'=>'off','readonly','style'=>'cursor:pointer']) !!}
								</div>
							</div>
						</div>

						<div class="col-md-2">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Date To:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::text('filDateTo', $dateToSelected,['id'=>'filDateTo','class'=>'form-control input-sm', 'autocomplete'=>'off','readonly','style'=>'cursor:pointer']) !!}
								</div>
							</div>
						</div> 
						@endif

						                       
						<div class="col-md-12">
							<div class="form-group">
								{!! Form::label('', '', ['class' => 'control-label col-md-12']) !!}
								<div class="col-md-12">                                    
									{!! Form::submit('Search', ['id' => 'searchButton', 'class' => 'btn btn-primary btn-xs']); !!}
								</div>
							</div>
						</div>
						
					</div>
				</div>
				
				{!! Form::close()  !!}
				<!-- filtering end-->

				<table class="table table-striped table-bordered" id="savingsAccountTable">
					<thead>
						<tr>
							<th width="40">SL#</th>
							<th width="40">MEMBER NAME</th>
							<th width="40">MEMBER CODE</th>
							<th width="40">SAVINGS CODE</th>
							<th width="40">GENERATE DATE</th>
							<th width="40">INTEREST AMOUNT (TK)	</th>
							<th width="40">Entry By</th>
							<th width="40">Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($interest as $key => $v)
						<tr>
							<td>{{($pageNo-1)*150+($key+1)}}</td>
							<td class="name">{{$v->member->name}}</td>
							<td class="">{{$v->member->code}}</td>
							<td class="">{{$v->account->savingsCode}}</td>
							<td>{{date('d-m-Y', strtotime($v->generate_date))}}</td>
							<td class="text-right">{{number_format($v->interestAmount,2)}}</td>
							<td>{{$v->prepared_by}}</td>
							<td>
								@php
								if ($v->generate_date == $v->branchDate) {
									$canDeleteOrEdit = 1;
								}else{
									$canDeleteOrEdit = 0;
								}
								@endphp									
								<a href="javascript:;" class="deleteConfirmation" data-id="{{ $v->id }}" @php if($canDeleteOrEdit==0){echo "style=\"pointer-events: none;cursor: not-allowed; opacity:0.5;\"";} else { echo "style=\"color: green; font-size:14px;\"";} @endphp>
									<i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
								</a>
								

							</td>
						</tr>
						@endforeach
						
					</tbody>
				</table>
				<div class="pull-right">			
					{{ $interest->appends(request()->input())->links() }}
				</div>
			</div>
			
		</div>
	</div>

</div>
@endsection

{{-- 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::hidden('delete_id', null, ['class' => 'form-control', 'id' => 'delete_id', 'type' => 'text', 'readonly']) !!}
				</div>
			</div>
			<button id="yesBtn" type="button" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;" >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>
{{-- End Delete Modal --}}

<script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script>
<script>
	$(document).ready(function() {

		/*Delete Modal*/
        $(document).on('click', '.deleteConfirmation', function() {
        	if(hasAccess('openingInterest/destroy')){
				event.preventDefault();
        		$('#delete_id').val($(this).data('id'));
        		jQuery('#delete-confirmation-modal').modal('show', {backdrop: 'fade'});
        	}
        });
        /*End Delete Modal*/

        /*Delete*/
        $("#yesBtn").click(function(event) {
        	$.ajax({
				url: '{{ url("openingInterest/destroy") }}',
        		type: 'POST',
        		dataType: 'json',
        		data: {
        			_token: "{{csrf_token()}}",
        			id: $('#delete_id').val()
        		},
        	})
        	.done(function(data) {
				if(data.responseTitle == 'Warning!'){
					toastr.warning(data.responseText, data.responseTitle, opts);
				}else{
					toastr.success(data.responseText, data.responseTitle, opts);
					setTimeout(function(){
						location.reload();
					}, 3000);
				}
        	})
        	.fail(function() {
        		alert("error");
        	})
        	
        	
        });
        /*End Delete*/

	$('#filDateFrom').datepicker({
		dateFormat: 'dd-mm-yy',
		changeYear: true,
		changeMonth: true,
		onSelect: function(){
			thisDate = $("#filDateFrom").datepicker('getDate');
			$('#filDateTo').datepicker('option','minDate',thisDate);
		}
	});

	$('#filDateTo').datepicker({
		dateFormat: 'dd-mm-yy',
		changeYear: true,
		changeMonth: true,
		onSelect: function(){
			thisDate = $("#filDateTo").datepicker('getDate');
			$('#filDateFrom').datepicker('option','maxDate',thisDate);
		}
	});

	$('#filDateFrom,#filDateTo').click(function(event) {
		this.value = '';
	});
		
	});
</script>