<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="BeieliPi - Bienenstock-Monitoring">
    <meta name="author" content="Joerg Lehmann, nbit Informatik GmbH">
    <link rel="icon" href="/static/images/favicon.ico">
    <title>ProxyPi - Simple Web Proxy</title>
    
    <link href="/static/dist/toolkit.min.css" rel="stylesheet">
    <link href="/static/css/customize.css" rel="stylesheet">

    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/dist/toolkit.min.js"></script>
    <script src="/static/js/app.js"></script>
  </head>

  <body>
    <div class="container">
      <div id="banner">
      </div>
      <div class="container-fluid">
        <div class="text-center">
          <h3>ProxyPi</h3>
          <h5>Kontrollierter Internet-Zugang</h5>
         <p>Copyright © 2018 by nbit Informatik GmbH</p>
        </div>
        <div id="well" class="well">
          <div class="row">
            <div class="col-xs-2 col-sm-5"></div>
            <div class="col-xs-8 col-sm-2 text-center center btn-group" id="status" data-toggle="buttons">
              <label id="internet_off_label" class="btn btn-default btn-off btn-lg active">
              <input id="internet_off" type="radio" value="/internet_off" name="multifeatured_module[module_id][status]">AUS</label>
              <label id="internet_on_label" class="btn btn-default btn-on btn-lg">
              <input id="internet_on" type="radio" value="/internet_on" name="multifeatured_module[module_id][status]">EIN</label>
             </div>
            <div class="col-xs-2 col-sm-5"></div>
          </div>
          <div class="text-center"><br />Ein und Ausschalten der Internet-Verbindung</div>
        </div>
      </div>
      <div class="text-center">
        <p>Nicht vergessen: vor Ausziehen des Stromsteckers mit untenstehendem Knopf das Ger&auml;t ausschalten!</p>
      </div>
      <div id="power">
        <input id="poweroff" class="center-block" type="image" src="static/images/poweroff.png" alt="Abschalten" width="80" height="75">
      </div>
      <div class="text-center">
         <p></p>
         <p></p>

         <div id="balance_info" class="alert alert-info" role="alert" disabled>
         </div>
         <div id="status_info" class="alert alert-info" role="alert" disabled>
         </div>
         <div id="shutdown_info" class="alert alert-info" role="alert" disabled>
         </div>

         <a href="#" id="get_balance">Wie viel Guthaben ist auf meiner SIM-Karte?</a> 
         <p></p>
         <a href="#" id="get_status">Status der Internetverbindung</a> 
         <p></p>
      </div>
    </div>
  </body>
</html>
