<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Login</title>		
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/secure.css'}" />
    </head>
    <body>
        <div id="login">

        	#{form @authenticate()}

        		#{if flash.error}
        			<p class="error">
        				&{flash.error}
        			</p>
        		#{/if}
        		#{if flash.success}
        			<p class="success">
        				&{flash.success}
        			</p>
        		#{/if}

        		<p id="username-field">
        			<label for="username">&{'secure.username'}</label>
        			<input type="text" name="username" id="username" value="${flash.username}" />
        		</p>
        		<p id="password-field">
        			<label for="password">&{'secure.password'}</label>
        			<input type="password" name="password" id="password" value="" />
        		</p>
        		<p id="remember-field">
        			<input type="checkbox" name="remember" id="remember" value="true" ${flash.remember ? 'checked="true"' : ''} />
        			<label for="remember">&{'secure.remember'}</label>
        		</p>
        		<p id="signin-field">
        			<input type="submit" id="signin" value="&{'secure.signin'}" />
        		</p>
        	#{/form}
        </div>
    </body>
</html>
