| Server IP : 199.250.214.225 / Your IP : 3.22.66.212 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/fundscopied/resources/views/nicnModuleViews/epaymentShedule/ |
Upload File : |
@extends('layouts.layout')
@section('pageTitle')
{{strtoupper("Generate Staff E-PAYMENT")}}
@endsection
@section('content')
<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-warning alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<strong>Error Occured!</strong>
{!! session('err') !!}
</div>
@endif
</div>
</div><!-- /.col -->
<form method="post" action="{{url('/report/e-payment')}}">
{{ csrf_field() }}
<div class="row">
<div class="col-md-6">
<!--include('layouts._searchByDatePatialView')-->
</div>
</div>
</form>
<hr>
<!--//start search record-->
<div class="box-body" style="background-color: white;">
<div>
<Form id="allVoucherForm" method="post" action="{{ url('/report/e-payment-schedule-staff') }}">
{{ csrf_field() }}
<div align="center" class="alert" style="font-size: 20px; background: #f9f9f9;">
<strong>{{strtoupper('Generate E-payment')}}</strong>
</div>
<div align="center" class="row" style="margin-right: 10px; margin-top: -10px;">
<div class="col-md-3">
<input type="checkbox" name="headBanner" value="1" style="width: 30px; height: 30px;">
<span class="text-success">Remove Head Banner on E-payment Report</span>
</div>
@forelse($paymentBank as $listBank)
<div class="col-md-3">
<input type="radio" name="account" value="{{$listBank->bankID}}" style="width: 30px; height: 30px;">
<span class="text-success"><big>{{ $listBank->bank_name .': '. $listBank->account_no }}</big></span>
</div>
@empty
@endforelse
</div>
<hr />
<div class="row">
<div align="center" class="col-md-6">
<button type="button" name="generateEpayment" id="generateEpayment" class="btn btn-success"> Generate E-Payment <i class="fa fa-file"></i> </button>
</div>
<div align="center" class="col-md-6">
<a href="{{ url('generate-epayment-report') }}" class="btn btn-success"> Go back to list <i class="fa fa-back"></i> </a>
</div>
</div>
<!--//start temp voucher-->
<hr />
<div class="row">
<!--<div class="col-md-12">
<input type="text" id="myInput" class="form-control" onkeyup="myFunction()" placeholder="Search by Beneficiary/Name..." title="Type in a Beneficiary or name">
</div>-->
</div>
<hr />
<div>
<table id="myTable" class="table table-hover table-striped table-responsive table-condensed table-bordered input-sm">
<thead>
<tr>
<th>S/N</th>
<th><input type="checkbox" tabindex="1" name="globalCheckbox" id="globalCheckbox"></th>
<th>{{strtoupper("Beneficiary's Name")}}</th>
<th>{{strtoupper("Bank")}}</th>
<th>{{strtoupper("Account No.")}}</th>
<th>{{strtoupper('Sort Code')}}</th>
<th>{{strtoupper('Voucher TYpe')}}</th>
<th>{{strtoupper('Amount')}} ₦</th>
<th>{{strtoupper('Description')}}</th>
<th>{{strtoupper('Date')}}</th>
</tr>
</thead>
<tbody style="max-height: 200px; overflow-y: auto;">
<input type="hidden" name="voucherID" id="voucherID" value="{{$voucherTransactionID}}" />
@if(count($userEpayment) > 0)
@php $countNull = 1; @endphp
@foreach ($userEpayment as $key=>$listStaff)
<tr>
<td>
{{ 1 + $key}}
</td>
<td>
<input type="checkbox" tabindex="1" name="beneficiaryID[]" id="{{$listStaff->staffTransactionID}}" value="{{$listStaff->staffTransactionID}}" class="beneficiaryArray checkBox">
</td>
<td>
<a href="#" data-toggle="modal" data-target="#editVoucherModal{{$listStaff->staffTransactionID}}">{{ $listStaff->beneficiaryDetails}}</a>
</td>
<td>
<a href="#" data-toggle="modal" data-target="#editVoucherModal{{$listStaff->staffTransactionID}}">{{ ($listStaff->nameOfBank == '' ? $listStaff->staffBankName : $listStaff->nameOfBank) }}</a>
</td>
<td>
<a href="#" data-toggle="modal" data-target="#editVoucherModal{{$listStaff->staffTransactionID}}">{{ $listStaff->accNo }}</a>
</td>
<td>
<a href="#" data-toggle="modal" data-target="#editVoucherModal{{$listStaff->staffTransactionID}}">{{ ($listStaff->sort_code_staff != null) ? $listStaff->sort_code_staff: $bankSortCode[$key] }}</a>
</td>
<td>
<a href="#" data-toggle="modal" data-target="#editVoucherModal{{$listStaff->staffTransactionID}}">{{ $listStaff->contractType}}</a>
</td>
<td>
<a href="#" data-toggle="modal" data-target="#editVoucherModal{{$listStaff->staffTransactionID}}">{{ ($listStaff->staffAmount ? number_format($listStaff->staffAmount, 2, '.', ',') : 0)}}</a>
</td>
<td>
<a href="#" data-toggle="modal" data-target="#editVoucherModal{{$listStaff->staffTransactionID}}">{{ ($listStaff->payDesc <> null ?$listStaff->payDesc : $listStaff->paymentDescription) }}</a>
</td>
<td>
<a href="#" data-toggle="modal" data-target="#editVoucherModal{{$listStaff->staffTransactionID}}">{{$listStaff->dateCreated}}</a>
</td>
</tr>
<!--Edit Voucher for Epayment by JSON-->
<form>
{{ csrf_field() }}
<div class="modal fade" id="editVoucherModal{{$listStaff->staffTransactionID}}" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="background: gray; color: white; border: 1px solid white;">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Edit Voucher</h4>
</div>
<div class="modal-body col-sm-12" style="padding: 10px;">
<div class="row" style="background: #FFFFFF; margin: 5px;">
<div class="row" style="background: #ddd; margin: 5px 10px; padding: 5px;">
<div class="col-md-6">
Beneficiary
<input type="text" id="beneficiaryName{{$listStaff->staffTransactionID}}" class="form-control" value="{{ $listStaff->beneficiaryDetails}}" />
</div>
<div class="col-md-6">
Voucher Type
<div class="form-control">{{ $listStaff->contractType}}</div>
</div>
</div>
<div class="row" style="background: #ddd; margin: 5px 10px; padding: 5px;">
<div class="col-md-6">
Bank Name
<input type="text" name="bankName" id="bankName{{$listStaff->staffTransactionID}}" value="{{ ($listStaff->nameOfBank <> null ? $listStaff->nameOfBank : $listStaff->staffBankName) }}" class="form-control" />
</div>
<div class="col-md-6">
Account Number
<input type="text" name="accountNumber" id="accountNumber{{$listStaff->staffTransactionID}}" class="form-control" value="{{ $listStaff->accNo }}" />
</div>
</div>
<div class="row" style="background: #ddd; margin: 5px 10px; padding: 5px;">
<div class="col-md-6">
Sort Code
<input type="text" name="sortCode" id="sortCode{{$listStaff->staffTransactionID}}" class="form-control" value="{{ ($listStaff->sort_code_staff<>null)? $listStaff->sort_code_staff: $bankSortCode[$key] }}" />
</div>
<div class="col-md-6">
Amount
<input type="text" readonly name="amount{{$listStaff->staffTransactionID}}" id="amount" class="form-control" value="{{ $listStaff->staffAmount}}" />
</div>
</div>
<div class="row" style="background: #ddd; margin: 5px 10px; padding: 5px;">
<div class="col-md-12">
Payment Description
<textarea name="description" id="description{{$listStaff->staffTransactionID}}" class="form-control">{{ ($listStaff->payDesc <> null ?$listStaff->payDesc : $listStaff->paymentDescription) }}</textarea>
</div>
</div>
</div>
<hr />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success updateVoucherForEpayment" id="{{$listStaff->staffTransactionID}}"> Update <i clas="fa fa-file"></i></button>
<button type="button" class="btn btn-default" data-dismiss="modal"> Cancel </button>
</div>
</div>
</div>
</div>
</form>
<!-- //Confirmation For Merging of Voucher -->
@endforeach
<tr>
<td colspan="11">
<div align="right" class="hidden-print">Total Record: {{ count($userEpayment) }}</div>
</td>
</tr>
@else
<tr>
<td colspan="11">
<div align="center" class="text-danger">No Record Found!</div>
</td>
</tr>
@endif
</tbody>
</table>
</div><!--//end temp voucher-->
<hr />
<div class="row">
<div align="left" class="col-xs-6">
<strong>Authorized Signatory</strong>
<table class="table table-condensed table-responsive">
<tr>
<td align="left"> Name:- </td>
<td align="left">
<select name="firstAuthorized" style="border: 0; border-style: none; color: blue;">
<option value="">Select</option>
<option value=""></option>
@foreach($allRecords as $list1)
<option value="{{$list1 ->signatoryID}}">{{$list1 ->fullname}}</option>
@endforeach
</select>
</td>
</tr>
</table>
<strong>Authorized Signatory</strong>
<table class="table table-condensed table-responsive">
<tr>
<td align="left"> Name:- </td>
<td align="left">
<select name="secondAuthorized" style="border: 0; border-style: none; color: blue;">
<option value="">Select</option>
<option value=""></option>
@foreach($allRecords as $list2)
<option value="{{$list2 ->signatoryID}}">{{$list2 ->fullname}}</option>
@endforeach
</select>
</td>
</tr>
</table>
</div>
<div align="left" class="col-xs-6">
<strong>Submited For Confirmation By</strong>
<table class="table table-condensed table-responsive">
<tr>
<td align="left"> Name:- </td>
<td align="left">
<select name="submitedForConfirmationBy" style="border: 0; border-style: none; color: blue;">
<option value="">Select</option>
<option value=""></option>
@foreach($allRecords as $list3)
<option value="{{$list3 ->signatoryID}}">{{$list3 ->fullname}}</option>
@endforeach
</select>
</td>
</tr>
</table>
<strong>Confirmed Before Me</strong>
<table class="table table-condensed table-responsive">
<tr>
<td align="left"> Name:- </td>
<td align="left">
<select name="confirmedBeforeMe" style="border: 0; border-style: none; color: blue;">
<option value="">Select</option>
<option value=""></option>
@foreach($allRecords as $list4)
<option value="{{$list4 ->signatoryID}}">{{$list4 ->fullname}}</option>
@endforeach
</select>
</td>
</tr>
</table>
</div>
</div>
<hr />
<input type="hidden" name="mergeVoucher" id="mergeVoucher" />
<!--//-->
<input type="hidden" id="newBeneficiaryPost" name="newBeneficiaryPost" />
<input type="hidden" id="newDescriptionPost" name="newDescriptionPost" />
<input type="hidden" id="newBankNamePost" name="newBankNamePost" />
<input type="hidden" id="newAccountNumberPost" name="newAccountNumberPost" />
<input type="hidden" id="newSortCodePost" name="newSortCodePost" />
<input type="hidden" id="newAmountPost" name="newAmountPost" />
<!--//-->
<div class="row">
<div align="center" class="col-md-6">
<button type="button" name="generateEpayment" id="generateEpayment2" class="btn btn-success"> Generate E-Payment <i class="fa fa-file"></i> </button>
</div>
<div align="center" class="col-md-6">
<a href="{{ url('generate-epayment-report') }}" class="btn btn-success"> Go back to list <i class="fa fa-back"></i> </a>
</div>
</div>
<br />
</form>
</div>
<br />
@stop
@section('scripts')
<script src="{{asset('assets/js/jquery-ui.min.js')}}"></script>
<script type="text/javascript">
//SELECT/DESELECT ALL CHECKBOX
$(document).ready(function () {
$('#globalCheckbox').click(function(){
if($(this).prop("checked")) {
$(".checkBox").prop("checked", true);
} else {
$(".checkBox").prop("checked", false);
}
});
});
//SELECT/DESELECT ALL CHECKBOX
$(document).ready(function () {
$('#globalCheckbox2').click(function(){
if($(this).prop("checked")) {
$(".checkBox1").prop("checked", true);
} else {
$(".checkBox1").prop("checked", false);
}
});
});
//EDIT STAFF BANK DETAILS BY CPO
$(document).ready(function() {
$(".editBankDetailsButton").click(function () {
var id = this.id;
var bankName = $('#bankName'+id).val();
var accountNumber = $('#accountNumber'+id).val();
var sortCode = $('#sortCode'+id).val();
var staffAmount = $('#staffAmount'+id).val();
var description = $('#description'+id).val();
var beneficiary = $('#beneficiary'+id).val();
var companyID = $('#companyID'+id).val();
$.ajax({
url: murl + '/update/e-payment-details-JSON',
type: "post",
data: {'id': id, 'companyID': companyID, 'beneficiary': beneficiary, 'description': description, 'bankName': bankName, 'accountNumber': accountNumber, 'sortCode': sortCode, 'staffAmount': staffAmount, '_token': $('input[name=_token]').val()},
success: function(data){
location.reload();
}
})
});
});
//CPO
//Table search and pagination
function myFunction() {
// Declare variables
var input, filter, table, tr, td, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
// Loop through all table rows, and hide those who don't match the search query
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[2];
if (td) {
if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
//ends here
//Count The number of voucher selected
$(document).ready(function() {
var countChecked = function() {
var n = $( "input:checked" ).length;
var nValue = $( "input:checked" ).val();
//alert(nValue);
//return false;
//JSON Request
if($.isNumeric(this.id))
{
$.ajax({
url: murl + '/get-voucher-sum-amount-via-json',
type: "post",
data: {
'transactionID': this.id,
'_token': $('input[name=_token]').val()
},
success: function (data) {
$("#newAmount").val((parseFloat($("#newAmount").val()) + parseFloat(data)).toFixed(2));
}//end success
})
}
if(n === 0 ){
$("#newBeneficiary").val('');
$("#newDescription").val('');
$("#newBankName").val('');
$("#newAccountNumber").val('');
$("#newSortCode").val('');
$("#newAmount").val('0.00');
}//end if
//
if($.isNumeric(nValue))
{
$.ajax({
url: murl + '/get-voucher-details-via-json',
type: "post",
data: {
'transactionID': nValue,
'_token': $('input[name=_token]').val()
},
success: function (data) {
$("#newBeneficiary").val('');
$("#newDescription").val('');
$("#newBankName").val('');
$("#newAccountNumber").val('');
$("#newSortCode").val('');
if(data.companyID) {
$("#newBeneficiary").val(data.companyname);
$("#newDescription").val(data.description);
$("#newBankName").val(data.bank);
$("#newAccountNumber").val(data.accountnumber);
$("#newSortCode").val(data.sortcode);
}else{
$("#newBeneficiary").val(data.payee);
$("#newDescription").val(data.description);
$("#newBankName").val(data.bankname);
$("#newAccountNumber").val(data.accountno);
$("#newSortCode").val(data.bankcode);
}//end if
}//end success
})
}
//End JSON calls
if(n == 0)
{
$("#newAmount").val(0);
$( "#getVoucherSelected" ).html( "No Voucher Selected !" );
}else{
$( "#getVoucherSelected" ).html( n + (n === 1 ? " voucher was" : " vouchers were") + " selected?" );
}
};
countChecked();
$( "input[type=checkbox]" ).on( "click", countChecked );
});
//ends counting
//MERGE === Submit All Voucher Form
$(document).ready(function() {
//Generate E-Payment
$("#generateEpayment").click(function () {
$("#mergeVoucher").val(0);
$("#allVoucherForm").submit();
});
$("#generateEpayment2").click(function () {
$("#mergeVoucher").val(0);
$("#allVoucherForm").submit();
});
//Merge voucher
$("#startMergin").click(function () {
$("#newBeneficiaryPost").val($("#newBeneficiary").val());
$("#newDescriptionPost").val($("#newDescription").val());
$("#newBankNamePost").val($("#newBankName").val());
$("#newAccountNumberPost").val($("#newAccountNumber").val());
$("#newSortCodePost").val($("#newSortCode").val());
$("#newAmountPost").val($("#newAmount").val());
$("#mergeVoucher").val(1);
var newBeneficiary = $("#newBeneficiary").val();
var newDescription = $("#newDescription").val();
var newBankName = $("#newBankName").val();
var newAccountNumber = $("#newAccountNumber").val();
var newSortCode = $("#newSortCode").val();
var newAmount = $("#newAmount").val();
//
var beneficiaryArray = [];
$('input.beneficiaryArray:checkbox:checked').each(function () {
//beneficiaryArray = $(this).val();
beneficiaryArray.push(this.value);
});
if(beneficiaryArray == ''){
alert('you have not selected any voucher to be merged');
return false;
}
//
if($("#newBeneficiaryPost").val() == '' || $("#newBankNamePost").val() == '' || $("#newAccountNumber").val() == '' )
{
alert('Please, add reference name and account details');
return false;
}
//START MERGE POST
if(confirm("Are you sure you want to merge these records?")) {
$.ajax({
url: "{{url('/')}}" + '/merge-voucher-json',
type: "post",
data: {
'beneficiaryArray': beneficiaryArray,
'newBeneficiary': newBeneficiary,
'newDescription': newDescription,
'newBankName': newBankName,
'newAccountNumber': newAccountNumber,
'newSortCode': newSortCode,
'newAmount': newAmount,
'_token': $('input[name=_token]').val()
},
success: function (data) {
$("#newBeneficiary").val('');
$("#newDescription").val('');
$("#newBankName").val('');
$("#newAccountNumber").val('');
$("#newSortCode").val('');
$("#newAmount").val(0);
alert(data);
location.reload();
}//end success
})
}
});
});
//Remove voucher from Schedule
$(document).ready(function() {
$(".removeVoucher").click(function () {
var id = this.id;
if(confirm('Are you sure you want to remove this voucher?')) {
$.ajax({
url: murl + '/remove-voucher-from-schedule-JSON',
type: "post",
data: {'removeID': id, '_token': $('input[name=_token]').val()},
success: function (data) {
alert(data);
location.reload();
}
})
}
});
});
//ends removing
//Edit Voucher before E-payment STAFF
$(document).ready(function() {
$(".updateVoucherForEpayment").click(function () {
var id = this.id;
var getDescription = $('#description' + id).val();
var getAmount = $('#amount' + id).val();
var getSortCode = $('#sortCode' + id).val();
var getAccountNumber = $('#accountNumber' + id).val();
var getBankName = $('#bankName' + id).val();
var getEpaymentID = id;
var getVoucherID = $('#voucherID').val();
var beneficiaryName = $('#beneficiaryName' + id).val();
if(getEpaymentID == ''){
alert('Sorry, we are having issue while try to update your record! Refresh this page and try again.');
return false
}
$.ajax({
url: murl + '/update-voucher-for-epayment-staff-JSON',
type: "post",
data: {
'description': getDescription,
'amount': getAmount,
'sortCode': getSortCode,
'accountNumber': getAccountNumber,
'bankName': getBankName,
'ePaymentID': getEpaymentID,
'voucherID': getVoucherID,
'beneficiaryName': beneficiaryName,
'_token': $('input[name=_token]').val()
},
success: function(data){
//Successful
console.log(data);
location.reload();
}
})
});
});
//
</script>
<!--include ('layouts._searchByDatePatialCpo')-->
@stop
@section('styles')
<style type="text/css">
</style>
<!-- Include Required Prerequisites -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />
<!-- Include Date Range Picker -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
@stop