Your IP : 216.73.216.91
<?php
ob_start();
header('Content-Type: text/html; charset=ISO-8859-1');
require_once('../api/autoload.php');
$user = new user();
$user->checklogin();
?>
<!DOCTYPE HTML>
<html lang="en" class="gr__localhost">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="shortcut icon" type="image/png" href="asset/images/bill.ico">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Payment</title>
<!-- Bootstrap -->
<link href="asset/css/bootstrap.min.css" rel="stylesheet">
<link href="asset/css/style.css" rel="stylesheet">
<link href="asset/css/scroll.css" rel="stylesheet">
<link href="asset/toast/jquery.toast.min.css" rel="stylesheet">
<link href="asset/datatable/datatables.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="asset/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="asset/js/bootstrap.min.js"></script>
<script src="asset/toast/jquery.toast.min.js"></script>
<script src="http/config.js"></script>
<script src="http/payment.js"></script>
<script src="asset/datatable/datatables.min.js"></script>
</head>
<body data-gr-c-s-loaded="true" cz-shortcut-listen="true">
<a class="top" style="display: none;"><img src="asset/images/down.png"></a>
<div class="container">
<div class="row" style="margin-top:20px">
<div class="alert alert-danger" role="alert" id="error" style="display: none;">
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
<span class="sr-only">Error:</span>
<span id="errorMsg"></span>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<form role="form" id="paymentForm" onsubmit="return false">
<input type="hidden" name="pay_company_id" value="<?=$_SESSION['companyid']?>">
<input type="hidden" name="pay_user_id" value="<?=$_SESSION['userid']?>">
<input type="hidden" name="pay_id" id="pay_id" value="-1">
<fieldset>
<h2>Manage Payments</h2>
<hr class="colorgraph">
<div class="row form-group">
<div class="col-xs-3 col-sm-3 col-md-3">
<select class="form-control input-md" name="pay_book_id" id="pay_book_id">
</select>
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<input type="date" name="pay_date" id="pay_date" class="form-control input-md" required="">
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<select class="form-control input-md" name="pay_business_id" id="pay_business_id">
</select>
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<input type="text" name="bill_ref_no" id="bill_ref_no" class="form-control input-md" required="" placeholder="Bill Serial">
</div>
</div>
<div class="row form-group">
<div class="col-xs-3 col-sm-3 col-md-3">
<select class="form-control input-md" name="pay_method_id" id="pay_method_id">
</select>
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<input type="text" name="pay_ref_no" id="pay_ref_no" class="form-control input-md" required="" placeholder="Payment Ref No">
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<select class="form-control input-md" name="pay_bank_id" id="pay_bank_id">
</select>
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<input type="text" name="pay_status" id="pay_status" class="form-control input-md" required="" placeholder="Status">
</div>
</div>
<div class="row form-group">
<div class="col-xs-3 col-sm-3 col-md-3">
<input type="text" name="pay_town" id="pay_town" class="form-control input-md" required="" placeholder="Town">
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<input type="text" name="pay_amount" id="pay_amount" class="form-control input-md" required="" placeholder="Amount">
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<input type="text" name="pay_bal" id="pay_bal" class="form-control input-md" required="" placeholder="Balance">
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<input type="text" name="pay_remarks" id="pay_remarks" class="form-control input-md" required="" placeholder="Remarks">
</div>
</div>
<hr class="colorgraph">
<div class="row form-group">
<div class="col-xs-6 col-sm-6 col-md-6">
<input type="submit" id="submit" value="Submit" class="btn btn-success btn-block btn-md" tabindex="7" required="">
</div>
<div class="col-xs-6 col-sm-6 col-md-6" id="viewPayments">
<a href="#" class="btn btn-primary btn-block btn-md">View Payments</a>
</div>
</div>
<div class="row form-group">
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="<?=config::getConfig('indexRedirect')?>" class="btn btn-info btn-block btn-md">Go Home</a>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="<?=config::getConfig('loginRedirect')?>" class="btn btn-danger btn-block btn-md">Logout</a>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<div id="paymentList" style="display: none;">
<h3 class="bg-info text-center">Available Payments</h3>
<table table class="table table-hover table-bordered table-responsive" id="paymentTable">
<thead>
<tr>
<th>Payment ID</th>
<th>Date</th>
<th>Receiver</th>
<th>Bill Ref</th>
<th>Business</th>
<th>Book</th>
<th>Serial</th>
<th>Amount</th>
<th>Total Amount</th>
<th>Balance</th>
<th>Payment Method</th>
<th>Payment Ref</th>
<th>Payee Bank</th>
<th>Remarks</th>
<th>Town</th>
<th>Status</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Payment ID</th>
<th>Date</th>
<th>Receiver</th>
<th>Bill Ref</th>
<th>Business</th>
<th>Book</th>
<th>Serial</th>
<th>Amount</th>
<th>Total Amount</th>
<th>Balance</th>
<th>Payment Method</th>
<th>Payment Ref</th>
<th>Payee Bank</th>
<th>Remarks</th>
<th>Town</th>
<th>Status</th>
</tr>
</tfoot>
</table>
<hr class="colorgraph">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<input type="button" id="back" value="Back" class="btn btn-success btn-block btn-md" tabindex="7" required="">
</div>
</div>
</div>
</body>
</html>