{% INCLUDECSS 'css/newsscroll_acp.css' %}

{% INCLUDE 'overall_header.html' %}

<script>
	var form_name = 'acp_newsscroll_config';
	var text_name = 'newsscroll_text';
	var load_draft = false;
	var upload = false;
	var imageTag = false;
</script>

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

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

<form id="acp_newsscroll_config" method="post" action="{{ U_ACTION }}">
	<fieldset>
		<legend>{{ lang('ACP_NEWSSCROLL_CONFIG_SET') }}</legend>
		<dl>
			<dt><label>{{ lang('NEWSSCROLL_ACTIVATED') ~ lang('COLON') }}</label></dt>
			<dd>
				<label><input type="radio" class="radio" name="newsscroll_activated" id="newsscroll_activated_yes" value="1"{% if NEWSSCROLL_ACTIVATED %} checked{% endif %}> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="newsscroll_activated" id="newsscroll_activated_no" value="0"{% if not NEWSSCROLL_ACTIVATED %} checked{% endif %}> {{ lang('NO') }}</label>
			</dd>
		</dl>
		<dl>
			<dt><label>{{ lang('NEWSSCROLL_INDEX') ~ lang('COLON') }}</label></dt>
			<dd>
				<label><input type="radio" class="radio" name="newsscroll_index" id="newsscroll_index_yes" value="1"{% if NEWSSCROLL_INDEX %} checked{% endif %}> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="newsscroll_index" id="newsscroll_index_no" value="0"{% if not NEWSSCROLL_INDEX %} checked{% endif %}> {{ lang('NO') }}</label>
			</dd>
		</dl>
		<dl>
			<dt><label>{{ lang('NEWSSCROLL_MEMBER') ~ lang('COLON') }}</label></dt>
			<dd>
				<label><input type="radio" class="radio" name="newsscroll_member" id="newsscroll_member_yes" value="1"{% if NEWSSCROLL_MEMBER %} checked{% endif %}> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="newsscroll_member" id="newsscroll_member_no" value="0"{% if not NEWSSCROLL_MEMBER %} checked{% endif %}> {{ lang('NO') }}</label>
			</dd>
		</dl>
		<dl>
			<dt>
				<label for="newsscroll_speed">{{ lang('NEWSSCROLL_SPEED') ~ lang('COLON') }}</label><br>
				<span>{{ lang('NEWSSCROLL_SPEED_EXPLAIN') }}</span>
			</dt>
			<dd>
				<input name="newsscroll_speed" type="number" id="newsscroll_speed" value="{{ NEWSSCROLL_SPEED }}" min="1" step="0.1" size="6" maxlength="6">
			</dd>
		</dl>
	</fieldset>

	<fieldset style="height: 60px;">
		<legend>{{ lang('NEWSSCROLL_PREVIEW') }}</legend>
		<div class="newsscroll_outer">
			<div class="newsscroll">
				<div class="marquee" style="-webkit-animation-duration: {{ NEWSSCROLL_SPEED }}s; animation-duration: {{ NEWSSCROLL_SPEED }}s;">{{ NEWSSCROLL_PREVIEW }}</div>
			</div>
		</div>
	</fieldset>

	<fieldset>
		<legend>{{ lang('NEWSSCROLL_TEXT') }}</legend>

		{% INCLUDE 'acp_posting_buttons.html' %}

		<dl class="responsive-columns">
			<dt style="width: 90px;" id="color_palette_placeholder" data-orientation="v" data-height="12" data-width="15" data-bbcode="true"></dt>
			<dd style="margin-{{ S_CONTENT_FLOW_BEGIN }}: 90px;">
				<textarea name="newsscroll_text" rows="10" cols="60" style="width: 95%;" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" data-bbcode="true">{{ NEWSSCROLL_TEXT }}</textarea>
			</dd>
			<dd style="margin-{{ S_CONTENT_FLOW_BEGIN }}: 90px; margin-top: 5px;">
				{% if S_BBCODE_ALLOWED %}
					<label><input type="checkbox" class="radio" name="disable_bbcode"{% if S_BBCODE_DISABLE_CHECKED %} checked{% endif %}> {{ lang('DISABLE_BBCODE') }}</label>
				{% endif %}
				{% if S_SMILIES_ALLOWED %}
					<label><input type="checkbox" class="radio" name="disable_smilies"{% if S_SMILIES_DISABLE_CHECKED %} checked{% endif %}> {{ lang('DISABLE_SMILIES') }}</label>
				{% endif %}
				{% if S_LINKS_ALLOWED %}
					<label><input type="checkbox" class="radio" name="disable_magic_url"{% if S_MAGIC_URL_DISABLE_CHECKED %} checked{% endif %}> {{ lang('DISABLE_MAGIC_URL') }}</label>
				{% endif %}
			</dd>
			<dd style="margin-{{ S_CONTENT_FLOW_BEGIN }}: 90px; margin-top: 10px;"><strong>{{ lang('OPTIONS') ~ lang('COLON') }} </strong>{{ BBCODE_STATUS }} :: {{ IMG_STATUS }} :: {{ FLASH_STATUS }} :: {{ URL_STATUS }} :: {{ SMILIES_STATUS }}</dd>
		</dl>
	</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' %}