{% include 'mcp_header.html' %}

<div class="iz-mcp">

	<form method="post" id="mcp" action="{{ U_POST_ACTION }}" class="iz-form">

		<header class="iz-pagehead" aria-labelledby="iz-warn-user-title">
			<h2 class="iz-pagehead__title" id="iz-warn-user-title">{{ L_WARN_USER }}</h2>
		</header>


		<section class="iz-card iz-card--mcp" aria-labelledby="iz-user-summary-title">
			<header class="iz-card__header">
				<h3 class="iz-card__title" id="iz-user-summary-title">{{ L_USERNAME }}</h3>
			</header>

			<div class="iz-card__body">
				<div class="iz-grid iz-grid--2">

					<div>
						{% if AVATAR_IMG %}
							<div class="iz-avatar iz-avatar--lg">
								{{ AVATAR_IMG }}
							</div>
						{% else %}
							<div class="iz-avatar iz-avatar--lg" aria-hidden="true">
								<img src="{{ T_THEME_PATH }}/images/no_avatar.gif" alt="" />
							</div>
						{% endif %}
					</div>

					<div class="iz-prose">
						<ul class="iz-list iz-list--plain">
							<li class="iz-meta">
								<strong>{{ L_USERNAME }}{{ L_COLON }}</strong>&nbsp;
								{% if USER_COLOR %}
									<span style="color: #{{ USER_COLOR }}">{{ USERNAME }}</span>
								{% else %}
									{{ USERNAME }}
								{% endif %}
							</li>
							<li class="iz-meta"><strong>{{ L_JOINED }}{{ L_COLON }}</strong>&nbsp;<time>{{ JOINED }}</time></li>
							<li class="iz-meta"><strong>{{ L_TOTAL_POSTS }}{{ L_COLON }}</strong>&nbsp;{{ POSTS }}</li>
							<li class="iz-meta"><strong>{{ L_WARNINGS }}{{ L_COLON }}</strong>&nbsp;{{ WARNINGS }}</li>
							{% if RANK_TITLE %}
								<li class="iz-meta">{{ RANK_TITLE }}</li>
							{% endif %}
						</ul>
					</div>

				</div>
			</div>
		</section>


		{% EVENT mcp_warn_user_add_warning_field_before %}

		<section class="iz-card iz-card--mcp" aria-labelledby="iz-add-warning-title">
			<header class="iz-card__header">
				<h3 class="iz-card__title" id="iz-add-warning-title">{{ L_ADD_WARNING }}</h3>
			</header>

			<div class="iz-card__body">
				<div class="iz-field">
					<label class="iz-label" for="warning">{{ L_ADD_WARNING }}{{ L_COLON }}</label>
					<p class="iz-help">{{ L_ADD_WARNING_EXPLAIN }}</p>
					<textarea class="iz-textarea"
							  name="warning"
							  id="warning"
							  rows="3"
							  placeholder="{{ L_MORE_INFO }}{{ L_ELLIPSIS }}"></textarea>
				</div>

				{% if S_CAN_NOTIFY %}
					<div class="iz-field">
						<p class="iz-help">
							<strong>{{ L_REPORT_NOTIFY }}{{ L_COLON }}</strong>&nbsp;{{ L_REPORT_NOTIFY_EXPLAIN }}
						</p>

						<label class="iz-choice" for="notify_user">
							<input class="iz-choice__input" type="checkbox" name="notify_user" id="notify_user" checked="checked" />
							<span class="iz-choice__label">{{ L_NOTIFY_USER_WARN }}</span>
						</label>
					</div>
				{% endif %}
			</div>
		</section>

		{% EVENT mcp_warn_user_add_warning_field_after %}


		<fieldset class="iz-actions iz-actions--inline">
			<button type="submit" name="action[add_warning]" value="{{ L_SUBMIT }}" class="iz-btn iz-btn--primary">
				{{ L_SUBMIT }}
			</button>
			{{ S_FORM_TOKEN }}
		</fieldset>

	</form>

</div>

{% include 'mcp_footer.html' %}