<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">

    <title>AsianOdds - Web App</title>

    <!-- Bootstrap core CSS -->
    <link href="static/assets/css/bootstrap.css" rel="stylesheet">
    <!--external css-->
    <link href="static/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="static/assets/css/zabuto_calendar.css">
    <link rel="stylesheet" type="text/css" href="static/assets/js/gritter/css/jquery.gritter.css" />
    <link rel="stylesheet" type="text/css" href="static/assets/lineicons/style.css">

    <!-- Custom styles for this template -->
    <link href="static/assets/css/style.css" rel="stylesheet">
    <link href="static/assets/css/style-responsive.css" rel="stylesheet">

    <script src="static/assets/js/chart-master/Chart.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

  <section id="container" >
      <!-- **********************************************************************************************************************************************************
      TOP BAR CONTENT & NOTIFICATIONS
      *********************************************************************************************************************************************************** -->
      <!--header start-->
      <header class="header black-bg">
              <div class="sidebar-toggle-box">
                  <div class="fa fa-bars tooltips" data-placement="right" data-original-title="Toggle Navigation"></div>
              </div>
            <!--logo start-->
            <a href="index.html" class="logo"><b>AsianOdds Web App</b></a>
            <!--logo end-->
            <div class="nav notify-row" id="top_menu">
            </div>
            <div class="top-menu">
            	<ul class="nav pull-right top-menu">
                    <li><a class="logout" href="/download_preds">Download</a></li>
            	</ul>
            </div>
        </header>
      <!--header end-->

      <!--sidebar start-->
      <aside>
          <div id="sidebar"  class="nav-collapse ">
              <!-- sidebar menu start-->
              <ul class="sidebar-menu" id="nav-accordion">
                  <li class="mt">
                      <a class="active" href="index.html">
                          <i class="fa fa-dashboard"></i>
                          <span>Dashboard</span>
                      </a>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" >
                          <i class="fa fa-th"></i>
                          <span>Data Tables</span>
                      </a>
                      <ul class="sub">
                          <li><a  href="basic_table.html">Raw Data</a></li>
                          <li><a  href="responsive_table.html">Predictions</a></li>
                      </ul>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" >
                          <i class="fa fa-cogs"></i>
                          <span>Config</span>
                      </a>
                      <ul class="sub">
                          <li><a  href="config.html">Config</a></li>
                      </ul>
                  </li>
              </ul>
              <!-- sidebar menu end-->
          </div>
      </aside>
      <!--sidebar end-->
      <!-- **********************************************************************************************************************************************************
      MAIN CONTENT
      *********************************************************************************************************************************************************** -->
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">
            <h3><i class="fa fa-angle-right"></i> Web App Config</h3>



            <!-- INLINE FORM ELELEMNTS -->
            <div class="row mt">
              <div class="col-lg-12">
                <div class="form-panel">
                      <h4 class="mb"><i class="fa fa-angle-right"></i> Telegram Users</h4>
                      <form class="form-inline" role="form" action="/user_update" method="post">
                              <input type="text" class="form-control" id="exampleInputEmail2" name="user_input" placeholder="User ID">

                          <button type="submit" name="submit" class="btn btn-theme" value="add">Add User</button>
                          <button type="submit" name="submit" class="btn btn-theme" value="remove">Remove User</button>

                      </form>
                      <br>
                      <select multiple class="form-control">
                        {% for u in users %}
                        <option>{{ u }}</option><br>
                        {% endfor %}
                        <br>
                      </select>
                </div><!-- /form-panel -->
              </div><!-- /col-lg-12 -->
            </div><!-- /row -->

            <div class="row mt">
              <div class="col-lg-12">
                <div class="form-panel">
                      <h4 class="mb"><i class="fa fa-angle-right"></i> TotalCorner</h4>
                      <form class="form-inline" role="form" action="/token_update" method="post">
                              <input type="text" class="form-control" id="exampleInputEmail2" name="token" placeholder="Token">

                          <button type="submit" name="submit" class="btn btn-theme" value="add">Submit</button>

                      </form>
                      <br>
                </div><!-- /form-panel -->
              </div><!-- /col-lg-12 -->
            </div><!-- /row -->

            <!-- INPUT MESSAGES -->
            <div class="row mt">
              <div class="col-lg-12">
                <div class="form-panel" role="form">
                  <form action="/config_update" method="post">
                      <h4 class="mb"><i class="fa fa-angle-right"></i> Telegram Notifications</h4>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_1" value="config_1">
                Configuration 1 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_2" value="config_2">
                Configuration 2 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_3" value="config_3">
                Configuration 3 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_4" value="config_4">
                Configuration 4 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_5" value="config_5">
                Configuration 5 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_6" value="config_6">
                Configuration 6 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_7" value="config_7">
                Configuration 7 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_8" value="config_8">
                Configuration 8 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_8a" value="config_8a">
                Configuration 8a notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_9" value="config_9">
                Configuration 9 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_9a" value="config_9a">
                Configuration 9a notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_10" value="config_10">
                Configuration 10 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_10a" value="config_10a">
                Configuration 10a notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_11" value="config_11">
                Configuration 11 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_11a" value="config_11a">
                Configuration 11a notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_12" value="config_12">
                Configuration 12 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_13" value="config_13">
                Configuration 13 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_14" value="config_14">
                Configuration 14 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_15" value="config_15">
                Configuration 15 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_15a" value="config_15a">
                Configuration 15a notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_16" value="config_16">
                Configuration 16 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_17" value="config_17">
                Configuration 17 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_17a" value="config_17a">
                Configuration 17a notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_18" value="config_18">
                Configuration 18 notifications
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" name="config_18a" value="config_18a">
                Configuration 18a notifications
              </label>
            </div>
          <button type="submit" class="btn btn-theme">Submit Changes</button>
          <br>
          <h4 class="mb"><i class="fa fa-angle-right"></i> Current Configuration</h4>
          <select multiple class="form-control">
            {% for c in configs %}
            <option>{{ c }}</option><br>
            {% endfor %}
            <br>
          </select>
          </form>

                </div><!-- /form-panel -->
              </div><!-- /col-lg-12 -->
            </div><!-- /row -->


      </section>
      </section><!-- /MAIN CONTENT -->

      <!--main content end-->

      <!--main content end-->
      <!--footer start-->
      <footer class="site-footer">
          <div class="text-center">
              2017 - Nick Hale
          </div>
      </footer>
      <!--footer end-->
  </section>
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/jjquery-1.8.3.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script class="include" type="text/javascript" src="assets/js/jquery.dcjqaccordion.2.7.js"></script>
    <script src="assets/js/jquery.scrollTo.min.js"></script>
    <script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>


    <!--common script for all pages-->
    <script src="assets/js/common-scripts.js"></script>

    <!--script for this page-->
    <script type="text/javascript" src="assets/js/gritter/js/jquery.gritter.js"></script>
    <script type="text/javascript" src="assets/js/gritter-conf.js"></script>

  <script>
      //custom select box

      $(function(){
          $('select.styled').customSelect();
      });

  </script>

  </body>
</html>
