<mef:set title="Log In" />

<div class="instructions">
Enter your account information to proceed. If you do not have an account, you can
<a href="/account/join">register here</a>.<br />
If you want to be logged in automatically from hereafter, check the auto-login box.
</div>

<div mef:if="error" class="error" style="margin: 1em; color: #900;">
<p>The log in attempt failed.</p>
<p mef:if="error_message">{error_message}</p>
</div>

<script type="text/javascript" src="/js/account/login.js"></script>

<div class="form" style="margin: 1em;">
	<form method="post">
		<input type="hidden" name="referrer" value="{referrer}" />

		<div style="margin: 0 0 1em 0;">
			<b>Authentication Method:</b>
			<input type="radio" name="auth_type" value="acc" id="use_acc_auth" checked="checked" onclick="$('acc_auth').show(); $('openid_auth').hide();" /><label for="use_acc_auth">Allegro.cc</label>
			<input type="radio" name="auth_type" value="openid" id="use_openid" onclick="$('acc_auth').hide(); $('openid_auth').show();" /><label for="use_openid">OpenID</label>
		</div>

		<div id="acc_auth" style="margin: 0.5em;">
			<label style="float: left;">Username:</label> <input id="username" name="username" style="display: block; margin-left: 6em;" type="text" /> <br style="clear: left;" />
			<label style="float: left;">Password:</label> <input name="password" style="display: block; margin-left: 6em;" type="password" /> <br style="clear: left;" />
		</div>

		<div id="openid_auth" style="margin: 0.5em; display: none;">
			<acc:openid />
		</div>

		<div style="margin: 0 0 1em 6em;">
			<input id="auto-login" name="auto_login" type="checkbox" value="1" /> <label for="auto-login">Enable Auto-Login</label>
		</div>

		<input style="display: block; margin-left: 6em;" type="submit" value="Log In" /> <br style="clear: left;" />

		<div align="center" style="width: 400px;">
			<p style="color: #333;"><i>— OR —</i></p>

			<a href="{google_url}"><img src="/images/oauth/google.png" width="237" height="54" border="0" /></a>
		</div>
	</form>
</div>