<form action="{{ getLink('account/manage') }}" method="post" style="margin: 0px; padding: 0px;">
	<div class="TableContainer" >
		<table class="Table4" cellpadding="0" cellspacing="0" >
			<div class="CaptionContainer" >
				<div class="CaptionInnerContainer" >
					<span class="CaptionEdgeLeftTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span>
					<span class="CaptionEdgeRightTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span>
					<span class="CaptionBorderTop" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span>
					<span class="CaptionVerticalLeft" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);" /></span>
					<div class="Text" >Account Login</div>
					<span class="CaptionVerticalRight" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);" /></span>
					<span class="CaptionBorderBottom" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span>
					<span class="CaptionEdgeLeftBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span>
					<span class="CaptionEdgeRightBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span>
				</div>
			</div>
			<tr>
				<td>
					<div class="InnerTableContainer" >
						<table style="width:100%;" >
							<tr>
								<td>
									<div class="TableShadowContainerRightTop" >
										<div class="TableShadowRightTop" style="background-image:url({{ template_path }}/images/global/content/table-shadow-rt.gif);" ></div>
									</div>
									<div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-rm.gif);" >
										<div class="TableContentContainer" >
											<table class="TableContent" width="100%"  style="border:1px solid #faf0d7;" >
												<tr>
													<td>
														<table style="float: left; width: 370px;" cellpadding="0" cellspacing="0" >
															<tr>
																<td class="LabelV" ><span{% if error is not null %} class="red"{% endif %}>Account {{ account }}:</span></td>
																<td><input type="password" name="account_login" size="35" maxlength="30" autofocus /></td>
															</tr>
															<tr>
																<td class="LabelV" ><span{% if error is not null %} class="red"{% endif %}>Password:</span></td>
																<td><input type="password" name="password_login" size="35" maxlength="29" /></td>
															</tr>
															<tr>
																<td class="LabelV" ></td>
																<td><input type="checkbox" id="remember_me" name="remember_me" value="true" />
																	<label for="remember_me"> Remember me</label></td>
															</tr>
															<tr>
															<td>
																<div class="g-recaptcha"
																	data-sitekey="{{ config.recaptcha_site_key }}"
																	data-callback="onSubmit"
																	data-size="invisible">
																</div>
																<input type="hidden" id="g-captcha-response" name="captcha-response" />
															</td>
														</tr>
														</table>
														<div style="float: right; font-size: 1px;" >
															<input type="hidden" name="page" value="overview" >
															{{ include('buttons.login.html.twig') }}
</form>
															<div style="width: 2px; height: 2px;" ></div>
																<form action="{{ getLink('account/lost') }}" method="post" style="padding:0px;margin:0px;" >
																	{{ include('buttons.account_lost.html.twig') }}
																</form>
															</div>
													</td>
												</tr>
											</table>
										</div>
									</div>
									<div class="TableShadowContainer" >
										<div class="TableBottomShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-bm.gif);" >
											<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-bl.gif);" ></div>
											<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-br.gif);" ></div>
										</div>
									</div>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
	</div>
<br/>
<center>
	<h1>New to {{ config.lua.serverName }}?</h1>
</center>
<div class="TableContainer" >
	<table class="Table4" cellpadding="0" cellspacing="0" >
		<div class="CaptionContainer" >
			<div class="CaptionInnerContainer" >
				<span class="CaptionEdgeLeftTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span>
				<span class="CaptionEdgeRightTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span>
				<span class="CaptionBorderTop" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span>
				<span class="CaptionVerticalLeft" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);" /></span>
				<div class="Text" >New Player</div>
				<span class="CaptionVerticalRight" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);" /></span>
				<span class="CaptionBorderBottom" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span>
				<span class="CaptionEdgeLeftBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span>
				<span class="CaptionEdgeRightBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span>
			</div>
		</div>
		<tr>
			<td>
				<div class="InnerTableContainer" >
					<table style="width:100%;" >
						<tr>
							<td>
								<div class="TableShadowContainerRightTop" >
									<div class="TableShadowRightTop" style="background-image:url({{ template_path }}/images/global/content/table-shadow-rt.gif);" ></div>
								</div>
								<div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-rm.gif);" >
									<div class="TableContentContainer" >
										<table class="TableContent" width="100%"  style="border:1px solid #faf0d7;" >
											<tr>
												<td >
													<div style="float: right; margin-top: 20px;" >
														<form class="MediumButtonForm" action="{{ getLink('account/create') }}" method="post" >
															<div class="MediumButtonBackground" style="background-image:url({{ template_path }}/images/global/buttons/mediumbutton.gif)" onMouseOver="MouseOverMediumButton(this);" onMouseOut="MouseOutMediumButton(this);" ><div class="MediumButtonOver" style="background-image:url({{ template_path }}/images/global/buttons/mediumbutton-over.gif)" onMouseOver="MouseOverMediumButton(this);" onMouseOut="MouseOutMediumButton(this);" ></div>
																<input class="MediumButtonText" type="image" name="Create Account" alt="Create Account" src="{{ template_path }}/images/global/buttons/mediumbutton_createaccount.png" />
															</div>
														</form>
													</div>
													<div id="LoginCreateAccountBox" >
														<p><b>{{ config.lua.serverName }}...</b></p>
														<div style="margin-left: 10px;" >
															<p>... where hardcore gaming meets fantasy.</p>
															<p>... where friendships last a lifetime.</p>
															<p>... unites adventurers since 2017!</p>
														</div>
													</div>
										</table>
									</div>
								</div>
								<div class="TableShadowContainer" >
									<div class="TableBottomShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-bm.gif);" >
										<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-bl.gif);" ></div>
										<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-br.gif);" ></div>
									</div>
								</div>
							</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
	</table>
</div>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback" async defer></script>
<script>
var onloadCallback = function() {
	grecaptcha.execute();
};

function setResponse(response) {
	document.getElementById('captcha-response').value = response;
}
</script>