Scribd
Upload
31 views

15.3 Lime HTML

The document is an HTML page for a portal dashboard. It contains various status information and buttons for actions like inserting coins, checking balance, buying load, and more. The page uses Bootstrap for layout and includes JavaScript for interactivity.

Uploaded by

gasconchriztopher
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
31 views

15.3 Lime HTML

The document is an HTML page for a portal dashboard. It contains various status information and buttons for actions like inserting coins, checking balance, buying load, and more. The page uses Bootstrap for layout and includes JavaScript for interactivity.

Uploaded by

gasconchriztopher
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 14

<!

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="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 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:#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"> <strong style="color:#fff;text-transform: uppercase;"> <div


id="timesign"> {{TimeSign | raw}} </div></strong >
</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 %}

<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..." 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: #00FF00;">
<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
#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"
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: #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-lg 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-lg 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" 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 href="http://www.lpbpisowifi.com"
target="_blank" >{{ title }}</a>
</div>

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

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

{% include 'footer.html' %}

</body>
</html>

You might also like