Advertisement
ECHINET

Untitled

Jan 22nd, 2020
174
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.29 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. </div>
  5. <marquee style="font-family:Book Antiqua; color: #FFFFFF" bgcolor="#000000" scrolldelay="150"> WELCOME TO 🔥REYCAR PISO WIFI 🔥 --😍YOUR SMART VENDO KIOSK😍-- WE OFFER AFFORDABLE AND FAST AIRFIBER WIFI --START AT 1PESO .💥TO TEST OUR SERVICE YOU CAN CLAIM YOUR FREE TIME EVERY 24HOURS💥....</marquee>
  6. </div>
  7.  
  8. <head>
  9. <meta charset="utf-8">
  10. <title>{{ title }}</title>
  11. <meta http-equiv="Cache-control" content="no-transform">
  12. <meta http-equiv="pragma" content="no-cache" />
  13. <meta http-equiv="expires" content="-1" />
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0, target-densitydpi=medium-dpi" />
  15. {% include 'header.html' %}
  16. </head>
  17.  
  18. <body>
  19.  
  20. <div class="container text-center">
  21.  
  22. <div id="carousel-id" class="carousel slide" data-interval="{{slidertimer}}000" data-ride="carousel">
  23. <div class="carousel-inner" role="listbox">
  24. {% for d in banner if d.banner %}
  25. <div class="carousel-item {% if loop.first %} active {% endif %}">
  26. <img src="/assets/images/{{ d.banner }}" class="img-fluid">
  27. </div>
  28. {% endfor %}
  29. </div>
  30.  
  31. </div>
  32.  
  33. <div style="margin:10px"></div>
  34. <!--<div class="animate-area">
  35. <img class="img-fluid temp-hidden" src="images/logo-small.png" />
  36. </div>-->
  37. <div class="row">
  38. <div class="col-md-12 h2">
  39. <div id="status"></div>
  40. </div>
  41. </div>
  42. <div id="default_container">
  43. <div class="row" style="margin-bottom:10px;">
  44. <div class="col-md-12"> <small style="color:#05D3F8;text-transform: uppercase;">IP: {{ ip }} | Mac: {{ mac }} </small>
  45. </div>
  46. <div class="col-md-12"> <small style="color:#05D3F8;text-transform: uppercase;">Account Credits: ₱{{ remainingcredit }} </small>
  47. </div>
  48. <div class="col-md-12"> <small style="color:#05D3F8;text-transform: uppercase;"><div id="remaindata"> </div> </small>
  49. </div>
  50. <div class="col-md-12"> <small style="color:#7BF805;text-transform: uppercase;"> <div id="timesign"> </div></small>
  51. </div>
  52. <div class="col-md-12">
  53. <div id="rtime" class></div>
  54. </div>
  55. </div>
  56. <div class="temp-hidden">
  57.  
  58.  
  59.  
  60.  
  61. <div class="row" style="margin-bottom:10px;">
  62. <div class="col-md-12">
  63. {% if checkavailableonline < 1 %}
  64. <button type="button" id="insert_coin_button" value="zxcv" class="insert_coin_button btn btn-success button-rnd">Insert Money</button>{% else %}
  65. <button type="button" data-toggle="modal" data-target="#multicoinslot" class="btn btn-success button-rnd blink_button">Insert Coins</button>
  66. {% endif %}
  67. </div>
  68. </div>
  69. <div class="row hidden" id="pcheck" style="margin-bottom:10px;">
  70. <div class="col-md-12">
  71. <button type="button" id="pfunc" class="btn btn-danger button-rnd ">Pause Time</button>
  72. </div>
  73. </div>
  74. <div class="row hidden" id="pfuncwifi" style="margin-bottom:10px;">
  75. <div class="col-md-12">
  76. <button type="button" class="btn btn-primary button-rnd" data-toggle="modal" data-target="#popup">Wifi Rates</button>
  77. </div>
  78. </div>
  79. <div class="row hidden" id="pfunccrates" style="margin-bottom:10px;">
  80. <div class="col-md-12">
  81. <button type="button" class="btn btn-primary button-rnd" data-toggle="modal" data-target="#chargingstation">Charging Rates</button>
  82. </div>
  83. </div>
  84. <div class="row hidden" id="peload" style="margin-bottom:10px;">
  85. <div class="col-md-12">
  86. <button type="button" class="btn btn-danger button-rnd" data-target="#buyload" data-toggle="modal" data-backdrop="static" data-keyboard="false">Buy Load</button>
  87. </div>
  88. </div>
  89. <div class="row hidden" id="pcheckbalance" style="margin-bottom:10px;">
  90. <div class="col-md-12">
  91. <button type="button" class="btn btn-danger button-rnd" data-target="#checkbalance" data-toggle="modal" data-backdrop="static" data-keyboard="false">Check Balance</button>
  92. </div>
  93. </div>
  94. <div class="btn-block hidden" id="entervoucher">
  95. <div class="input-group mb-3">
  96. <input type="text" class="form-control" name="vcode" id="vcode" value="" placeholder="Enter Voucher here...">
  97. <div class="input-group-append">
  98. <button id="sub-voucher" class="btn btn-secondary">Submit</button>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="row" style="margin-bottom:10px;">
  103. <div class="col-md-12">
  104. <button type="button" id="cvoucher" data-toggle="modal" data-target="#sessiontovoucher" class="btn btn-primary button-rnd hidden">Convert Time to Voucher</button>
  105. </div>
  106. </div>{% if checkchargingpins > 0 %}
  107. <div class="row ">
  108. <div class="col-md-12">
  109. <button type="button" data-toggle="modal" data-target="#charginglist" class="btn btn-primary button-rnd">Charging Stations</button>
  110. </div>
  111. </div>{% endif %}
  112. <hr class="prettyline">
  113. </div>
  114. <!-- //LIST VOUCHER -->
  115. <div class="panel panel-info hidden" id="checkvouchers">
  116. <div class="panel-heading">
  117. <h4 class="panel-title">My Vouchers</h4>
  118. </div>
  119. <div class="table-responsive">
  120. <table class="table">
  121. <thead>
  122. <tr>
  123. <th class="text-center">Code</th>
  124. <th class="text-center">Time</th>
  125. </tr>
  126. </thead>
  127. <tbody id="vouchersList"></tbody>
  128. </table>
  129. </div>
  130. </div>
  131. </div>
  132. <!-- Modal -->
  133. <div id="popup" class="modal fade bd-example-modal-sm" role="dialog">
  134. <div class="modal-dialog modal-dialog-centered">
  135. <!-- Modal content-->
  136. <div class="modal-content">
  137. <div class="modal-header">
  138. <h4 class="modal-title">WiFi Rates</h4>
  139. <button type="button" class="close" data-dismiss="modal">×</button>
  140. </div>
  141. <div class="modal-body">
  142. <table class="table table-striped table-bordered table-sm">
  143. <tr class="thead-dark">
  144. <th>Amount</th>
  145. <th>Time</th>
  146. <th>Note</th>
  147. </tr>
  148.  
  149. {% for r in rates if r.time %}
  150. <tr>
  151. <td>{{ r.pulses }}</td>
  152. <td class="rconvert{{ r.pulses }}"></td>
  153. <td>{{ r.note }}</td>
  154. </tr>
  155. {% endfor %}
  156.  
  157. </table>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <div id="multicoinslot" class="modal fade bd-example-modal-sm" role="dialog">
  163. <div class="modal-dialog modal-dialog-centered modal-lg">
  164. <!-- Modal content-->
  165. <div class="modal-content">
  166. <div class="modal-header">
  167. <h4 class="modal-title"><i class="fa fa-bars" aria-hidden="true"></i> Select Coinslot </h4>
  168. <button type="button" class="close" data-dismiss="modal">×</button>
  169. </div>
  170. <div class="modal-body">
  171. <div class="card-deck mb-3 text-center">
  172. {% if mainvendo == 1 %}<div class="card mb-4 shadow-sm">
  173. <div class="card-header">
  174. <h4 class="my-0 font-weight-normal">{{cname}}</h4>
  175. </div>
  176. <div class="card-body">
  177. <ul class="list-unstyled">
  178. <li>{{cdescription}}</li>
  179. </ul>
  180. <button type="button" value="zxcv" class="insert_coin_button btn btn-lg btn btn-primary button-animate" ><i class="fa fa-money fa-fw"></i>Insert Coin</button>
  181. </div>
  182. </div>
  183. {% endif %}
  184. {% for m in multicoinslot if m.mac %}
  185. <div class="card mb-4 shadow-sm">
  186. <div class="card-header">
  187. <h4 class="my-0 font-weight-normal">{{ m.coinslotname }}</h4>
  188. </div>
  189. <div class="card-body">
  190. <ul class="list-unstyled">
  191. <li>{{ m.description }}</li>
  192. </ul>
  193. <button type="button" value="{{ m.mac }}" class="insert_coin_button btn btn-lg btn btn-primary button-animate"><i class="fa fa-money fa-fw"></i>Insert Coin</button>
  194. </div>
  195. </div>
  196. {% endfor %}
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. </div>
  202. <div id="charginglist" class="modal fade bd-example-modal-sm" role="dialog">
  203. <div class="modal-dialog modal-dialog-centered">
  204. <!-- Modal content-->
  205. <div class="modal-content">
  206. <div class="modal-header">
  207. <h4 class="modal-title">Charging Stations</h4>
  208. <button type="button" class="close" data-dismiss="modal">×</button>
  209. </div>
  210. <div class="modal-body">
  211. <table class="table table-striped table-bordered table-sm">
  212. <tr class="thead-dark">
  213. <th>Station Port #</th>
  214. <th>Remaining Time</th>
  215. </tr>
  216. <tbody id="chargingstations"></tbody>
  217. </table>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. <div id="sessiontovoucher" class="modal fade bd-example-modal-sm" role="dialog">
  223. <div class="modal-dialog modal-dialog-centered">
  224. <!-- Modal content-->
  225. <div class="modal-content">
  226. <div class="modal-header">
  227. <h4 class="modal-title">Convert Time To Voucher</h4>
  228. <button type="button" class="close" data-dismiss="modal">×</button>
  229. </div>
  230. <div class="modal-body">
  231. <div class="form-group">
  232. <div class="input-group input-group-sm mb-3">
  233. <div class="input-group-prepend"> <span class="input-group-text" id="inputGroup-sizing-sm-available">Your Minutes:</span>
  234. </div>
  235. <input type="number" name="minutes" id="minutes" class="form-control" value="{{ remainingTime }}" aria-label="Small" aria-describedby="inputGroup-sizing-sm-available" readonly>
  236. </div>
  237. <div class="input-group input-group-sm mb-3">
  238. <div class="input-group-prepend"> <span class="input-group-text" id="inputGroup-sizing-sm">Minutes to convert:</span>
  239. </div>
  240. <input type="number" name="amountminutes" id="amountminutes" min="0" oninput="validity.valid||(value='');" class="form-control" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
  241. </div>
  242. <button type="submit" id="btn-vcode" class="btn btn-primary">Convert</button>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. <!-- Buy Load Modal -->
  249. <div id="buyload" class="modal fade bd-example-modal-sm" role="dialog">
  250. <div class="modal-dialog modal-dialog-centered modal-lg">
  251. <!-- Modal content-->
  252. <div class="modal-content">
  253. <div class="modal-header">
  254. <h4 class="modal-title"><i class="fa fa-bars" aria-hidden="true"></i> {{ title }} - Eloading </h4>
  255. <button type="button" class="close" data-dismiss="modal">×</button>
  256. </div>
  257. <div class="modal-body text-left">
  258. <div class="col-xs-7 align-middle p-lg">
  259. <h3 style="color:#009ee6"> Buy Load & Epins</h3>
  260. <div style="margin-top:20px"></div>
  261. <p style="color: #101010;"><i class="fa fa-mobile" aria-hidden="true"></i> Enter Mobile Phone Number:</p>
  262. <div class="form-group">
  263. <input type="text" name="eloadnumber" id="eloadnumber" placeholder="09123456789" maxlength="11" onkeypress="return getnumbers(this, event)" class="form-control input-lg m-b">
  264. </div>
  265. <hr>
  266. <div class="panel-body">
  267. <input type="hidden" name="mac" id="mac" value="{{ mac }}" class="form-control">
  268. <input type="hidden" name="ip" id="ip" value="{{ ip }}" class="form-control">
  269. <button type="button" class="btn btn-success btn-lg button-rnd eload-spinner" onclick="eloadproduct()">Buy</button>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. <!--Insert Coin Modal -->
  277. <div id="insertcoin" class="modal fade bd-example-modal-sm" role="dialog">
  278. <div class="modal-dialog modal-dialog-centered modal-lg">
  279. <!-- Modal content-->
  280. <div class="modal-content">
  281. <div class="modal-body">
  282. <div class="col-xs-7 align-middle p-lg">
  283. <h3 style="color:#009ee6"> Please Insert Coins</h3>
  284. <div id="progress-msg"></div>
  285. <div class="progress progress-rounded progress-lg progress-striped active">
  286. <div id="progressBar" class="progress-bar progress-bar-danger" style="width:70%"></div>
  287. </div>
  288. <hr class="prettyline">
  289. <ul class="list-group text-left">
  290. <li class="list-group-item"><i class="fa fa-clock-o"></i>Time:<span id="totalm"> -- </li>
  291. {% if buycharging == 1 %}
  292. <li class="list-group-item"><i class="fa fa-usb"></i>Charge:<span id="charging"> -- </li>
  293. {% endif %}
  294. {% if buyvoucher == 1 %}
  295. <li class="list-group-item"><i class="fa fa-ticket"></i>Voucher:<span id="voucher"> -- </li>
  296. {% endif %}
  297. <li class="list-group-item"><i class="fa fa-money"></i>Total Amount:<span id="tamount" > 0.00 </li>
  298. </ul>
  299. <hr class="prettyline">
  300. <div class="panel-body">
  301. <button type="button" id="done-paying" class="btn btn-danger btn-sm btn-spinner">Cancel</button>
  302. {% if buyvoucher == 1 %}
  303. <hr class="prettyline hidden" id="hr">
  304. <button type="button" id="buy-voucher" class="btn btn-success btn-sm hidden btn-spinner">Buy Voucher</button>
  305. {% endif %}
  306. {% if buycharging == 1 %}
  307. <hr class="prettyline hidden">
  308. {% if getchargingtime < 1 %}
  309. <button type="button" id="buy-charging" data-toggle="modal" data-target="#selectcharging" class="btn btn-primary btn-sm hidden">Buy Charging</button>
  310. {% else %}
  311. <button type="button" id="extend-charging" class="btn btn-primary btn-sm hidden">Extend Charging</button>
  312. {% endif %}
  313.  
  314. {% endif %}
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. </div>
  321.  
  322. <!-- Check Balance Modal -->
  323. <div id="checkbalance" class="modal fade bd-example-modal-sm" role="dialog">
  324. <div class="modal-dialog modal-dialog-centered modal-lg">
  325. <!-- Modal content-->
  326. <div class="modal-content">
  327. <div class="modal-header">
  328. <h5 class="modal-title"><i class="fa fa-bars" aria-hidden="true"></i> Balance Inquiry</h5>
  329. <button type="button" class="close" data-dismiss="modal">×</button>
  330. </div>
  331. <div class="modal-body text-left">
  332. <div class="col-xs-7 align-middle p-lg">
  333. <h3 style="color:#009ee6"> Number Balance Checker</h3>
  334. <div style="margin-top:20px"> </div>
  335. <p style="color: #101010;"> <i class="fa fa-mobile" aria-hidden="true"></i> Enter Mobile Phone Number: </p>
  336. <div class="form-group">
  337. <input type="text" name="ieloadnumber" id="ieloadnumber" placeholder="09123456789" maxlength="11" onkeypress="return getnumbers(this, event)" class="form-control input-lg m-b">
  338. </div>
  339. <hr>
  340. <div class="panel-body">
  341. <input type="hidden" name="mac" id="mac" value="{{ mac }}" class="form-control">
  342. <input type="hidden" name="ip" id="ip" value="{{ ip }}" class="form-control">
  343. <button type="button" class="btn btn-success btn-lg button-rnd eload-spinner" onclick="balanceinquiry()">Check</button>
  344. </div>
  345. </div>
  346. </div>
  347. </div>
  348. </div>
  349. </div>
  350.  
  351. <!-- Charging Station Modal -->
  352. <div id="eloadcomplete" class="modal fade bd-example-modal-sm" role="dialog">
  353. <div class="modal-dialog modal-dialog-centered">
  354. <!-- Modal content-->
  355. <div class="modal-content">
  356. <div class="modal-header">
  357. <h4 class="modal-title"><i class="fa fa-bars" aria-hidden="true"></i> Success!</h4>
  358. <button type="button" class="close" data-dismiss="modal">×</button>
  359. </div>
  360. <div class="modal-body">
  361. <h4>Load has been now process.</h4>
  362. <hr/>
  363. <h4> Please wait the confirmation. </h4>
  364. </div>
  365. </div>
  366. </div>
  367. </div>
  368.  
  369.  
  370. <!-- Charging Select Modal -->
  371. <div class="modal fade" id="selectcharging" tabindex="-1" role="dialog" aria-hidden="true">
  372. <div class="modal-dialog modal-dialog-centered">
  373. <div class="modal-content">
  374. <div class="modal-header">
  375. <h5 class="modal-title"><i class="fa fa-usb"></i> Select Charging Ports <i class="fa fa-usb"></i></h5>
  376. </div>
  377. <div class="modal-body">
  378. <table class="table table-striped table-bordered table-sm">
  379. <tr class="thead-dark">
  380. <th>Port
  381. </th>
  382. <th>Note
  383. </th>
  384. <th>Availability
  385. </th>
  386. </tr>
  387. {% for sc in selectcharging if sc.port %}
  388. <tr>
  389. <td>{{ sc.port }}</td>
  390. <td>{{ sc.note }}</td>
  391. <td><input type="radio" name="port" value='{{ sc.port }}'>Available </input></td>
  392. </tr>
  393. {% endfor %}
  394. </table>
  395. </div>
  396. <div class="modal-footer">
  397. <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Cancel</button>
  398. <button type="submit" id="scharging" class="btn btn-success">Select</button>
  399. </div>
  400. </div>
  401. </div>
  402. </div>
  403. <!-- Charging Select Modal -->
  404.  
  405.  
  406. <!-- Charging Station Modal -->
  407. <div id="chargingstation" class="modal fade bd-example-modal-sm" role="dialog">
  408. <div class="modal-dialog modal-dialog-centered">
  409. <!-- Modal content-->
  410. <div class="modal-content">
  411. <div class="modal-header">
  412. <h4 class="modal-title">Charging Rates</h4>
  413. <button type="button" class="close" data-dismiss="modal">×</button>
  414. </div>
  415. <div class="modal-body">
  416. <table class="table table-striped table-bordered table-sm">
  417. <tr class="thead-dark">
  418. <th>Amount
  419. </th>
  420. <th>Time
  421. </th>
  422. <th>Note
  423. </th>
  424. </tr>
  425. {% for c in crates if c.time %}
  426. <tr>
  427. <td>{{ c.pulses }}</td>
  428. <td class="cconvert{{ c.pulses }}"></td>
  429. <td>{{ c.note }}</td>
  430. </tr>
  431. {% endfor %}
  432. </table>
  433. </div>
  434. </div>
  435. </div>
  436. </div>
  437.  
  438.  
  439.  
  440. <div id="eloadannouncer"> </div>
  441. <div id="multicoinslot_announce"> </div>
  442. <div id="eloadprocess_announce"> </div>
  443. <div id="auto_process"> </div>
  444. <div id="balanceinquiry_announcer"> </div>
  445.  
  446.  
  447. <!-- End Footer -->
  448. <footer class="footer" style="margin:auto;max-width: 500px;position: relative;">
  449. Powered By: <a href="http://www.lpbpisowifi.com" target="_blank" >{{ title }}</a>
  450. </footer>
  451. <!-- End Footer -->
  452.  
  453.  
  454. </div>
  455. <!-- End Container -->
  456.  
  457. {% include 'footer.html' %}
  458.  
  459. </body>
  460. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement