+<!DOCTYPE html>
+<html>
+<head>
+ {include="includes"}
+</head>
+<body>
+{include="page.header"}
+{if="!ban_canLogin()"}
+<div class="pure-g pure-alert pure-alert-error pure-alert-closable center">
+ <div class="pure-u-2-24"></div>
+ <div class="pure-u-20-24">
+ You have been banned after too many failed login attempts. Try again later.
+ </div>
+ <div class="pure-u-2-24">
+ <i class="fa fa-times pure-alert-close"></i>
+ </div>
+</div>
+{else}
+ <div class="pure-g">
+ <div class="pure-u-lg-1-3 pure-u-1-8"></div>
+ <div id="login-form" class="pure-u-lg-1-3 pure-u-3-4">
+ <form method="post" name="loginform">
+ <h2>Login</h2>
+ <div>
+ <input type="text" name="login" placeholder="Username" tabindex="3">
+ </div>
+ <div>
+ <input type="password" name="password" placeholder="Password" tabindex="4">
+ </div>
+ <div class="remember-me">
+ <input type="checkbox" name="longlastingsession" id="longlastingsession" tabindex="5">
+ <label for="longlastingsession">Remember me</label>
+ </div>
+ <div>
+ <input type="submit" value="Login" class="bigbutton" tabindex="6">
+ </div>
+ <input type="hidden" name="token" value="{$token}">
+ {if="$returnurl"}<input type="hidden" name="returnurl" value="{$returnurl}">{/if}
+ </form>
+ </div>
+ <div class="pure-u-lg-1-3 pure-u-1-8"></div>
+ </div>
+
+{/if}
+
+
+</div>
+
+{include="page.footer"}
+<script>
+ document.getElementsByName('login')[1].focus();
+</script>
+</body>
+</html>
+