| Server IP : 199.250.214.225 / Your IP : 18.222.113.171 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')
Add/Update Staff Record
@endsection
@section('content')
<form method="post" action="{{ url('nhf-number/update') }}" id="form1">
{{ csrf_field() }}
<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
</div>
<!-- 1st column -->
<div class="col-md-4">
<div id="loader" style="width:300px; margin:auto;display: none; font-size: 15px; text-transform: uppercase;"><img src="{{asset('Images/ajax-loader.gif')}}" > <span class="loading">Processing: Please Wait</span></div>
<div class="form-group">
<label for="bankName">Search</label>
<input type="hidden" id="nameID" name="nameID"></br>
<input type="text" id="autocomplete" name="search" class="form-control" placeholder="Search By Name">
</div>
<div class="form-group">
<label>Title</label>
<select name="title" id="title" class="form-control" disabled>
<option value="Select Title" selected="selected">Select Title</option>
<option value="MR." {{ (old("title") == "MR." ? "selected":"") }}>Mr.</option>
<option value="MRS." {{ (old("title") == "MRS." ? "selected":"") }}>Mrs.</option>
<option value="MISS" {{ (old("title") == "MISS" ? "selected":"") }}>Miss</option>
<option value="HON. JUSTICE" {{ (old("title") == "HON. JUSTICE" ? "selected":"") }}>Hon. Justice</option>
</select>
</div>
<div class="form-group">
<label>First name</label>
<input type="text" name="firstName" id="firstName" class="form-control" readonly value="{{ old('firstName') }}" />
</div>
<div class="form-group">
<label>NHF Number</label>
<input type="text" name="nhfNo" id="nhfNo" class="form-control" value="{{ old('nhfNo') }}" />
</div>
<div class="form-group">
<label>Mobile Number</label>
<input type="text" name="mobile" id="mobile" class="form-control" value="{{ old('mobile') }}" />
</div>
</div>
<!-- /.col -->
<!-- 2nd column -->
<div class="col-md-4">
<div class="form-group">
<label>File Number</label>
<input type="text" class="form-control" id="fileNo" name="fileNo" readonly value="{{ old('fileNo') }}">
</div>
<div class="form-group">
<label>Surname</label>
<input type="text" name="surname" id="surname" class="form-control" readonly value="{{ old('surname') }}" />
</div>
<div class="form-group">
<label>Other Names</label>
<input type="text" name="otherNames" id="otherNames" class="form-control" readonly value="{{ old('otherNames') }}" />
</div>
<div class="form-group">
<label>Email</label>
<input type="text" name="email" id="email" class="form-control" value="{{ old('email') }}" />
</div> <div class="form-group" style="padding-top:25px">
<input type="submit" class="btn btn-success" value="Update">
</div>
</div>
<!-- /.col -->
<!-- 3rd column -->
<div class="col-md-4">
<div class="form-group">
<img id="image" src="{{asset('passport/0.png')}}" height="208" />
</div>
</div> <!-- end of col-md-4 -->
<!-- /.col -->
</div>
<!-- /.row -->
</div>
</form>
@endsection
@section('styles')
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/datepicker.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom-style.css')}}">
<style>
.textbox {
border: 1px;
background-color: #66FFBA;
outline:0;
height:25px;
width: 275px;
}
$('.autocomplete-suggestions').css({
color: 'red'
});
.autocomplete-suggestions{
color:#66FFBA;
}
</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 src="{{ asset('assets/js/my-hr.js') }}" type="text/javascript"></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);
$token = $("input[name='_token']").val();
$.ajax({
headers: {'X-CSRF-TOKEN': $token},
type: 'POST',
url: murl +'/searchUsernhf/result',
type: "post",
data: {'nameID': $('#nameID').val(), '_token': $('input[name=_token]').val()},
success: function(data){
console.log(data);
$('#image').attr('src', murl+'/passport/'+data.fileNo+'.jpg');
$('#surname').val(data.surname);
$('#fileNo').val(data.fileNo);
$('#oldFileNo').val(data.fileNo);
$('#title').val(data.title);
$('#firstName').val(data.first_name);
$('#otherNames').val(data.othernames);
$('#nhfNo').val(data.nhfNo);
$('#email').val(data.email);
$('#mobile').val(data.phone);
}
});
}
});
}) ();
</script>
@endsection