{% include 'overall_header.html' %}

{% if FORUM_NAME %}
<section class="iz-pagehead" aria-label="{{ FORUM_NAME }}">
	<h2 class="iz-pagehead__title">
		<a class="iz-link" href="{{ U_VIEW_FORUM }}">{{ FORUM_NAME }}</a>
	</h2>
</section>
{% endif %}

<form id="login_forum" class="iz-confirm iz-confirm--forumlogin" method="post" action="{{ S_LOGIN_ACTION }}">
	{{ S_FORM_TOKEN }}

	<section class="iz-card iz-card--confirm" aria-labelledby="iz-loginforum-title">
		<header class="iz-card__header">
			<h3 class="iz-card__title" id="iz-loginforum-title">{{ L_LOGIN }}</h3>
		</header>

		<div class="iz-card__body">
			<div class="iz-alert iz-alert--info" role="status">
				<p class="iz-alert__text">{{ L_LOGIN_FORUM }}</p>
			</div>

			{% if LOGIN_ERROR %}
				<div class="iz-alert iz-alert--danger" role="alert">
					<strong class="iz-alert__title">{{ LOGIN_ERROR }}</strong>
				</div>
			{% endif %}

			<fieldset class="iz-confirm__fieldset">
				<div class="iz-field">
					<label class="iz-label" for="password">{{ L_PASSWORD }}{{ L_COLON }}</label>
					<input class="iz-input"
						   type="password"
						   name="password"
						   id="password"
						   placeholder="{{ L_PASSWORD }}"
						   tabindex="1"
						   autocomplete="current-password"
						   required />
				</div>

				<div class="iz-confirm__actions">
					{{ S_LOGIN_REDIRECT }}
					{{ S_FORM_TOKEN_LOGIN }}
					{{ S_HIDDEN_FIELDS }}

					<button class="iz-btn iz-btn--primary" tabindex="2" type="submit" name="login" value="{{ L_LOGIN }}">
						{{ L_LOGIN }}
					</button>
				</div>
			</fieldset>
		</div>
	</section>
</form>

{% if S_DISPLAY_JUMPBOX %}
	<div class="iz-jumpbox iz-jumpbox--footer">
		<label class="iz-label" for="jumpbox">{{ L_JUMP_TO }}{{ L_COLON }}</label>
		<select class="iz-select" id="jumpbox" name="f" onchange="if (this.value) window.location.href=this.options[this.selectedIndex].value;">
			{% include 'jumpbox_options.html' %}
		</select>
	</div>
{% endif %}

{% include 'overall_footer.html' %}
