{% include 'overall_header.html' %}

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

<p>{{ lang('TOPIC_PREVIEW_EXPLAIN') }}</p>

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

	<fieldset>
		<legend>{{ lang('TOPIC_PREVIEW_SETTINGS') }}</legend>
		<dl>
			<dt><label for="topic_preview_limit">{{ lang('TOPIC_PREVIEW_LENGTH') ~ lang('COLON') }}</label><br /><span>{{ lang('TOPIC_PREVIEW_LENGTH_EXPLAIN') }}</span></dt>
			<dd><input name="topic_preview_limit" id="topic_preview_limit" type="number" min="0" max="999" value="{{ TOPIC_PREVIEW_LIMIT }}" /> {{ lang('CHARS') }}</dd>
		</dl>
		<dl>
			<dt><label for="topic_preview_strip_bbcodes">{{ lang('TOPIC_PREVIEW_STRIP') ~ lang('COLON') }}</label><br /><span>{{ lang('TOPIC_PREVIEW_STRIP_EXPLAIN') }}</span></dt>
			<dd><input name="topic_preview_strip_bbcodes" id="topic_preview_strip_bbcodes" type="text" size="30" maxlength="255" value="{{ TOPIC_PREVIEW_STRIP }}" /></dd>
		</dl>
		<dl>
			<dt><label for="topic_preview_avatars">{{ lang('TOPIC_PREVIEW_AVATARS') ~ lang('COLON') }}</label></dt>
			<dd>
				<label><input type="radio" class="radio" name="topic_preview_avatars" id="topic_preview_avatars" value="1"{% if S_TOPIC_PREVIEW_AVATARS %} checked="checked"{% endif %} /> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="topic_preview_avatars" value="0"{% if not S_TOPIC_PREVIEW_AVATARS %} checked="checked"{% endif %} /> {{ lang('NO') }}</label>
			</dd>
		</dl>
		<dl>
			<dt><label for="topic_preview_last_post">{{ lang('TOPIC_PREVIEW_LAST_POST') ~ lang('COLON') }}</label></dt>
			<dd>
				<label><input type="radio" class="radio" name="topic_preview_last_post" id="topic_preview_last_post" value="1"{% if S_TOPIC_PREVIEW_LAST_POST %} checked="checked"{% endif %} /> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="topic_preview_last_post" value="0"{% if not S_TOPIC_PREVIEW_LAST_POST %} checked="checked"{% endif %} /> {{ lang('NO') }}</label>
			</dd>
		</dl>
	</fieldset>

	<fieldset>
		<legend>{{ lang('TOPIC_PREVIEW_STYLE_SETTINGS') }}</legend>
		<dl>
			<dt><label for="topic_preview_width">{{ lang('TOPIC_PREVIEW_WIDTH') ~ lang('COLON') }}</label></dt>
			<dd><input name="topic_preview_width" id="topic_preview_width" type="number" min="0" max="9999" value="{{ TOPIC_PREVIEW_WIDTH }}" /> {{ lang('PIXEL') }}</dd>
		</dl>
		<dl>
			<dt><label for="topic_preview_delay">{{ lang('TOPIC_PREVIEW_DELAY') ~ lang('COLON') }}</label></dt>
			<dd><input name="topic_preview_delay" id="topic_preview_delay" type="number" min="0" max="9999" value="{{ TOPIC_PREVIEW_DELAY }}" /> {{ lang('MILLISECOND') }}</dd>
		</dl>
		<dl>
			<dt><label for="topic_preview_drift">{{ lang('TOPIC_PREVIEW_DRIFT') ~ lang('COLON') }}</label><br /><span>{{ lang('TOPIC_PREVIEW_DRIFT_EXPLAIN') }}</span></dt>
			<dd><input name="topic_preview_drift" id="topic_preview_drift" type="number" min="-99999" max="99999" value="{{ TOPIC_PREVIEW_DRIFT }}" /> {{ lang('PIXEL') }}</dd>
		</dl>
		{% for style in TOPIC_PREVIEW_STYLES %}
			<dl>
				<dt><label for="style_{{ style.style_id }}">{{ lang('TOPIC_PREVIEW_THEME', style.style_name) ~ lang('COLON') }}</label><br />
					<span>{{ lang('TOPIC_PREVIEW_THEME_EXPLAIN', style.style_name) }}</span>
				</dt>
				<dd>
					<select name="style_{{ style.style_id }}" id="style_{{ style.style_id }}">
						{% set current = style.topic_preview_theme %}
						{% set selected = (current in TOPIC_PREVIEW_THEMES) ? current : TOPIC_PREVIEW_DEFAULT %}
						{% for theme in TOPIC_PREVIEW_THEMES %}
							<option value="{{ theme }}"{% if theme == selected %} selected="selected"{% endif %}>
								{{ theme == TOPIC_PREVIEW_NO_THEME ? lang('NO') : theme|title }}  {{ lang('THEME') }}
							</option>
						{% endfor %}
					</select>
				</dd>
			</dl>
		{% endfor %}
	</fieldset>

	<fieldset>
		<legend>{{ lang('ACP_SUBMIT_CHANGES') }}</legend>
		<p 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') }}" />
		</p>
		{{ S_FORM_TOKEN }}
	</fieldset>

</form>

{% include 'overall_footer.html' %}