<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <meta name="robots" content="noindex">
  <link rel="shortcut icon" href="images/favicon.png" type="image/png">

  <title>VGP v.a1 | Login</title>

  <link href="css/style.default.css" rel="stylesheet">

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

<body class="signin">

<!-- Preloader -->
<div id="preloader">
    <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
</div>

<section>

    <div class="signinpanel">

        <div class="row">

            <div class="col-md-3">
            </div><!-- col-sm-3 -->

            <div class="col-md-6">

                <form method="post" action="/auth">
                    <h4 class="nomargin">Log In</h4>
                    <p class="mt5 mb20">Please enter your credentials below to continue.</p>

                    <div id="error_true" class="alert alert-danger" style="display: none;">
                      Invalid credentials, please try again.
                    </div>

                    <div id="auth_false" class="alert alert-warning" style="display: none;">
                      You're not logged in, please log in below.
                    </div>

                    <div id="logout_true" class="alert alert-success" style="display: none;">
                      You have successfully logged out.
                    </div>

                    <input type="text" class="form-control uname" name="username" placeholder="Username" />
                    <input type="password" class="form-control pword" name="password" placeholder="Password" />
                    <button class="btn btn-success btn-block">Log In</button>

                </form>
            </div><!-- col-sm-6 -->

        </div><!-- row -->

    </div><!-- signin -->

</section>


<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/retina.min.js"></script>

<script>
  jQuery(document).ready(function() {

    var vars = [], hash;
        var q = document.URL.split('?')[1];
        if(q != undefined){
            q = q.split('&');
            for(var i = 0; i < q.length; i++){
                hash = q[i].split('=');
                vars.push(hash[1]);
                vars[hash[0]] = hash[1];
            }
    }

    if(vars['error'] && vars['error'] == 'true') {
      jQuery('#error_true').show()
    }

    if(vars['auth'] && vars['auth'] == 'false') {
      jQuery('#auth_false').show()
    }

    if(vars['logout'] && vars['logout'] == 'true') {
      jQuery('#logout_true').show()
    }

  });
</script>

<script src="js/custom.js"></script>

</body>
</html>
