| Server IP : 199.250.214.225 / Your IP : 3.14.142.241 Web Server : Apache System : Linux vps64074.inmotionhosting.com 3.10.0-1160.105.1.vz7.214.3 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : nicngo5 ( 1001) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /home/nicngo5/npay.pdf.nicn.gov.ng/resources/views/nhfAccount/ |
Upload File : |
@extends('layouts.layout')
@section('pageTitle')
View Staff Account Statement
@endsection
<style type="text/css">
.clear
{
clear: both;
}
</style>
@section('content')
<div class="box box-default">
<div class="box-header with-border hidden-print">
<h3 class="box-title">@yield('pageTitle') <span id='processing'></span></h3>
</div>
<div class="box-body">
<div class="row">
<div class="col-md-12">
@if (count($errors) > 0)
<div class="alert alert-danger alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<strong>Error!</strong>
@foreach ($errors->all() as $error)
<p>{{ $error }}</p>
@endforeach
</div>
@endif
@if(session('msg'))
<div class="alert alert-success alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<strong>Success!</strong>
{{ session('msg') }}
</div>
@endif
@if(session('err'))
<div class="alert alert-error alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<strong>Error!</strong>
{{ session('err') }}
</div>
@endif
</div>
</div><!-- /.col -->
<form method="post" action="{{ url('/data/view') }}">
{{ csrf_field() }}
<div class="col-md-12">
<div class="row">
<h3 style="text-align: center">SEARCH</h3>
<div class="col-md-4 col-md-offset-4">
<div class="col-md-12" style="padding-left: 0px;">
<div class="form-group">
<label for="bankName">Search By Name or file Number</label>
<input type="text" id="autocomplete" name="search" class="form-control" placeholder="Search By Name">
<input type="hidden" id="nameID" name="nameID"></br>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="form-group">
<label for="Year">Year</label>
<select name="year" class="form-control">
<option value="">Choose Staff</option>
@for($i=1990;$i<=2030;$i++)
<option value="{{$i}}">{{$i}}</option>
@endfor
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div align="right" class="form-group">
<button name="action" class="btn btn-success btn-block" type="submit"> View </button>
</div>
</div>
</div>
</div>
</div><!-- /.col -->
</form>
<div class="clear"></div>
<div class="clear"></div>
</div><!-- /.row -->
</div>
@endsection
@section('styles')
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom-style.css')}}">
@endsection
@section('styles')
<style>
.textbox {
border: 1px;
background-color: #66FFBA;
outline:0;
height:25px;
width: 275px;
}
$('.autocomplete-suggestions').css({
color: 'red'
});
.autocomplete-suggestions{
color:#66FFBA;
overflow: scroll;
}
</style>
@endsection
@section('scripts')
<script src="{{asset('assets/js/jquery-ui.min.js')}}"></script>
<!-- autocomplete js-->
<script src="{{ asset('assets/js/jquery.autocomplete.js') }}" ></script>
<script type="text/javascript">
$(function() {
$("#autocomplete").autocomplete({
serviceUrl: murl + '/searchUsernhf',
minLength: 2,
onSelect: function (suggestion) {
//alert('hello');
$('#nameID').val(suggestion.data);
// alert(suggestion.data);
$.ajax({
url: murl +'/searchUsernhf/result',
type: "post",
data: {'nameID': $('#nameID').val(), '_token': $('input[name=_token]').val()},
success: function(data){
$('#fileNo').val(data.fileNo);
$('#image').attr('src', murl+'/passport/'+data.fileNo+'.jpg');
$('#surname').val(data.surname);
$('#firstname').val(data.first_name);
$('#othernames').val(data.othernames);
// alert(data.fileNo);
}
})
}
});
});
</script>
<script type="text/javascript">
$( function() {
$("#stopdate").datepicker({
changeMonth: true,
changeYear: true,
yearRange: '1910:2090', // specifying a hard coded year range
showOtherMonths: true,
selectOtherMonths: true,
dateFormat: "dd MM, yy",
//dateFormat: "D, MM d, yy",
onSelect: function(dateText, inst){
var theDate = new Date(Date.parse($(this).datepicker('getDate')));
var dateFormatted = $.datepicker.formatDate('dd MM yy', theDate);
$("#stopdate").val(dateFormatted);
},
});
} );
$( function() {
$("#startdate").datepicker({
changeMonth: true,
changeYear: true,
yearRange: '1910:2090', // specifying a hard coded year range
showOtherMonths: true,
selectOtherMonths: true,
dateFormat: "dd MM, yy",
//dateFormat: "D, MM d, yy",
onSelect: function(dateText, inst){
var theDate = new Date(Date.parse($(this).datepicker('getDate')));
var dateFormatted = $.datepicker.formatDate('dd MM yy', theDate);
$("#startdate").val(dateFormatted);
},
});
} );
</script>>
@endsection