| Server IP : 199.250.214.225 / Your IP : 3.137.215.18 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/consolidated/newpayroll/resources/views/nhfAccount/ |
Upload File : |
@extends('layouts.layout')
@section('pageTitle')
@endsection
@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>
<form method="post" action="{{ url('/nhf-report/storenhf') }}">
<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>
{{ csrf_field() }}
<div class="col-md-12">
<h2 style="text-align: center;">Add NHF</h2>
<h2 class="col-md-3 col-md-offset-5" style="text-align: center;"><img src="" id="image" width="120" height="120"></h2>
<div class="row">
<h3 style="text-align: center">SEARCH BY NAME</h3>
<div class="col-md-10 col-md-offset-1">
<div id="message"></div>
<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="col-md-12">
<div class="form-group">
<label for="bankName">Search</label>
<input type="text" id="autocomplete" name="search" class="form-control" placeholder="Sesrch By Name">
<input type="hidden" id="nameID" name="nameID"></br>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="bankName">Firstname</label>
<input type="text" id="firstname" name="firstName" class="form-control">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="bankName">Surname</label>
<input type="text" id="surname" name="surname" class="form-control">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="col-md-6">
<div class="form-group">
<label for="bankName">Enter File Number</label>
<input type="text" name="staff" id="staff" class="form-control">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="bankName">Select Year</label>
<select name="year" class="form-control" id='year'>
<option value="">Choose Year</option>
<?php
$year = date('Y')-27;
for($i=0;$i<40;$i++)
{
echo '<option value="'.$year.'">'.$year.'</option>';
++$year;
}
?>
</select>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="col-md-6">
<div class="form-group">
<label for="bankName">Select Month</label>
<select name="month" id="month" class="form-control">
<option value="">Select Month </option>
<option value="JANUARY">January</option>
<option value="FEBRUARY">February</option>
<option value="MARCH">March</option>
<option value="APRIL">April</option>
<option value="MAY">May</option>
<option value="JUNE">June</option>
<option value="JULY">July</option>
<option value="AUGUST">August</option>
<option value="SEPTEMBER">September</option>
<option value="OCTOBER">October</option>
<option value="NOVEMBER">November</option>
<option value="DECEMBER">December</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="bankName">Date</label>
<input type="text" name="date" id="date" class="form-control">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="col-md-6">
<div class="form-group">
<label for="bankName">Amount</label>
<input type="text" name="amount" id="amount" class="form-control">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="bankName">NHF Number</label>
<input type="text" name="nhfNo" id="nhf" class="form-control">
</div>
</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" id="btn" type="button"> Add </button>
</div>
</div>
</div>
</div>
</div><!-- /.col -->
</div><!-- /.row -->
</form>
</div>
@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;
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 src="{{ asset('assets/js/my-hr.js') }}" type="text/javascript"></script>
<script type="text/javascript">
$( function() {
$("#date").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);
$("#date").val(dateFormatted);
},
});
} );
</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){
$('#staff').val(data.fileNo);
$('#image').attr('src', murl+'/passport/'+data.fileNo+'.jpg');
$('#surname').val(data.surname);
$('#firstname').val(data.first_name);
$('#othernames').val(data.othernames);
$('#nhf').val(data.nhfNo);
//alert(data.fileNo);
}
})
}
});
});
</script>
<script type="text/javascript">
$(function() {
$('#btn').click(function(){
$('#loader').show();
$('#btn').hide();
var year = $('#year').val();
var amount = $('#amount').val();
var staff = $('#staff').val();
//var year = $('#year').val();
var date = $('#date').val();
var month = $('#month').val();
//var fname = $('#firstname').val();
// var sname = $('#surname').val();
//alert(amount);
$.ajax({
url: murl +'/nhf/previous/save',
type: "post",
data: {'year': year,'amount': amount,'staff': staff,'date': date,'month': month, '_token': $('input[name=_token]').val()},
success: function(data){
$('#loader').hide();
console.log(data);
$('#message').fadeIn().html(data);
setTimeout(function() {
$('#message').fadeOut("slow");
}, 6000 );
$('#btn').show();
}
});
});
});
</script>
@endsection