| Server IP : 162.0.232.25 / Your IP : 18.223.158.29 Web Server : LiteSpeed System : Linux premium276.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : kwacuqig ( 988) PHP Version : 8.2.26 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/kwacuqig/voltify.malawisounds.com/ |
Upload File : |
<?php
include './head.php';
include './header.php';
include './navbar.php';
?>
<!-- Form Element area Start-->
<div class="form-element-area">
<div class="container-fluid">
<div class="row">
<form action="invoice.php" method="POST">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="form-element-list mg-t-30">
<div class="row">
<div class="col-sm-12 col-xs-12">
<div class="form-group ic-cmp-int float-lb floating-lb">
<div class="form-ic-cmp">
<i class="notika-icon notika-ip-locator"></i>
</div>
<div class="nk-int-st">
<input type="text" id="meterNumber" name="meterNumber" class="form-control" placeholder="Meter Number" onkeyup="fetchCustomerData()" required>
</div>
</div>
</div>
<div class="col-sm-12 col-xs-12">
<div class="form-group ic-cmp-int float-lb floating-lb">
<div class="form-ic-cmp">
<i class="notika-icon notika-support"></i>
</div>
<div class="nk-int-st">
<input type="text" id="fullName" class="form-control" placeholder="Full Name" required>
</div>
</div>
</div>
<div class="col-sm-12 col-xs-12">
<div class="form-group ic-cmp-int float-lb floating-lb">
<div class="form-ic-cmp">
<i class="notika-icon notika-mail"></i>
</div>
<div class="nk-int-st">
<input type="text" id="email" class="form-control" placeholder="Email Address" required>
</div>
</div>
</div>
<div class="col-sm-12 col-xs-12">
<div class="form-group ic-cmp-int float-lb floating-lb">
<div class="form-ic-cmp">
<i class="notika-icon notika-phone"></i>
</div>
<div class="nk-int-st">
<input type="text" id="mobile" class="form-control" placeholder="Contact Number" required>
</div>
</div>
</div>
<div class="col-sm-12 col-xs-12">
<div class="form-group ic-cmp-int float-lb floating-lb">
<div class="form-ic-cmp">
<i class="notika-icon notika-dollar"></i>
</div>
<div class="nk-int-st">
<input type="text" id="price" name="price" class="form-control" placeholder="Amount" onkeyup="fetchCustomerData()" required>
</div>
</div>
</div>
<div class="col-sm-12 col-xs-12">
<div class="form-group ic-cmp-int float-lb floating-lb">
<div class="form-ic-cmp">
<i class="notika-icon notika-file"></i>
</div>
<div class="nk-int-st">
<input type="text" id="kwh" name="kwh" class="form-control" placeholder="kWh" required>
</div>
</div>
</div>
</div>
<center>
<div class="form-example-int mg-t-15">
<button type="submit" class="btn btn-success notika-btn-success">Generate Token</button>
</div>
</center>
</div>
</div>
</form>
</div>
</div>
</div>
<?php
include './footer.php';
include './scripts.php';
?>
<script>
function fetchCustomerData() {
var meterNumber = document.getElementById("meterNumber").value;
var price = (!document.getElementById("price").value) ? 0 : document.getElementById("price").value;
var xhr = new XMLHttpRequest();
xhr.open("GET", "get-customer-data.php?meterNumber=" + meterNumber + '&price=' + price, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var customerData = JSON.parse(xhr.responseText);
document.getElementById("fullName").value = customerData.firstname + ' ' + customerData.surname;
document.getElementById("mobile").value = customerData.mobile;
document.getElementById("email").value = customerData.email;
document.getElementById("kwh").value = customerData.kwh;
}
};
xhr.send();
}
document.querySelectorAll(".main-menu-area .nav li")[0].classList.add('active')
document.querySelector(".main-menu-area .tab-content #Home").classList.add('in')
document.querySelector(".main-menu-area .tab-content #Home").classList.add('active')
document.querySelector("title").innerHTML="Voltify ~ Home";
</script>