{% extends "base.html" %}

{% block html_class %}bg-black{% endblock %}

{% block body %}

  <body class="bg-black">




      <div class="form-box" id="login-box">

      {% with messages = get_flashed_messages() %}

          {% if messages %}



                      <div class="box box-danger">

                          <div class="box-header">
                              <i class="fa fa-warning"></i>
                              <h3 class="box-title">Alerts</h3>
                          </div>

                          <div class="box-body">

                              {% for message in messages %}
                              <div class="alert alert-danger alert-dismissable">
                                  {{ message }}
                              </div>

                              {% endfor %}

                          </div>



              </div>

          {% endif %}

      {% endwith %}

          <div class="header">Sign In</div>
          <form method="post">
              <div class="body bg-gray">
                  <div class="form-group">
                      <input type="text" name="username" class="form-control" placeholder="Username"/>
                  </div>
                  <div class="form-group">
                      <input type="password" name="password" class="form-control" placeholder="Password"/>
                  </div>
              </div>
              <div class="footer">
                  <button type="submit" class="btn bg-olive btn-block">Sign me in</button>
              </div>
          </form>
      </div>


      <!-- jQuery 2.0.2 -->
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
      <!-- Bootstrap -->
      <script src="../../js/bootstrap.min.js" type="text/javascript"></script>

  </body>

{% endblock %}
