
[ === main === ]
	<!--notypo-->
	[= u LogoutForm =
		<form action="[ ' href ' ]" method="get" name="logout">
			[ ' href | hide_page ' ]
			<input type="hidden" name="action" value="logout">
			<div class="cssform">
				<h3>[ ' _t: Hello ' ], [ ' link ' ]!</h3>
				<p>
					<a href="[ ' logout ' ]" class="btn-link"><button type="button" class="CancelBtn">[ ' _t: LogoutButton ' ]</button></a>
				</p>
				<p>
					[ ' account ' ] | <a href="[ ' cookies ' ]">[ ' _t: ClearCookies ' ]</a>
				</p>
			</div>
		</form>
	=]
	[= l LoginForm =
		[= toomuch _ =
			<div class="msg error">[ ' _t: LoginAttemptsExceeded ' ]</div>
		=]
		<div class="cssform">
		<h3>[ ' _t: LoginWelcome ' ]</h3>

		<form action="[ ' href ' ]" method="post" name="login">
			[ ' csrf: login ' ]
			<p>
				<label for="user_name">[ ' format_t: LoginName ' ]</label>
				<input type="text" id="user_name" name="user_name" size="25" maxlength="80" value="[ ' username | e attr ' ]" pattern="[ ' pattern | e attr ' ]" title="[ ' only | e attr ' ]" tabindex="1" required autofocus>
			</p>
			<p>
				<label for="password">[ ' _t: LoginPassword ' ]</label>
				<input type="password" id="password" name="password" size="25" tabindex="2" autocomplete="off" required>
				[== // input.verify -> display: none --- anti-bot dummy field feature ==]
				<input type="text" id="email" name="email" class="verify">
			</p>
			<p>
				<input type="checkbox" id="persistent" name="persistent" tabindex="3">
				<label for="persistent">[ ' _t: PersistentCookie ' ]</label>
			</p>
			[= show _ =
				<p>
					[ ' captcha ' ]
				</p>
			=]
			<p>
				<button type="submit" class="OkBtn" tabindex="4">[ ' _t: LoginButton ' ]</button>
			</p>
			<p><a href="[ ' pwhref ' ]">[ ' _t: ForgotPassword ' ]</a></p>
			[= welcome _ =
				<p><a href="[ ' href ' ]">[ ' _t: CreateAccount ' ]</a></p>
			=]
		</form>
		</div>
	=]
	<!--/notypo-->
