<%
var email = getQueryParameter("email") ;
if (pathname=="/join")
{
%>
	<div class='pageheaderouter'>
	<div class="join-page">
		<h1 class="text-center"> <i class="fas fa-users"></i> Join Now</h1>
		<p class="text-center mb-5">Start your will today</p>
	<div class='container'>
<%
	if (validSession(session))
	{
%>		<div id="joinPage" class="row align-items-center">
			<div class="col-md-8>
				<p class="text-center">You are already a member and signed in
				<p class="text-center">If you are not <%=session["label"]%>, <a href='/signout'>click here</a>.
				<p class="text-center">To view your desktop, <a href='/desktop'>click here</a>.
				<p class="text-center">To view or update your profile, <a href='/profile'>click here</a>.
			</div>
		</div>
<%
	}
	else
	{
		joinForm(getQueryParameter("email")) ;
	}
%>
	</div>
	</div>
	</div>
<%
	$("#joinForm").on
	(
		"submit",
		function (event)
		{
			event.preventDefault() ;
			joinSubmit() ;
		}
	) ;
}
else
{
%>
	<div class='pageheaderouter'>
	<div class='pageheaderinner'>
		<h1>Join Error</h1>
	</div>
	<div class='container'>
		<p>You must have made mistake.</p>
	</div>
	</div>
<%
}
%>