{% include 'overall_header.html' %}

{% INCLUDECSS '@dark1_usernotificationcontrol/dark1_unc_acp_style.css' %}
{% INCLUDEJS '@dark1_usernotificationcontrol/dark1_unc_acp_script.js' %}

<h1>{{ UNC_EXT_NAME }}</h1>
<div>{{ lang('ACP_UNC_BY') }}&nbsp;{{ UNC_EXT_DEV }}</div>
<hr class="acp-unc-hr">
<h2>{{ UNC_EXT_MODE }}</h2>

<form id="dark1_unc_acp" name="dark1_unc_acp" method="post" action="{{ U_ACTION }}">

	<fieldset>
		<legend>{{ lang('ACP_UNC_SET') }}</legend>
		<dl>
			<dt>
				<label for="dark1_unc_enable">{{ lang('ACP_UNC_ENABLE') ~ lang('COLON') }}</label>
				<br>
				<div>{{ lang('ACP_UNC_ENABLE_EXPLAIN') }}</div>
			</dt>
			<dd>
				<label><input type="radio" class="radio" name="dark1_unc_enable" value="1" {% if UNC_ENABLE %}checked="checked"{% endif %}/> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="dark1_unc_enable" value="0" {% if not UNC_ENABLE %}checked="checked"{% endif %} /> {{ lang('NO') }}</label>
			</dd>
		</dl>
	</fieldset>

	<fieldset>
		<legend>{{ lang('ACP_UNC_NOTIFY') }}</legend>
		<div>{{ lang('ACP_UNC_NOTIFY_EXPLAIN') ~ lang('COLON') }}</div>
		<ul>
			<li><b>{{ lang('ACP_UNC_NOTIFY_ENABLE') }}</b> {{ lang('COLON') ~ ' ' ~ lang('ACP_UNC_NOTIFY_ENABLE_EXPLAIN') }}</li>
			<li><b>{{ lang('ACP_UNC_NOTIFY_NONE') }}</b> {{ lang('COLON') ~ ' ' ~ lang('ACP_UNC_NOTIFY_NONE_EXPLAIN') }}</li>
			<li><b>{{ lang('ACP_UNC_NOTIFY_DISABLE') }}</b> {{ lang('COLON') ~ ' ' ~ lang('ACP_UNC_NOTIFY_DISABLE_EXPLAIN') }}</li>
		</ul>
		<div><b>{{ lang('ACP_UNC_NO_NOTICE_TITLE') }}</b> {{ lang('COLON') ~ '<br>' ~ lang('ACP_UNC_NO_NOTICE_LANG_KEY', UNC_NOTICE) ~ '<br>' ~ lang('ACP_UNC_NO_NOTICE_FAQ_INFO') }}</div>
		<p class="quick">
			<span class="small">
				<a id="toggleuncdebug" class="button1">{{ lang('ACP_UNC_NOTIFY_TOGGLE') }}</a>&nbsp;»&nbsp;{{ lang('ACP_UNC_NOTIFY_TOGGLE_EXPLAIN') }}
			</span>
		</p>
		<table class="table1 responsive">
			<thead>
				<tr>
					<th>{{ lang('NOTIFICATION_TYPE') }}</th>
					{% for notification_methods in loops.notification_methods %}
						<th colspan="{{ NOTIFICATION_METHODS_COLS }}">{{ notification_methods.NAME }}</th>
					{% endfor %}
				</tr>
			</thead>
			<tbody>
			{% for notification_types in loops.notification_types %}
				{% if notification_types.GROUP_NAME %}
					<tr>
						<td class="row3" colspan="{{ NOTIFICATION_TYPES_COLS }}"><b class="unc-gname">{{ notification_types.GROUP_NAME }}</b></td>
					</tr>
				{% else %}
					<tr>
						<td class="col1">
							<b class="unc-gtcap">{{ notification_types.TEXT }}</b><br />&nbsp;»&nbsp;{{ lang('ACP_UNC_NOTIFY_NAME') ~ ' ' ~ lang('COLON') ~ ' ' ~ notification_types.NAME }}
							<span data-uncdebug class="hide">
								<br />&nbsp;»&nbsp;{{ lang('ACP_UNC_NOTIFY_TYPE_ID') ~ ' ' ~ lang('COLON') }}&nbsp;<code>{{ notification_types.TYPE }}</code>
								<br />&nbsp;»&nbsp;{{ lang('ACP_UNC_NOTIFY_LANG_KEY') ~ ' ' ~ lang('COLON') }}&nbsp;<code>{{ notification_types.LANG_KEY }}</code>
							</span>
							{% if notification_types.EXPLAIN %}<br />&nbsp;»&nbsp;{{ lang('ACP_UNC_NOTIFY_EXPLAIN') ~ ' ' ~ lang('COLON') ~ ' ' ~ notification_types.EXPLAIN }}{% endif %}
						</td>
						{% for notification_methods in notification_types.notification_methods %}
							<td  class="col1">
								<label><input type="radio" class="radio" name="{{ notification_types.TYPE }}_{{ notification_methods.METHOD }}" value="1" {% if notification_methods.SUBSCRIBED == 1 %}checked="checked"{% endif %} /> {{ lang('ACP_UNC_NOTIFY_ENABLE') }}</label>
							</td>
							<td  class="col1">
								<label><input type="radio" class="radio" name="{{ notification_types.TYPE }}_{{ notification_methods.METHOD }}" value="0" {% if notification_methods.SUBSCRIBED == 0 %}checked="checked"{% endif %} /> {{ lang('ACP_UNC_NOTIFY_NONE') }}</label>
							</td>
							<td  class="col1">
								<label><input type="radio" class="radio" name="{{ notification_types.TYPE }}_{{ notification_methods.METHOD }}" value="-1" {% if notification_methods.SUBSCRIBED == -1 %}checked="checked"{% endif %} /> {{ lang('ACP_UNC_NOTIFY_DISABLE') }}</label>
							</td>
						{% endfor %}
					</tr>
				{% endif %}
			{% endfor %}
			</tbody>
		</table>
	</fieldset>

	<fieldset class="submit-buttons">
		<input class="button1" type="submit" id="submit" name="submit" value="{{ lang('SUBMIT') }}" />&nbsp;
		<input class="button2" type="reset" id="reset" name="reset" value="{{ lang('RESET') }}" />
		{{ S_FORM_TOKEN }}
	</fieldset>

</form>

{% include 'overall_footer.html' %}