{% include 'overall_header.html' %}

<div class="iz-mcp">
	<header class="iz-mcp__header" aria-labelledby="iz-mcp-title">
		<h1 class="iz-mcp__title" id="iz-mcp-title">{{ L_MCP }}</h1>

		{% if U_MCP %}
			<nav class="iz-breadcrumb" aria-label="{{ L_MCP }}">
				<ul class="iz-breadcrumb__list">
					<li class="iz-breadcrumb__item">
						<a class="iz-link" href="{{ U_MCP }}">{{ L_MCP }}</a>
					</li>

					{% if U_MCP_FORUM %}
						<li class="iz-breadcrumb__item">
							<a class="iz-link" href="{{ U_MCP_FORUM }}">{{ L_MODERATE_FORUM }}</a>
						</li>
					{% endif %}

					{% if U_MCP_TOPIC %}
						<li class="iz-breadcrumb__item">
							<a class="iz-link" href="{{ U_MCP_TOPIC }}">{{ L_MODERATE_TOPIC }}</a>
						</li>
					{% endif %}

					{% if U_MCP_POST %}
						<li class="iz-breadcrumb__item">
							<a class="iz-link" href="{{ U_MCP_POST }}">{{ L_MODERATE_POST }}</a>
						</li>
					{% endif %}
				</ul>
			</nav>
		{% endif %}
	</header>

	<div class="iz-mcp__tabs" role="navigation" aria-label="{{ L_MCP }}">
		<ul class="iz-tabs" role="tablist">
			{% for l_block1 in l_block1 %}
				<li class="iz-tabs__item" role="presentation">
					<a class="iz-tabs__link{% if l_block1.S_SELECTED %} is-active{% endif %}"
					   href="{{ l_block1.U_TITLE }}"
					   {% if l_block1.S_SELECTED %}aria-current="page"{% endif %}>
						{{ l_block1.L_TITLE }}
					</a>
				</li>
			{% endfor %}
		</ul>
	</div>

	<div class="iz-mcp__layout">
		<aside class="iz-mcp__aside" aria-label="{{ L_MCP }}">
			<nav class="iz-navpanel">
				<ul class="iz-navpanel__list">
					{% for l_block1 in l_block1 %}
						{% if l_block1.S_SELECTED %}
							{% for l_block2 in l_block2 %}
								<li class="iz-navpanel__item">
									<a class="iz-navpanel__link{% if l_block1.l_block2.S_SELECTED %} is-active{% endif %}"
									   href="{{ l_block1.l_block2.U_TITLE }}"
									   {% if l_block1.l_block2.S_SELECTED %}aria-current="page"{% endif %}>
										{{ l_block1.l_block2.L_TITLE }}{% if l_block1.l_block2.ADD_ITEM %} ({{ l_block1.l_block2.ADD_ITEM }}){% endif %}
									</a>
								</li>
							{% endfor %}
						{% endif %}
					{% endfor %}
				</ul>
			</nav>
		</aside>

		<main class="iz-mcp__main" id="iz-mcp-content" tabindex="-1">
			{% if MESSAGE %}
				<section class="iz-card iz-card--mcp iz-card--notice" aria-labelledby="iz-mcp-message-title" role="status">
					<header class="iz-card__header">
						<h2 class="iz-card__title" id="iz-mcp-message-title">{{ L_MESSAGE }}</h2>
					</header>
					<div class="iz-card__body">
						<p class="iz-alert iz-alert--danger">{{ MESSAGE }}</p>
						<p>
							{% for return_links in return_links %}
								{{ return_links.MESSAGE_LINK }}<br /><br />
							{% endfor %}
						</p>
					</div>
				</section>
			{% endif %}

			{% if CONFIRM_MESSAGE %}
				<form id="confirm" class="iz-confirm iz-confirm--mcp" method="post" action="{{ S_CONFIRM_ACTION }}"{{ S_FORM_ENCTYPE }}>
					<section class="iz-card iz-card--confirm" aria-labelledby="iz-mcp-confirm-title">
						<header class="iz-card__header">
							<h2 class="iz-card__title" id="iz-mcp-confirm-title">{{ L_PLEASE_CONFIRM }}</h2>
						</header>

						<div class="iz-card__body">
							<p class="iz-confirm__text">{{ CONFIRM_MESSAGE }}</p>

							<fieldset class="iz-confirm__actions">
								{{ S_HIDDEN_FIELDS }}
								<button class="iz-btn iz-btn--primary" type="submit" name="submit" value="{{ L_YES }}">{{ L_YES }}</button>
								<button class="iz-btn iz-btn--secondary" type="submit" name="cancel" value="{{ L_NO }}">{{ L_NO }}</button>
							</fieldset>
						</div>
					</section>
				</form>
			{% endif %}
