@extends('layouts/microfin_layout')
	@section('title', '|  Interest Provision Hold 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;
@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">
							<a href="{{ url('provisionHold/create') }}" class="btn btn-info pull-right addViewBtn">
								<i class="glyphicon glyphicon-plus-sign addIcon"></i> 
								Add Interest Provision Hold
							</a>
					</div>
					<h1 align="center" style="font-family: Antiqua;letter-spacing: 2px;"><font color="white">Interest Provision Hold List</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">
						<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>
						                       
						<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">
					<thead>
						<tr>
							<th width="10%">SL#</th>
							<th width="40">MONTH</th>
							<th width="40">PRODUCT</th>
							<th width="40">Branch(es)</th>
							<th width="40">Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($provisionHold as $key => $v)
						<tr>
							<td>{{($pageNo-1)*150+($key+1)}}</td>
							<td class="name">{{ date('F-Y', strtotime($v->effect_to))}}</td>
							<td class="name">{{$v->name}}</td>
							<td class="name">{{ \Illuminate\Support\Str::limit($v->holdBranches, $limit = 100, $end = '...') }}</td>
							<td>
								<a href="{{url('provisionHold/details', $v->id)}}">
									<i class="fa fa-eye" aria-hidden="true"></i>
								</a>
								
								<a href="{{url('provisionHold/edit', $v->id)}}">
									<i class="fa fa-pencil" aria-hidden="true"></i>
								</a>

								<a href="javascript:;" class="deleteConfirmation" data-id="{{ $v->id }}">
									<i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
								</a>
							</td>
						</tr>
						@endforeach
						
					</tbody>
				</table>
				<div class="pull-right">			
					{{ $provisionHold->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('provisionHold/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("provisionHold/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);
			}
		});
		
	});
</script>