Professional Documents
Culture Documents
15.3 Red HTML
15.3 Red HTML
15.3 Red HTML
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>
<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="row">
<div class="col-md-12 h2">
<div id="status">{{getstatus| raw}}</div>
</div>
</div>
<div class="row" style="margin-bottom:10px;">
<div class="col-md-12"> <small style="color:#007bff;text-
transform: uppercase;">IP: <span style="color:#FFFF00;">{{ ip }}</span> Mac:
<span style="color: #FFFF00;">{{ mac }}</span> </small>
</div>
<div class="col-md-12">
<div id="rtime"> {{getUserremainingTime | raw}}</div>
</div>
</div>
<div id="default_container">
<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 %}
{% 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..." style="text-
transform:uppercase" >
<div class="input-group-append">
<button id="sub-voucher" class="btn btn-
outline-danger">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 p-3">
<table class="table" style="color: #FF0000;">
<thead style="color: #fff">
<tr>
<th class="text-center">Code</th>
<th class="text-center">Time</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody id="vouchersList" style="color:
#fff"></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
#FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000; border-radius: 20px; border-color:
#FFFF00;
border: 2px solid #FFFF00;">
<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:
#FF0000"><i class="fa fa-list" aria-hidden="true"></i> WIFI RATES</h4>
<button type="button" class="close" data-dismiss="modal" style="color:
#FF0000;">×</button>
</div>
<div class="modal-body"
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 text-
center" style="border-radius:6px; ">
<tr style="text-transform: uppercase;
color: #FF0000;">
<th>Amount</th>
<th>Time</th>
<th>Note</th>
</tr>
</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
#FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000; border-radius: 20px; text-
transform: uppercase; border-color: #FFFF00; border: 2px solid #FFFF00;">
</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>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Container -->
{% include 'footer.html' %}
</body>
</html>