{=autoImage('MainImage')=}

{=beginArea 'login_userinfo' beginArea=}
<div>Currently logged in as: {=$UserName=}</div>
<div><a href="{=$LogoutHref=}">Log Out</a></div>
{=endArea 'login_userinfo' endArea=}

<table>
{=beginArea 'login_main' beginArea=}
<tr>
	<td colspan=2><span style="color: red">{=$ErrorMessage=}</span><!-- SuccessMessage is not needed here because the user will be redirected to a different page upon successful login --></td>
</tr>
<tr>
  <td>Username:</td>
  <td>{=formInput('UserName', 'mycss')=}</td>
</tr>
<tr>
  <td>Password:</td>
  <td>{=formInput('UserPass', 'mycss')=}</td>
</tr>
<tr>
  <td></td>
  <td><input type="submit" class="standardbody" name="Submit" value="Log in"></td>
</tr>
<tr>
  <td></td>
  <td>{=formInput('RememberLogin')=}</td>
</tr>
{=endArea 'login_main' endArea=}

{=beginArea 'login_forgot' beginArea=}
<tr>
	<td colspan=2><span style="color: red">{=$ErrorMessage=}</span></td>
</tr>
<tr>
	<td colspan=2><span style="color: green">{=$SuccessMessage=}</span></td>
</tr>
<tr>
  <td colspan=2>Forgot password?</td>
</tr>
<tr>
  <td>Email:</td>
  <td>{=formInput('Email', 'class')=}</td>
</tr>
<tr>
  <td></td>
  <td><input type="submit" class="standardbody" name="Submit" value="Send Password"></td>
</tr>
{=endArea 'login_forgot' endArea=}
</table>