@Title{Member Area}@
@CSS{
	.form{
		float:left;
		width:50%;
		box-sizing:border-box;
	}
	
	.form:not(:last-child){
		padding-right:5px
	}
	
	.form:not(:first-child){
		padding-left:5px
	}
	
	td:nth-child(2){
		width:100%;
	}
	
	td>input[type=email],td>input[type=password]{
		width:100%;
	}
}@
@CSSSmall{
	.form{
		width:100%;
		padding:0 !important;
	}
}@
@Body{
<?php
	if (!isset($loginEmail))
		$loginEmail="";
	if (!isset($registerEmail))
		$registerEmail="";
?>
<div class="form">
	<h2>Log In</h2>
	<?= Utils::TableMaker(
		array(
			array(
				"display"=>"Email",
				"name"=>"email",
				"type"=>"email",
				"value"=>$loginEmail
			),
			array(
				"display"=>"Password",
				"name"=>"password",
				"type"=>"password"
			)
		),
		'<img src="/images/member.svg" alt="Log In" title="Log In" />',
		"/member/login"
	); ?>
</div>
<div class="form">
	<h2>Register</h2>
	<?= Utils::TableMaker(
		array(
			array(
				"display"=>"Email",
				"name"=>"email",
				"type"=>"email",
				"value"=>$registerEmail
			),
			array(
				"display"=>"Password",
				"name"=>"password",
				"type"=>"password"
			)
		),
		'<img src="/images/register.svg" alt="Register" title="Register" />',
		"/member/register"
	); ?>
</div>
}@