15.3 Lime No Pause HTML

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 18

<!

DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>{{ title }}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0,
target-densitydpi=medium-dpi" />
{% include 'header.html' %}

</head>
<style>
#clockdiv{

color: #fff;
display: inline-block;

text-align: center;
font-size: 15px;
}
#clockdiv > div{
padding: 8px;
border-radius: 3px;
background: #000;
display: inline-block;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
border: 1.5px solid #00FFFF;
}
#clockdiv div > span{
padding: 10px;
border-radius: 3px;
background: #000;
display: inline-block;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
border: 1.5px solid #00FFFF;
}
.smalltext{
padding-top: 5px;
font-size: 10px;
}

.shadow:before , .shadow:after{
content: '';
position: absolute;
top: -2px;
left: -2px;
background: linear-gradient(360deg, #00FF00,#00FF00,#00FF00);
width: calc(100% + 4px);
height: calc(100% + 4px);
background-size: 400%;
z-index: -1;
border-radius: 20px;
box-shadow: 1px 2px #00FF00;
animation: animate 20s linear infinite;

.shadow:after{
filter: blur(20px);

}
#free_time_animation button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
#insert_coin_animation button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}

#pcheck button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;

}
#pfuncwifi button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;

}
#chat_box_animation button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: black;
text-transform: uppercase;
border: 1.5px solid #00FFFF;

}
#application a{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: black;
text-transform: uppercase;
border: 1.5px solid #00FFFF;

#peload button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;

}
#pcheckbalance button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
#done-paying{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
.custom-line{
height: 5px;
background: linear-gradient(to right, red,orange,#FFFF00,green,blue,indigo,violet);
border-radius: 5px;
border-top: 0;
}
#msg{

background-color: transparent;
border: 1px solid #00FFFF;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
color: white;
}
#sendmsg{

box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
border: 1px solid #00FFFF;
color: white;
background-image: linear-gradient(49deg, #00FF00,green);
text-transform: uppercase;
}
#vcode{

background-color: transparent;
border: 1px solid #00FFFF;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
color: white;
text-transform: uppercase;
}
#sub-voucher{
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
border: 1px solid #00FFFF;
color: white;
background-image: linear-gradient(49deg, #00FF00,green);
text-transform: uppercase;
}
#eloadnumber{
background-color: transparent;
border: 1px solid #00FFFF;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
color: white;
}
#ieloadnumber{
background-color: transparent;
border: 1px solid #00FFFF;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
color: white;
}
.text-muted{
padding: 2px;
}
th,td{
border-color: #00FF00 !important;
border: 2px solid #00FF00;
}
</style>

<body>
<div class="container text-center">

<div style="margin:10px"></div>
<!--<div class="animate-area">
<img class="img-fluid temp-hidden" src="images/logo-small.png" />
</div>-->

<br>
<div class="card shadow mt-5" style="border-radius: 20px; background-color: black;
border-color: #00FFFF;">
<div class="alert alert-danger bg-transparent mt-5" style="text-transform:
uppercase; border-radius: 20px; border-color: #00FFFF; border-left-color:
transparent; border-top-color: transparent; border-right-color: transparent;
color: cyan; box-shadow: 0 5px 2px -2px #00FF00; ">
<marquee> {{ portalannouncement }} </marquee>
</div>
<div class="d-flex justify-content-center">
<div style="margin-top: -170px;" >
<div id="carousel-id" class="carousel slide" data-
interval="{{slidertimer}}000" data-ride="carousel" >
<div class="carousel-inner" role="listbox">
{% for d in banner if d.banner %}
<div class="carousel-item {% if loop.first %} active {% endif %}">
<img src="/assets/images/{{ d.banner }}" class="mb-5" style=" border-
radius: 10px;" height="110px" width="80%">
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div id="default_container">
<div class="row" style="margin-bottom:10px;">
<div class="col-md-12 h2">
<div id="status">{{getstatus| raw}}</div>
</div>
<div class="col-md-12"> <small style="color:#007bff;text-
transform: uppercase;">IP: <span style="color:#00FF00;">{{ ip }}</span> Mac:
<span style="color: #00FF00;">{{ mac }}</span> </small>
</div>

<div class="col-md-12"> <small style="color:#007bff;text-


transform: uppercase;">Account Credits: ₱{{ remainingcredit }} </small>
</div>

<div class="col-md-12"> <small style="color:#007bff;text-


transform: uppercase;"> <div id="remaindata"> </div> </small>
</div>

<div class="col-md-12 mb-2"> <strong


style="color:#fff;text-transform: uppercase;"> <div id="timesign"> {{TimeSign |
raw}} </div></strong >
</div>
<div class="col-md-12">
<div id="rtime" style="display:
none;">{{getUserremainingTime | raw}}</div>
<div class="col-md-12" id="clockdiv">
<div>
<span class="days">0</span>
<div class="smalltext">DAYS</div>
</div>
<div>
<span class="hours">0</span>
<div class="smalltext">HOURS</div>
</div>
<div>
<span class="minutes">0</span>
<div class="smalltext">MINUTES</div>
</div>
<div>
<span class="seconds">0</span>
<div class="smalltext">SECONDS</div>
</div>
</div>
</div>
</div>
</div>
<div class="temp-hidden">

{% if freehour == 1 %}
<div class="row" style="margin-bottom:10px;"
id="free_time_animation">
<div class="col-md-12">
<button type="button" id="freetime" class="btn
btn-danger button-rnd ">Get Free Time</button>
</div>
</div>
{% endif %}

{% if insertcoin == 1 %}
<div class="row" style="margin-bottom:10px;"
id="insert_coin_animation">
<div class="col-md-12">
{% if checkavailableonline < 1 %}
<button type="button" id="insert_coin_button"
value="zxcv" class="insert_coin_button btn btn-success button-rnd">Insert
Coin</button>
{% else %}
<button type="button" data-toggle="modal" data-
target="#multicoinslot" class="btn btn-success button-rnd">Insert Coin</button>
{% endif %}
</div>
</div>
{% endif %}

{% if pausetime == 1 %}
{% if userpausetime == 1 %}
<div class="row" id="pcheck" style="margin-bottom:10px;">
<div class="col-md-12">
<button type="button" id="pfunc" class="btn
btn-danger button-rnd btn-spinner">Pause Time</button>
</div>
</div>
{% endif %}
{% endif %}

{% if viewrates == 1 %}
<div class="row" id="pfuncwifi" style="margin-
bottom:10px;">
<div class="col-md-12">
<button type="button" class="btn btn-primary
button-rnd" data-toggle="modal" data-target="#popup">Wifi Rates</button>
</div>
</div>
{% endif %}

{% if viewchargingrates == 1 %}
<div class="row" id="pfunccrates" style="margin-
bottom:10px;">
<div class="col-md-12">
<button type="button" class="btn btn-primary
button-rnd" data-toggle="modal" data-target="#chargingstation">Charging
Rates</button>
</div>
</div>
{% endif %}

{% if buyload == 1 %}
<div class="row" id="peload" style="margin-bottom:10px;">
<div class="col-md-12">
<button type="button" class="btn btn-danger
button-rnd" data-target="#buyload" data-toggle="modal" data-backdrop="static" data-
keyboard="false">Buy Load</button>
</div>
</div>
{% endif %}

{% if checkbalance == 1 %}
<div class="row" id="pcheckbalance" style="margin-
bottom:10px;">
<div class="col-md-12">
<button type="button" class="btn btn-danger
button-rnd" data-target="#checkbalance" data-toggle="modal" data-backdrop="static"
data-keyboard="false">Check Balance</button>
</div>
</div>
{% endif %}

{% if chatbox == 1 %}
<div class="row" style="margin-bottom:10px;"
id="chat_box_animation">
<div class="col-md-12">
<button type="button" class="btn btn-danger
button-rnd" data-target="#chatbox" data-toggle="modal" data-backdrop="static" data-
keyboard="false">ChatBox {{unreadmessages | raw}}</button>
</div>
</div>
{% endif %}

<div class="row" style="margin-bottom:10px;" id="application">


<div class="col-md-12">
<a
href="https://play.google.com/store/apps/details?id=org.pcbuild.rivas.pisowifi"
class="btn btn-danger button-rnd">DOWNLOAD PISO WIFI APP</a>
</div>
</div>

{% if entervoucher == 1 %}
<div class="btn-block" id="entervoucher">
<div class="input-group mb-3">
<input type="text" class="form-control"
name="vcode" id="vcode" value="" placeholder="Enter Voucher here...">
<div class="input-group-append">
<button id="sub-voucher" class="btn btn-
primary">Submit</button>
</div>
</div>
</div>
{% endif %}

{% if session2voucher == 1 %}
<div class="row" style="margin-bottom:10px;">
<div class="col-md-12">
<button type="button" id="cvoucher" data-
toggle="modal" data-target="#sessiontovoucher" class="btn btn-primary button-
rnd">Convert Time to Voucher</button>
</div>
</div>
{% elseif session2voucher == 2 %}
<div class="row" style="margin-bottom:10px;">
<div class="col-md-12">
<button type="button" id="cvoucher" data-
toggle="modal" data-target="#logout" class="btn btn-primary
button-rnd">Logout</button>
</div>
</div>
{% endif %}

{% if checkchargingpins > 0 %}
<div class="row ">
<div class="col-md-12">
<button type="button" data-toggle="modal" data-
target="#charginglist" class="btn btn-primary button-rnd">Charging
Stations</button>
</div>
</div>{% endif %}

</div>
</div>
<!-- //LIST VOUCHER -->
<div class="panel panel-info hidden" id="checkvouchers">
<div class="panel-heading">
<h4 class="panel-title">My Vouchers</h4>
</div>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="text-center">Code</th>
<th class="text-center">Time</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody id="vouchersList"></tbody>
</table>
</div>
</div>
</div>
<!-- Modal -->
<div id="popup" class="modal fade bd-example-modal-sm" role="dialog">
<div class="modal-dialog modal-dialog-centered">
<!-- Modal content-->
<div class="modal-content" style="box-shadow: 1px 1px 5px
#00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00; border-radius: 20px; border-color:
#00FFFF;
border: 2px solid #00FFFF;">
<div class="modal-header" style=" border-bottom-
color: transparent; background-color: black; border-top-left-radius: 20px; border-
top-right-radius: 20px; ">
<h4 class="modal-title" style="color:
#00FF00"><i class="fa fa-list" aria-hidden="true"></i> WIFI RATES</h4>
<button type="button" class="close" data-dismiss="modal" style="color:
#00FF00;">×</button>

</div>
<div class="modal-body text-center"
style="background-color: black; border-bottom-left-radius: 20px; border-bottom-
right-radius: 20px;">
<table class="table table-striped table-hover table-sm text-white"
style="border-radius:6px; ">
<tr style="text-transform: uppercase;
color: #00FF00;">
<th>Amount</th>
<th>Time</th>
<th>Note</th>
</tr>

{% for r in rates if r.time %}


<tr>
<td>{{ r.pulses }}</td>
<td
class="rconvert{{ r.pulses }}"></td>
<td>{{ r.note }}</td>
</tr>
{% endfor %}

</table>

</div>
</div>
</div>
</div>
<div id="multicoinslot" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg">
<!-- Modal content-->
<div class="modal-content" style="box-shadow: 1px 1px 5px
#00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00; border-radius: 20px; text-
transform: uppercase; border-color: #00FFFF; border: 2px solid #00FFFF;">

<div class="modal-header" style=" border-bottom-


color: transparent; background-color: black; border-top-left-radius: 20px; border-
top-right-radius: 20px;">
<h4 class="modal-title" style="color:
#00FF00"><i class="fa fa-list-ul"></i> Select Coinslot </h4>
<button type="button" class="close" data-
dismiss="modal" style="color: #00FF00;">×</button>
</div>
<div class="modal-body" style="background-color:
black; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;">
<div class="card-deck mb-3 text-center" >
{% if mainvendo == 1 %}
<div class="card mb-4 shadow-sm">
<div class="card-header"
style="box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background-color: black; color: #00FF00; border: 1px solid #00FFFF;">
<h4 class="my-0 font-weight-
normal" style="cursor: pointer;" data-toggle="collapse" data-
target="#zxcv">{{cname}}</h4>
</div>
<div id="zxcv" class="collapse d-
lg-block" >
<div class="card-body" style="box-
shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00; background-
color: black; color: #00FF00; border: 1px solid #00FFFF;">
<ul class="list-unstyled">
<li> <!--
{{cdescription}} --> <h4>BLK 8</h4></li>
</ul>
<button type="button"
value="zxcv" class="insert_coin_button btn btn-lg btn btn-primary button-animate"
style="box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;"><i
class="fa fa-money fa-fw"></i>INSERT COIN</button>
</div>
</div>
</div>
{% endif %}
{% for m in multicoinslot if m.mac %}
<div class="card mb-4 shadow-sm">
<div class="card-header"
style="box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background-color: black; color: #00FF00; border: 1px solid #00FFFF;">
<h4 class="my-0 font-weight-
normal" style="cursor: pointer;" data-toggle="collapse" data-
target="#{{ m.id }}">{{ m.coinslotname }}</h4>
</div>
<div id="{{ m.id }}" class="collapse d-
lg-block">
<div class="card-body" style="box-
shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00; background-
color: black; color: #00FF00; border: 1px solid #00FFFF;">
<ul class="list-unstyled">
<li> <h4>BLK 7 </h4><!--
{{ m.description }} --></li>
</ul>
<button type="button"
value="{{ m.mac }}" class="insert_coin_button btn btn-lg btn btn-primary button-
animate eload-spinner"><i class="fa fa-money fa-fw"></i>INSERT COIN</button>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div id="charginglist" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-dialog modal-dialog-centered">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Charging Stations</h4>
<button type="button" class="close" data-
dismiss="modal">×</button>
</div>
<div class="modal-body">
<table class="table table-striped table-
bordered table-sm">
<tr class="thead-dark">
<th>Station Port #</th>
<th>Remaining Time</th>
</tr>
<tbody id="chargingstations"></tbody>
</table>
</div>
</div>
</div>
</div>
<div id="sessiontovoucher" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-dialog modal-dialog-centered">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Convert Time To
Voucher</h4>
<button type="button" class="close" data-
dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<div class="input-group input-group-sm
mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-sm-available">Your
Minutes:</span>
</div>
<input type="number" name="minutes"
id="minutes" class="form-control" value="{{ remainingTime }}" aria-label="Small"
aria-describedby="inputGroup-sizing-sm-available" readonly>
</div>
<div class="input-group input-group-sm
mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-sm">Minutes to convert:</span>
</div>
<input type="number"
name="amountminutes" id="amountminutes" min="0" oninput="validity.valid||
(value='');" class="form-control" aria-label="Small" aria-describedby="inputGroup-
sizing-sm">
</div>
<button type="submit" id="btn-vcode"
class="btn btn-primary">Convert</button>
</div>
</div>
</div>
</div>
</div>

<div id="logout" class="modal fade bd-example-modal-sm" role="dialog">


<div class="modal-dialog modal-dialog-centered">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Time Logout!</h4>
<button type="button" class="close" data-
dismiss="modal">×</button>
</div>
<div class="modal-body">
<h4>Are you sure to logout your time? If
you sure just click "Logout".</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger waves-effect"
data-dismiss="modal">Cancel</button>
<button type="submit" id="logoutnow" class="btn btn-
success">Logout</button>
</div>
</div>
</div>
</div>

<!-- Buy Load Modal -->


<div id="buyload" class="modal fade bd-example-modal-sm" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg">
<!-- Modal content-->
<div class="modal-content" style="box-shadow: 1px 1px 5px
#00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00; border-radius: 20px; border-color:
#00FFFF; border: 2px solid #00FFFF;">
<div class="modal-header" style=" border-bottom-
color: transparent; background-color: black; border-top-left-radius: 20px; border-
top-right-radius: 20px;">
<h4 class="modal-title" style="color:
#00FF00;"><i class="fa fa-bars" aria-hidden="true"></i> {{ title }} - Eloading
</h4>
<button type="button" class="close" data-
dismiss="modal" style="color: #00FF00;">×</button>
</div>
<div class="modal-body text-left" style="background-
color: black; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;">
<div class="col-xs-7 align-middle p-lg">
<h3 style="color:#00FF00"> Buy Load &
Epins</h3>
<div style="margin-top:20px"></div>
<p style="color: #00FF00;"><i class="fa
fa-mobile" aria-hidden="true"></i> Enter Mobile Phone Number:</p>
<div class="form-group">
<input type="text"
name="eloadnumber" id="eloadnumber" placeholder="09123456789" maxlength="11"
onkeypress="return getnumbers(this, event)" class="form-control input-lg m-b">
</div>
<hr>
<div class="panel-body">
<input type="hidden" name="mac"
id="mac" value="{{ mac }}" class="form-control">
<input type="hidden" name="ip"
id="ip" value="{{ ip }}" class="form-control">
<button type="button" class="btn
btn-success btn-block button-rnd eload-spinner" onclick="eloadproduct()"
style="color: #fff; box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px
#00FF00; background: #000; text-transform: uppercase; border: 1.5px solid
#00FFFF">Buy</button>
</div>
</div>
</div>
</div>
</div>
</div>

<!--Chatbox Modal -->


<div id="chatbox" class="modal fade bd-example-modal-sm" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg" >
<!-- Modal content-->
<div class="modal-content" style="box-shadow: 1px 1px 5px
#00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00; border-radius: 20px; border-color:
#00FFFF; border: 2px solid #00FFFF;">
<div class="modal-header" style=" border-
bottom-color: transparent; background-color: black; border-top-left-radius: 20px;
border-top-right-radius: 20px;">
<h4 class="modal-title" style="color:
#00FF00"><i class="fa fa-user" aria-hidden="true"></i> CHATBOX</h4>
<button type="button" class="close" data-dismiss="modal" style="color:
#00FF00;">×</button>
</div>
<div class="modal-body" style="background-
color: black; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;">
<div class="container">
<div id="msglist" style="color: #fff;">

</div>
</div>
<div class="panel-footer">
<div class="input-group">
<input type="text" id="msg"
class="form-control" >
<span class="input-group-btn">
<button class="btn btn-
danger" id="sendmsg" type="button">Send</button>
</span>
</div>
</div>
</div>
</div>
</div>
</div>

<!--Insert Coin Modal -->


<div id="insertcoin" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg">
<!-- Modal content-->
<div class="modal-content" style="box-shadow: 1px 1px 5px #00FF00, 0 0 25px
#00FF00, 1px 1px 5px #00FF00; border-radius: 20px; text-transform: uppercase;
border-color: #00FFFF; border: 2px solid #00FFFF;">

<div class="modal-body" style="background: black; box-shadow: 1px 1px 5px #00FF00,


0 0 25px #00FF00, 1px 1px 5px #00FF00; border-radius: 20px;">
<div class="col-xs-7 align-middle p-lg">
<img src="/assets/images/insertcoin.gif" width="100%" height="100%" >

<div class="progress progress-rounded progress-lg progress-


striped active">
<div id="progressBar" class="progress-bar progress-bar-danger
text-center" style="width:70%; background: black; ">
<div id="progress-msg" style="position: absolute;
margin-left: 28%; color: #00FF00; text-transform: uppercase;">
</div>
</div>
</div>
<hr class="custom-line">
<ul class="list-group text-center">
<li class="list-group-item list-group-item-danger " style="font-
size: 1.2em; color: cyan; background: black;"><i class="fa
fa-clock-o"></i>TIME:<span id="totalm" class="badge badge-success" style="font-
size: 1.2em; margin-left: 10px;"> -- </li>
{% if buycharging == 1 %}
<li class="list-group-item"><i class="fa
fa-usb"></i>Charge:<span id="charging"> -- </li>
{% endif %}
{% if buyvoucher == 1 %}
<li class="list-group-item" style="font-size: 1.2em; color:
cyan; background: black;"><i class="fa fa-ticket"></i>Voucher:<span id="voucher"
style="font-size: 1.2em; margin-left: 10px;" class="badge badge-success"> -- </li>
{% endif %}
<li class="list-group-item list-group-item-info" style="font-
size: 1.2em; color: cyan; background: black;"><i class="fa fa-money"></i>TOTAL
AMOUNT:<span id="tamount" class="badge badge-success" style="font-size: 1.2em;
margin-left: 10px;"> 0.00 </li>
</ul>
<hr class="custom-line">
<div class="panel-body">
<button type="button" id="done-paying" class="btn btn-outline-
danger btn-block btn-spinner">Cancel</button>
{% if buyvoucher == 1 %}
<hr class="prettyline hidden" id="hr">
<button type="button" id="buy-voucher" class="btn btn-danger
btn-sm hidden btn-spinner">Buy Voucher</button>
{% endif %}
{% if buycharging == 1 %}
<hr class="prettyline hidden">
{% if getchargingtime < 1 %}
<button type="button" id="buy-charging" data-toggle="modal"
data-target="#selectcharging" class="btn btn-primary btn-sm hidden">Buy
Charging</button>
{% else %}
<button type="button" id="extend-charging" class="btn btn-
primary btn-sm hidden">Extend Charging</button>
{% endif %}

{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>

<!-- Check Balance Modal -->


<div id="checkbalance" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg">
<!-- Modal content-->
<div class="modal-content" style="box-shadow: 1px 1px 5px #00FF00, 0
0 25px #00FF00, 1px 1px 5px #00FF00; border-radius: 20px; border-color: #00FFFF;
border: 2px solid #00FFFF;">
<div class="modal-header" style=" border-bottom-color:
transparent; background-color: black; border-top-left-radius: 20px; border-top-
right-radius: 20px;">
<h5 class="modal-title" style="color: #00FF00;"><i class="fa
fa-bars" aria-hidden="true"></i> Balance Inquiry</h5>
<button type="button" class="close"
data-dismiss="modal">×</button>
</div>
<div class="modal-body text-left" style="background-color: black;
border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;">
<div class="col-xs-7 align-middle p-lg">
<h3 style="color: #00FF00;"> Number Balance Checker</h3>
<div style="margin-top:20px"> </div>
<p style="color: #00FF00;"> <i class="fa fa-mobile" aria-
hidden="true"></i> Enter Mobile Phone Number: </p>
<div class="form-group">
<input type="text" name="ieloadnumber" id="ieloadnumber"
placeholder="09123456789" maxlength="11" onkeypress="return getnumbers(this,
event)" class="form-control input-lg m-b">
</div>
<hr>
<div class="panel-body">
<input type="hidden" name="mac" id="mac" value="{{ mac }}"
class="form-control">
<input type="hidden" name="ip" id="ip" value="{{ ip }}"
class="form-control">
<button type="button" class="btn btn-success btn-block button-
rnd eload-spinner" onclick="balanceinquiry()" style="color: #fff; box-shadow: 1px
1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00; background: #000; text-
transform: uppercase; border: 1.5px solid #00FFFF">Check</button>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- Charging Station Modal -->


<div id="eloadcomplete" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-dialog modal-dialog-centered">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><i class="fa fa-bars" aria-
hidden="true"></i> Success!</h4>
<button type="button" class="close"
data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<h4>Load has been now process.</h4>
<hr/>
<h4> Please wait the confirmation. </h4>
</div>
</div>
</div>
</div>

<!-- Charging Select Modal -->


<div class="modal fade" id="selectcharging" tabindex="-1" role="dialog" aria-
hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="fa fa-usb"></i> Select Charging
Ports <i class="fa fa-usb"></i></h5>
</div>
<div class="modal-body">
<table class="table table-striped table-bordered table-sm">
<tr class="thead-dark">
<th>Port
</th>
<th>Note
</th>
<th>Availability
</th>
</tr>
{% for sc in selectcharging if sc.port %}
<tr>
<td>{{ sc.port }}</td>
<td>{{ sc.note }}</td>
<td><input type="radio" name="port"
value='{{ sc.port }}'>Available </input></td>
</tr>
{% endfor %}
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger waves-effect"
data-dismiss="modal">Cancel</button>
<button type="submit" id="scharging" class="btn btn-
success">Select</button>
</div>
</div>
</div>
</div>
<!-- Charging Select Modal -->

<!-- Charging Station Modal -->


<div id="chargingstation" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-dialog modal-dialog-centered">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Charging Rates</h4>
<button type="button" class="close"
data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<table class="table table-striped table-bordered table-sm">
<tr class="thead-dark">
<th>Amount
</th>
<th>Time
</th>
<th>Note
</th>
</tr>
{% for c in crates if c.time %}
<tr>
<td>{{ c.pulses }}</td>
<td class="cconvert{{ c.pulses }}"></td>
<td>{{ c.note }}</td>
</tr>
{% endfor %}
</table>
</div>
</div>
</div>
</div>
<div id="eloadannouncer"> </div>
<div id="multicoinslot_announce"> </div>
<div id="eloadprocess_announce"> </div>
<div id="auto_process"> </div>
<div id="balanceinquiry_announcer"> </div>

<!-- End Footer -->


<footer class="footer mt-3 text-center" style="margin:auto;max-width:
500px;position: relative; color: white;">
<div class="alert " style="color: #fff; box-shadow: 1px 1px 5px #00FF00, 0 0 25px
#00FF00, 1px 1px 5px #00FF00; background: #000; border: 1.5px solid #00FFFF;
border-radius: 20px;" >
<strong>Powered By: </strong> <a style="color: #00FFFF;"
href="http://www.lpbpisowifi.com" target="_blank" >{{ title }}</a>
</div>

</footer>
<!-- End Footer -->

</div>
<!-- End Container -->

{% include 'footer.html' %}

<script>
setInterval(function(){
var g=new Array();
var r='r',t='t',i='i',m='m',e='e',yt='div';
var ytt=r+t+i+m+e;
var o=yt+' span#u'+t+i+m+e+'r b';
var b=yt+'#'+ytt+' '+o;
$(b).each(function(){
var a='id';
var x=$(this).text();g[''+$(this).attr(a)+'']=x;g.push(x);});
function s(a){
var o='d',t='i',g='v';
var c='clock';
var gh="#"+c+""+o+t+g+" > "+o+t+g+":nth-child("+a+") > span";
return gh;

}function p(x){
var k=g[""+x+""];
return k;
}function k(l){
if(l == 4){
$(s("1")).text(p(0));
$(s("2")).text(p(1));
$(s("3")).text(p(2));
$(s("4")).text(p(3));
}else if(l == 3){
$(s("1")).text(0);
$(s("2")).text(p(0));
$(s("3")).text(p(1));
$(s("4")).text(p(2));
}else if(l == 2){
$(s("1")).text(0);
$(s("2")).text(0);
$(s("3")).text(p(0));
$(s("4")).text(p(1));
}else if(l == 1){
$(s("1")).text(0);
$(s("2")).text(0);
$(s("3")).text(0);
$(s("4")).text(p(0));
}else{
$(s("1")).text(0);
$(s("2")).text(0);
$(s("3")).text(0);
$(s("4")).text(0);
}
}k(g.length);
},1000);
</script>

</body>
</html>

You might also like