#set($targetdiv = $context.getRequestParameter("targetdiv") )
#if(!$targetdiv)
	#set($targetdiv = $context.findValue("targetdiv") )
#end 
<div class="container">
	
	<div class="loginbox">
	<h1 class="page-title text-center mb-4">[[Sign-up]]</h1>

	<div id="ajaxloginformdiv" class="p-2 ajaxloginbox">
		#set($customloginmessage = $mediaarchive.getCatalogSettingValue("customloginmessage") )
		#ifnotnull($customloginmessage)
			$customloginmessage
		#end
	
		#set($providers = $mediaarchive.query("oauthprovider").exact("enabled","true").search())
		#set( $allowguestregistration = $context.findValue("allowguestregistration") )
	 
		#set( $error = $context.getPageValue("oe-exception") )
		#if ( $error ) 
			<div class="alert alert-danger m-5 w-100" role="alert">
				[[Error please contact an Administrator]]
			</div>
			$context.removeSessionValue("oe-exception")
		#end 
	
		#set($allowloginbyemail = $mediaarchive.getCatalogSettingValue("allowloginbyemail") )
		<div class="my-4 w-100">
			#if( $content.allowguestregistration == "true")
				#set($placeholder = "[[Login or Register with your Email Address]]")
			#else
				#set($placeholder = "[[Login with your Email Address]]")
			#end
			#if($allowloginbyemail == "true")
				<div class="mb-4 text-center text-contrast"><strong>$placeholder</strong></div>
				
				<form class="ajaxform" 
					data-targetdiv="ajaxloginformdiv"
					action="$!{home}${content.loginroot}/ajaxsendmagiclinkfinish.html" 
					id="password-reminder" name="passwordReminder"  method="post">
					#ifnotnull( $userCategory)
						<input type="hidden" name="categoryid" value="$userCategory.id" />
					#end
					<div class="row align-items-center justify-content-md-center">
					<div class="col-12 col-md-6 mb-3">
						<input id="loginemail" class="form-control required grabfocus" type="text" name="email" placeholder="[[Enter your email address]]" required />
					</div>
	
					<div class="col-12 col-md-auto mb-3">
						<div class="d-flex justify-content-center">
							<input class="btn themed-btn mx-auto mx-md-0" name="submit" type="submit" value="[[Next]]" />
						</div>
						<input type="hidden" name="subject" value="[[Your Login Info]]"/>
					</div>
					</div>
				</form>
			#end
		</div>
	</div>
	</div>
</div>