| Server IP : 199.250.214.225 / Your IP : 3.141.12.64 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 : |
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ DB::table('report_head_logo')->value('company_name') }}</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/font-awesome/css/font-awesome.min.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<!--Number to word-->
<script type="text/javascript" src="{{ asset('assets/js/number_to_word.js') }}"></script>
<script> var murl = "{{ url('/')}}"; </script>
<style type="text/css">
.table td{
border: #030303 solid 1px !important;
font-size: 11px !important;
padding: 1px !important;
}
.table th{
border: #030303 solid 1px !important;
font-size: 11px !important;
padding: 1px !important;
}
.table tr th td{
width: auto !important;
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1000; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 40%; /* Could be more or less, depending on screen size */
}
/* The Close Button */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
</style>
</head>
<body onload="lookup()">
<div class="container">
<a href="javascript:toggleDiv('headerBanner');" align="right" class="btn btn-success hidden-print pull-right">Hide Header Banner</a>
<div align="center" id="headerBanner" style="visibility: {{$removeReportBanner}}">
<p>
@php
$accountName = 'ACCOUNT NUMBER: ' . $accountDetails;
@endphp
@include('layouts.allReportHeader', ['companyName'=>'defaultName', 'companyAddress'=>'defaultAddress', 'title1'=>'E-PAYMENT SCHEDULE', 'title2'=>$accountName, 'showOnlyTitle1'=>1, 'showOnlyTitle2'=>1, 'hideLogos'=>0, 'hideAddress'=>0])
</p>
</div>
<div style="background: url({{ asset('companyLogos/'.DB::table('report_head_logo')->value('watermark_logo')) }}) no-repeat 50% 50% !important; -webkit-print-color-adjust: exact;">
<p>
<div class="row">
<div align="left" class="col-xs-6">
<table class="input-sm">
@if($acctVal == 'CAP')
<tr><td align="left">The Branch Controller,</td></tr>
<tr><td align="left">Central Bank of Nigeria,</td></tr>
<tr><td align="left">Abuja.</td></tr>
@else
<tr><td align="left">The Branch Manager,</td></tr>
<tr><td align="left">First Bank of Nigeria Plc,</td></tr>
<tr><td align="left">Commassie House, CBD, Abuja.</td></tr>
@endif
</table>
</div>
<div align="right" class="col-xs-6">
<table class="input-sm">
<tr>
<td align="right">
<div>Reference No:- {{$acctVal}} /{{ isset($epaymentDate) ? date('Y', strtotime($epaymentDate)) : date('Y') }}/
<span id="registerCode">
<a href="#" id="myBtn">2 <span id="refNo1"> {{$registrationCode}} </span> /A,</a>
</span>
</div>
</td>
</tr>
<tr>
<td align="right">Code No:- <a href="#" id="myBtn2"> <span id="refNo2"> {{$registrationCode}} </span> </a>
</td>
</tr>
<tr>
<td align="right">Date:- {{ isset($epaymentDate) ? date('d-m-Y', strtotime($epaymentDate)) : date('d-m-Y') }}</td>
</tr>
</table>
</div>
</div>
</p>
<div align="left">
@php
$sumTotal = 0;
@endphp
@foreach($AllcompanyListReport as $list)
@php $sumTotal += $list->amount; @endphp
@endforeach
<small>
@if($AllcompanyListReport->currentPage() == 1)
Please credit the account(s) of the under-listed beneficiaries and debit our account number above with the sum of ₦
<!--get current and last page-->
{{number_format(( $getTotalAmountSum ), 2, '.', ',')}}
(<span id="result"></span> ONLY)
@endif
</small>
</div>
<div class="row"><!--style="background: url({{ asset('companyLogos/'.DB::table('report_head_logo')->value('watermark_logo')) }}) no-repeat 50% 50% !important; -webkit-print-color-adjust: exact;"-->
<div class="col-sm-12">
<table class="table table-responsive table-condensed table-striped table-bordered input-sm"
style="/* for IE */filter:alpha(opacity=80);/* CSS3 standard */opacity:0.8;" >
<thead>
<tr>
<td align="center"><strong>S/N</strong></td>
<td align="center"><strong>BENEFICIARY</strong></td>
<td align="center"><strong>BANK</strong></td>
<td align="center"><strong>BRANCH</strong></td>
<td align="center"><strong>ACCT NO</strong></td>
<td align="center"><strong>AMOUNT(₦)</strong></td>
<td align="center"><strong>S/CODE</strong></td>
<td align="center"><strong>PURPOSE OF PAYMENT</strong></td>
<td class="hidden-print"></td>
</tr>
</thead>
<tbody class="input-sm">
@if( $AllcompanyListReport->currentPage() > 1)
<tr>
<td align="center" colspan="5">BROUGHT FORWARD</td>
<td>{{number_format(( Session::get('broughtForward') - $sumTotal ), 2, '.', ',')}} </td>
<td colspan="2"></td>
</tr>
@endif
@php
$key = 1;
$sumTotal = 0;
$countNull = 1;
$list3 = '';
$getStaff = '';
@endphp
@foreach($AllcompanyListReport as $list)
<tr>
<td align="center">{{($AllcompanyListReport->currentpage()-1) * $AllcompanyListReport->perpage() + $key ++}}</td>
<td align="left">
<div>
{{ strtoupper($list->contractor) }}
</div>
</td>
<td align="left">
<div>
{{ strtoupper(($list->bank !='')? $list->bank:$list->bankName) }}
</div>
</td>
<td align="left">
<div>
{{ $list->bank_branch }}
</div>
</td>
<td align="left">
<div>
{{ ($list->accountNo !='')?$list->accountNo:$list->acctNo }}
</div>
</td>
<td align="left">
<div>{{ ($list->amount ? number_format(($list->amount), 2, '.', ',') : 0)}}</div>
</td>
<td align="left">
<div>
{{ $list->sort_code }}
</div>
</td>
<td align="left">
<div>
{{ $list->purpose }}
</div>
</td>
<td class="hidden-print">
@if(!$list->mark_epayment_paid) <button type="button" class="removeRecoordFromEpayment" id="{{$list->ID}}"><i class="fa fa-trash"></i></button> @endif
</td>
</tr>
@endforeach
<tr>
<td align="right" colspan="5"><strong>TOTAL </strong></td>
<td align="left" colspan="4"> <strong>₦{{ (Session::get('broughtForward') ? number_format(( Session::get('broughtForward') ), 2, '.', ',') : 0)}}</strong></td>
</tr>
</tbody>
</table>
<div style="margin-top: -20px;">
<small>ALL DUE PROCESS COMPLIED WITH</small>
</div>
</div>
</div>
</div>
<p>
<div class="row input-sm">
<div align="left" class="col-xs-6" style="line-height: 0px;">
<b><small>Authorized Signatory</small></b>
<table class="input-sm">
<tr>
<td align="left">
<small>Name:-
<select name="firstAuthorized" id="firstAuthorized" style="border: 0; border-style: none; color: blue;">
<option value="">{{ ($getSignatories ? $getSignatories->signatory1 : null) }}</option>
<option value=""></option>
@foreach($allRecords as $list1)
<option value="{{$list1 ->signatoryID}}">{{$list1 ->fullname}}</option>
@endforeach
</select>
</small>
</td>
</tr>
<tr>
<td align="left"> <small>Signature & Thumb Print:- </small></td>
</tr>
<tr>
<td align="left"> <small> Date:- </small></td>
</tr>
<tr>
<td align="left">
<small>GSM No:- <span id="getPhone1">{{ ($getSignatories ? $getSignatories->phoneno1 : null) }}</span></small>
</td>
</tr>
</table>
<p></p>
<b><small>Authorized Signatory</small></b>
<table class="input-sm">
<tr>
<td align="left">
<small> Name:-
<select name="secondAuthorized" id="secondAuthorized" style="border: 0; border-style: none; color: blue;">
<option value="">{{ ($getSignatories ? $getSignatories->signatory2 : null) }}</option>
<option value=""></option>
@foreach($allRecords as $list2)
<option value="{{$list2 ->signatoryID}}">{{$list2 ->fullname}}</option>
@endforeach
</select>
</small>
</td>
</tr>
<tr>
<td align="left"> <small> Signature & Thumb Print:- </small></td>
</tr>
<tr>
<td align="left"> <small> Date:-</small> </td>
</tr>
<tr>
<td align="left">
<small> GSM No:- <span id="getPhone2">{{ ($getSignatories ? $getSignatories->phoneno2 : null) }}</span></small>
</td>
</tr>
</table>
</div>
<div align="left" class="col-xs-6" style="line-height: 15px;">
<b><small>Submited For Confirmation By</small></b>
<table class="input-sm">
<tr>
<td align="left">
<small>Name:-
<select name="submitedForConfirmationBy" id="submitedForConfirmationBy" style="border: 0; border-style: none; color: blue;">
<option value="">{{ ($getSignatories ? $getSignatories->signatory3 : null) }}</option>
<option value=""></option>
@foreach($allRecords as $list3)
<option value="{{$list3 ->signatoryID}}">{{$list3->fullname}}</option>
@endforeach
</select>
</td>
</tr>
<tr>
<td align="left">
<small>Signature & Thumb Print:- </small>
</td>
</tr>
<tr>
<td align="left"> <small> Date:- </small> </td>
</tr>
<tr>
<td align="left">
<small>GSM No:- <span id="getPhone3">{{ ($getSignatories ? $getSignatories->phoneno3 : null) }}</span></small>
</td>
</tr>
</table>
<p></p>
<b><small>Confirmed Before Me</small></b>
<table class="input-sm">
<tr>
<td align="left">
<small>Name:-
<select name="confirmedBeforeMe" id="confirmedBeforeMe" style="border: 0; border-style: none; color: blue;">
<option value="">{{ ($getSignatories ? $getSignatories->signatory4 : null) }}</option>
<option value=""></option>
@foreach($allRecords as $list4)
<option value="{{$list4 ->signatoryID}}">{{$list4 ->fullname}}</option>
@endforeach
</select>
</td>
</tr>
<tr><td align="left"> <small>Signature & Thumb Print:- </small></td></tr>
<tr><td align="left"> <small>Date:- </small></td></tr>
<tr>
<td align="left">
<small>GSM No:- <span id="getPhone4">{{ ($getSignatories ? $getSignatories->phoneno4 : null) }}</span></small>
</td>
</tr>
</table>
</div>
</div>
</p>
<div align="right" class="hidden-print">
Showing {{($AllcompanyListReport->currentpage()-1)*$AllcompanyListReport->perpage()+1}}
to {{$AllcompanyListReport->currentpage()*$AllcompanyListReport->perpage()}}
of {{$AllcompanyListReport->total()}} entries
</div>
<div class="hidden-print">{{ $AllcompanyListReport->links() }}</div>
</div>
<div align="center" class="hidden-print">
<hr />
<a href="{{url('/report/export/e-payment/'. Session::get('epaymentID'))}}" class="btn btn-success">
Export SoftCopy <i class="fa fa-download"></i>
</a>
<!--<a href="{{url('/export/softcopy')}}" class="btn btn-success">
Do not use this!! <i class="fa fa-download"></i>
</a>-->
<!--<form method="post" action="{{url('/export/mandate')}}">
{{ csrf_field() }}
<input type="hidden" name="epaymentID" value="{{$epaymentID}}">
<input type="hidden" name="regCode" value="{{$registrationCode}}">
<input type="submit" class="btn btn-success" value="Export SoftCopy">
</form>-->
<!--<a href="javascript:void" class="btn btn-success" onclick="Export()">
Generate SoftCopy <i class="fa fa-download"></i>
</a>-->
<a href="{{ url('all/e-payment/archive') }}" title="Back" class="btn btn-primary"> Go Back</a>
</div>
<br />
<!--Update Register Code-->
<form id="saveSelectForm" method="post" action="{{url('/update/code-no-JSON')}}">
{{ csrf_field() }}
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="row">
<div class="col-sm-11 text-capitalize text-success" style="text-transform: uppercase;">
<b>Add/Update Code Number</b>
</div>
<div class="col-sm-1">
<span class="close">×</span>
</div>
</div>
<hr />
<p>
<div class="row">
<div class="col-sm-6">
<div align="left">Code No:- <input type="text" name="codeNumber" id="codeNumber" placeholder="Enter Number" value="{{$registrationCode}}" style="border: none;" /></div>
<br />
<div>Reference No:- {{$acctVal}}/{{date('Y')}}/<span id="registerCode">
<span disabled >2 <span id="refNo">{{$registrationCode}}</span> /A,</span></span>
</div>
<div id="waitthread">
<img src="{{asset('Images/spinner.gif')}}" height="70" width="80"> <span class="text-danger"> Please wait ...</span>
</div>
</div>
<div class="col-sm-6">
<input type="button" name="updateCode" id="updateCode" class="form-control btn btn-success" value="Add/Update Code">
<br/><br/>
<input type="button" id="cancelModal" class="form-control btn btn-default" value="Cancel">
</div>
</div>
</p>
</div>
</div>
<input type="hidden" name="getEpaymentID" id="getEpaymentID" value="{{$epaymentID}}">
</form>
<!-- //Update Register Code-->
<!--<button id="export-btn" class="btn btn-info">TO CSV</button>-->
<!--<form method="post" action="{{url('/export/mandate')}}">
{{ csrf_field() }}
<input type="hidden" name="epaymentID" value="{{$epaymentID}}">
<input type="hidden" name="regCode" value="{{$registrationCode}}">
<input type="submit" class="btn btn-info" value="TO CSV">
</form>-->
<!-- No table Display-->
<div style="display:none">
<table class="table table-responsive table-condensed table-striped table-bordered input-sm example"
style="" id="tableDatas">
<thead>
<tr>
<td align="center"><strong>S/N</strong></td>
<td align="center"><strong>BENEFICIARY</strong></td>
<td align="center"><strong>BANK</strong></td>
<td align="center"><strong>BRANCH</strong></td>
<td align="center"><strong>ACCT NO</strong></td>
<td align="center"><strong>AMOUNT(₦)</strong></td>
<td align="center"><strong>S/CODE</strong></td>
<td align="center"><strong>PURPOSE OF PAYMENT</strong></td>
<td class="hidden-print"></td>
</tr>
</thead>
<tbody class="input-sm">
@php
$key = 1;
$sumTotal = 0;
$countNull = 1;
$list3 = '';
$getStaff = '';
@endphp
@foreach($AllcompanyListReport2 as $l)
<tr>
<td align="center">{{ $key ++}}</td>
<td align="left">
<div>
{{ strtoupper($l->contractor) }}
</div>
</td>
<td align="left">
<div>
{{ strtoupper(($l->bank !='')? $l->bank:$l->bankName) }}
</div>
</td>
<td align="left">
<div>
{{ $l->bank_branch }}
</div>
</td>
<td align="left"> <div> {{($l->accountNo !='')?$l->accountNo:$l->acctNo }}</div>
</td>
<td align="left"><div>{{($l->amount ? number_format(($l->amount), 2, '.', ',') : 0)}}</div></td>
<td align="left"> {{$l->sort_code }}</td>
<td align="left">
<div>
{{ $l->purpose }}
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<!--/// No table Display -->
</div>
<!--Convert Number to word-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="{{asset('assets/js/table2excel.js')}}"></script>
<!--<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>-->
<script src="{{asset('assets/excel/tableHTMLExport.js')}}"></script>
<script>
$(document).ready(function(){
$("#export-btn").click(function(){
$("#tableDatas").tableHTMLExport({
type:'csv',
filename:"Mandate_{{$registrationCode}}.csv",
htmlContent: true,
});
});
});
</script>
<script>
/*$('#csv').on('click',function(){
$(".example").tableHTMLExport({
// csv, txt, json, pdf
type:'csv',
// default file name
filename: 'tableHTMLExport.csv'
// for csv
separator: ',',
newline: '\r\n',
trimContent: true,
quoteFields: true,
// CSS selector(s)
ignoreColumns: '',
ignoreRows: '',
// your html table has html content?
htmlContent: false,
// debug
consoleLog: false,
});
});*/
</script>
<script>
var $btnDLtoExcel = $('#DLtoExcel-2');
$btnDLtoExcel.on('click', function () {
$("#tableData").excelexportjs({
containerid: "tableData"
, datatype: 'table'
});
});
</script>
<script type="text/javascript">
function Export() {
$("#tableDatas").table2excel({
filename: "Mandate_{{$registrationCode}}.xls"
});
}
</script>
<script type="text/javascript">
$(function() {
$("#codeNumber").focus();
$('#waitthread').hide()
});
var amount = "";
var amount = "<?php echo number_format(($getTotalAmountSum), 2, '.', '') ; ?>";
var money = amount.split('.');
function lookup()
{
var words;
var naira = money[0];
var kobo = money[1];
var word1 = toWords(naira)+"naira";
var word2 = ", "+toWords(kobo)+" kobo";
if(kobo != "00")
words = word1 + word2;
else
words = word1;
//
var getWord = words.toUpperCase();
var parternRule1 = /HUNDRED AND NAIRA/ig;
var parternRule2 = /HUNDRED AND THOUSAND NAIRA/g;
var instance1 = parternRule1.test(getWord);
var instance2 = parternRule2.test(getWord);
if((instance1))
{
document.getElementById('result').innerHTML = getWord.replace(parternRule1, ' HUNDRED NAIRA ');
}else if((instance2))
{
document.getElementById('result').innerHTML = getWord.replace(parternRule2, ' HUNDRED THOUSAND NAIRA ');
}else
{
document.getElementById('result').innerHTML = getWord;
}
//
}
// Get the modal
var modal = document.getElementById('myModal');
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
var btn2 = document.getElementById("myBtn2");
var btnCancel = document.getElementById("cancelModal");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks on the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
btn2.onclick = function() {
modal.style.display = "block";
}
btnCancel.onclick = function() {
modal.style.display = "none";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "block";
}
}
$("#codeNumber").keyup(function(event) {
var data=$(this).val();
$("#refNo").html(data);
$("#refNo1").html(data);
$("#refNo2").html(data);
});
//Update Code
$(document).ready(function() {
$("#updateCode").click(function () {
var EpaymentID = $('#getEpaymentID').val();
var codeNumber = $('#codeNumber').val();
if(codeNumber == ''){
alert('Please enter Code Number');
false;
}else{
$('#waitthread').show().fadeIn('slow');
}
//if(codeNumber != ''){
$.ajax({
url: murl + '/update/code-no-JSON',
type: "post",
data: {'getEpaymentID': EpaymentID, 'codeNumber': codeNumber, '_token': $('input[name=_token]').val()},
success: function(data){
$("#codeNumber").val('');
$('#waitthread').hide();
modal.style.display = "none";
}
})
//}
});
});
//
//Update Signatories 1
$(document).ready(function() {
$("#firstAuthorized").change(function () {
var signatoryID = $('#firstAuthorized').val();
var epaymentID = $('#getEpaymentID').val();
if(signatoryID == ''){
alert('Please note an empty signatory will be set !');
}
$.ajax({
url: murl + '/update/signatory-JSON',
type: "post",
data: {'signatoryID': signatoryID, 'epaymentID': epaymentID, 'operation': 1, '_token': $('input[name=_token]').val()},
success: function(data){
//Successful
$('#getPhone1').html(data);
}
})
});
});
//
//Update Signatories 2
$(document).ready(function() {
$("#secondAuthorized").change(function () {
var signatoryID = $('#secondAuthorized').val();
var epaymentID = $('#getEpaymentID').val();
if(signatoryID == ''){
alert('Please note an empty signatory will be set !');
}
$.ajax({
url: murl + '/update/signatory-JSON',
type: "post",
data: {'signatoryID': signatoryID, 'epaymentID': epaymentID, 'operation': 2, '_token': $('input[name=_token]').val()},
success: function(data){
//Successful
$('#getPhone2').html(data);
}
})
});
});
//
//Update Signatories 3
$(document).ready(function() {
$("#submitedForConfirmationBy").change(function () {
var signatoryID = $('#submitedForConfirmationBy').val();
var epaymentID = $('#getEpaymentID').val();
if(signatoryID == ''){
alert('Please note an empty signatory will be set !');
}
$.ajax({
url: murl + '/update/signatory-JSON',
type: "post",
data: {'signatoryID': signatoryID, 'epaymentID': epaymentID, 'operation': 3, '_token': $('input[name=_token]').val()},
success: function(data){
//Successful
$('#getPhone3').html(data);
}
})
});
});
//
//Update Signatories 4
$(document).ready(function() {
$("#confirmedBeforeMe").change(function () {
var signatoryID = $('#confirmedBeforeMe').val();
var epaymentID = $('#getEpaymentID').val();
if(signatoryID == ''){
alert('Please note an empty signatory will be set !');
}
$.ajax({
url: murl + '/update/signatory-JSON',
type: "post",
data: {'signatoryID': signatoryID, 'epaymentID': epaymentID, 'operation': 4, '_token': $('input[name=_token]').val()},
success: function(data){
//Successful
$('#getPhone4').html(data);
}
})
});
});
//
//Remove voucher from Schedule
$(document).ready(function() {
$(".removeRecoordFromEpayment").click(function ()
{
var id = this.id;
var url = $(location).attr('hostname') + '/all/e-payment/archive';
if(confirm('Are you sure you want to remove this record?')) {
$.ajax({
url: murl + '/remove-record-from-epayment-JSON',
type: "post",
data: {'epaymentID': id, '_token': $('input[name=_token]').val()},
success: function (data) {
alert(data);
window.location.replace('https://' + url);
}
})
}
});
});
//ends removing
</script>
<script type="text/javascript">
function toggleDiv(headerBanner) {
$("#"+headerBanner).css('visibility', 'hidden');
}
</script>
<!-- JQUERY -->
<script type="text/javascript" src="/path/to/jquery.min.js"></script>
<!-- BOOTSTRAP -->
<link rel="stylesheet" type="text/css" href="/path/to/bootstrap.min.css">
<script type="text/javascript" src="/path/to/bootstrap.min.js"></script>
<!-- PAGINATION plugin -->
<link rel="stylesheet" type="text/css" href="/path/to/jquery.bs_pagination.min.css">
<script type="text/javascript" src="/path/to/jquery.bs_pagination.min.js"></script>
<script type="text/javascript" src="/path/to/bs_pagination/localization/en.min.js"></script>
</body>
</html>