{% include 'overall_header.html' %}
{% INCLUDEJS '@dmzx_topicimage/jscolor/jscolor.js' %}

<h1>{{ lang('ACP_TOPICIMAGE_TITLE') }}</h1>

<p><img src="https://img.shields.io/badge/{{ lang('Version') }}-{{ DMZX_TOPICIMAGE_VERSION }}-green.svg?style=plastic" /></p>

{% if S_ERROR %}
	<div class="errorbox">
		<h3>{{ lang('WARNING') }}</h3>
		<p>{{ ERROR_MSG }}</p>
	</div>
{% endif %}

<form id="dmzx_topicimage_acp" name="dmzx_topicimage_acp" method="post" action="{{ U_ACTION }}">
	<fieldset>
		<legend>{{ lang('SETTINGS') }}</legend>
		<dl>
			<dt><label for="dmzx_topicimage_enable">{{ lang('ACP_DMZX_TOPICIMAGE_ENABLE') ~ lang('COLON') }}</label></dt>
			<dd>
				<label><input type="radio" class="radio" name="dmzx_topicimage_enable" value="1"{% if DMZX_TOPICIMAGE_ENABLE %} checked="checked"{% endif %} /> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="dmzx_topicimage_enable" value="0"{% if not DMZX_TOPICIMAGE_ENABLE %} checked="checked"{% endif %} /> {{ lang('NO') }}</label>
			</dd>
		</dl>
		<dl>
			<dt><label for="dmzx_topicimage_size">{{ lang('ACP_DMZX_TOPICIMAGE_SIZE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_SIZE_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="dmzx_topicimage_size" name="dmzx_topicimage_size" value="{{ DMZX_TOPICIMAGE_SIZE }}" size="1" min="60" max="150"/></dd>
		</dl>
		<dl>
			<dt><label for="dmzx_topicimage_width">{{ lang('ACP_DMZX_TOPICIMAGE_WIDTH') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_WIDTH_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="dmzx_topicimage_width" name="dmzx_topicimage_width" value="{{ DMZX_TOPICIMAGE_WIDTH }}" size="1" min="60" max="150"/></dd>
		</dl>
		<dl>
			<dt><label for="dmzx_topicimage_show_title">{{ lang('ACP_DMZX_TOPICIMAGE_SHOW_TITLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_SHOW_TITLE_EXPLAIN') }}</span></dt>
			<dd>
				<label><input type="radio" class="radio" name="dmzx_topicimage_show_title" value="1"{% if DMZX_TOPICIMAGE_SHOW_TITLE %} checked="checked"{% endif %} /> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="dmzx_topicimage_show_title" value="0"{% if not DMZX_TOPICIMAGE_SHOW_TITLE %} checked="checked"{% endif %} /> {{ lang('NO') }}</label>
			</dd>
		</dl>
		<dl>
			<dt><label for="dmzx_topicimage_colour_title">{{ lang('ACP_DMZX_TOPICIMAGE_COLOUR_TITLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_COLOUR_TITLE_EXPLAIN') }}</span></dt>
			<dd><input class="text post color {required:false,caps:false}" name="dmzx_topicimage_colour_title" type="text" id="dmzx_topicimage_colour_title" value="{{ DMZX_TOPICIMAGE_COLOUR_TITLE }}" size="6" maxlength="6" /></dd>
		</dl>
		<dl>
			<dt><label for="dmzx_topicimage_copyright">{{ lang('ACP_DMZX_TOPICIMAGE_COPYRIGHT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_COPYRIGHT_EXPLAIN') }}</span></dt>
			<dd><input type="textbox" id="dmzx_topicimage_copyright" name="dmzx_topicimage_copyright" size="20" maxlength="20" value="{{ DMZX_TOPICIMAGE_COPYRIGHT }}" validate="string" /></dd>
		</dl>
		<dl>
			<dt><label>{{ lang('ACP_DMZX_TOPICIMAGE_PLACE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_PLACE_EXPLAIN') }}</span></dt>
			<dd>{{ DMZX_TOPICIMAGE_PLACE }}</dd>
		</dl>
		<dl>
			<dt><label>{{ lang('ACP_DMZX_TOPICIMAGE_EFFECT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_EFFECT_EXPLAIN') }}</span></dt>
			<dd>{{ DMZX_TOPICIMAGE_EFFECT }}</dd>
		</dl>
		<dl>
			<dt><label>{{ lang('ACP_DMZX_TOPICIMAGE_DIRECTION') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_DIRECTION_EXPLAIN') }}</span></dt>
			<dd>{{ DMZX_TOPICIMAGE_DIRECTION }}</dd>
		</dl>
		<dl>
			<dt><label for="dmzx_topicimage_items">{{ lang('ACP_DMZX_TOPICIMAGE_ITEMS') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_ITEMS_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="dmzx_topicimage_items" name="dmzx_topicimage_items" value="{{ DMZX_TOPICIMAGE_ITEMS }}" size="1" min="1" max="8"/></dd>
		</dl>
		<dl>
			<dt><label for="dmzx_topicimage_timer">{{ lang('ACP_DMZX_TOPICIMAGE_TIMER') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_TIMER_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="dmzx_topicimage_timer" name="dmzx_topicimage_timer" value="{{ DMZX_TOPICIMAGE_TIMER }}" size="1" min="500" max="5000"/></dd>
		</dl>
		<dl>
			<dt><label for="dmzx_topicimage_img_folder">{{ lang('ACP_DMZX_TOPICIMAGE_IMG_FOLDER') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_IMG_FOLDER_EXPLAIN') }}</span></dt>
			<dd>
				<input class="keyword" type="text" name="dmzx_topicimage_img_folder" id="dmzx_topicimage_img_folder" value="{{ DMZX_TOPICIMAGE_IMG_FOLDER }}" minlength="3" required title="{{ lang('ACP_DMZX_TOPICIMAGE_IMG_FOLDER') }}" />
				<input type="hidden" name="dmzxtopicimageimgfolder" value="dmzx_topicimage_img_folder" />
			</dd>
		</dl>
		{% if DMZX_TOPICIMAGE_FOUNDER %}
		<hr>
		<dl>
			<dt>
				<label for="dmzx_topicimage_clearall">{{ lang('ACP_DMZX_TOPICIMAGE_CLEAR_ALL') ~ lang('COLON') }}</label><br>
				<span>{{ DMZX_TOPICIMAGE_CLEAR_ALL_EXPLAIN }}</span>
			</dt>
			<dd>
				<input class="button2" id="dmzx_topicimage_clear_all" name="dmzx_topicimage_clear_all" value="{{ lang('RUN') }}" type="submit" {% if not dmzx_topicimage_confirm_delete %}disabled{% endif %}>
				<input class="checkbox" type="checkbox" id="dmzx_topicimage_confirm_delete" name="dmzx_topicimage_confirm_delete" value="1">
				<label for="dmzx_topicimage_confirm_delete">{{ lang('ACP_DMZX_TOPICIMAGE_CONFIRM_DELETE') }}</label>
			</dd>
		</dl>
		<hr>
		<dl>
			<dt><label for="dmzx_topicimage_grab">{{ lang('ACP_DMZX_TOPICIMAGE_GRAB') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_GRAB_EXPLAIN') }}</span></dt>
			<dd><input class="button2" id="dmzx_topicimage_grab" name="dmzx_topicimage_grab" value="{{ lang('RUN') }}" type="submit"></dd>
		</dl>
		{% endif %}
		<dl>
			<dt><label for="dmzx_topicimage_amount">{{ lang('ACP_DMZX_TOPICIMAGE_AMOUNT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_AMOUNT_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="dmzx_topicimage_amount" name="dmzx_topicimage_amount" value="{{ DMZX_TOPICIMAGE_AMOUNT }}" size="1" min="1" max="500"/></dd>
		</dl>
		<dl>
			<dt><label>{{ lang('ACP_DMZX_TOPICIMAGE_INCLUDE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_INCLUDE_EXPLAIN') }}</span></dt>
			<dd>{{ DMZX_TOPICIMAGE_INCLUDED }}</dd>
		</dl>
		<hr>
		<dl>
			<dt><label>{{ lang('ACP_DMZX_TOPICIMAGE_TIME_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_TIME_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<label><input type="radio" class="radio" name="dmzx_topicimage_time_enable" value="1"{% if DMZX_TOPICIMAGE_TIME_ENABLE %} checked="checked"{% endif %} /> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="dmzx_topicimage_time_enable" value="0"{% if not DMZX_TOPICIMAGE_TIME_ENABLE %} checked="checked"{% endif %} /> {{ lang('NO') }}</label>
			</dd>
		</dl>
		<dl>
			<dt><label>{{ lang('ACP_DMZX_TOPICIMAGE_PRUNE_TIME') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_DMZX_TOPICIMAGE_TIME_EXPLAIN') }}</span></dt>
			<dd>
				<span>{{ lang('ACP_DMZX_TOPICIMAGE_PRUNE_HOURS') }}</span>
			</dd>
			<dd>
				<input type="number" name="dmzx_topicimage_gc" value="{{ DMZX_TOPICIMAGE_GC }}" size="4" min="1" style="text-align:center;"/>
			</dd>
		</dl>
	</fieldset>

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

</form>
<script>
document.getElementById('dmzx_topicimage_confirm_delete').addEventListener('change', function() {
	document.getElementById('dmzx_topicimage_clear_all').disabled = !this.checked;
});
</script>

{% include 'overall_footer.html' %}