{% include 'overall_header.html' %}

{% INCLUDECSS '@stoker_christmas/christmas_acp.css' %}

<p><img src="https://img.shields.io/badge/{{ lang('ACP_CHRISTMAS_BADGE')|e('html_attr') }}-green.svg?style=plastic" height="28" alt="{{ lang('ACP_CHRISTMAS_BADGE')|e('html_attr') }}"></p>

<p class="versioncheck">
	{% if S_VERSIONCHECK_UP_TO_DATE %}
		<i class="fa fa-check-circle versioncheck-ok" aria-hidden="true" title="{{ lang('ACP_CHRISTMAS_VC_OK', VERSIONCHECK_CURRENT) }}"></i> <span class="versioncheck-ok">{{ lang('ACP_CHRISTMAS_VC_OK', VERSIONCHECK_CURRENT) }}</span>
	{% elseif S_VERSIONCHECK_OUTDATED %}
		<a href="{{ U_VERSIONCHECK_DOWNLOAD }}" target="_blank" rel="noopener noreferrer" class="versioncheck-outdated" title="{{ lang('ACP_CHRISTMAS_VC_OUTDATED', VERSIONCHECK_CURRENT, VERSIONCHECK_LATEST) }}"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> {{ lang('ACP_CHRISTMAS_VC_OUTDATED', VERSIONCHECK_CURRENT, VERSIONCHECK_LATEST) }}</a>
	{% else %}
		<i class="fa fa-question-circle versioncheck-unavailable" aria-hidden="true" title="{{ lang('ACP_CHRISTMAS_VC_UNAVAILABLE') }}"></i> <span class="versioncheck-unavailable">{{ lang('ACP_CHRISTMAS_VC_UNAVAILABLE') }}</span>
	{% endif %}
</p>

<p class="font-size">{{ lang('ACP_CHRISTMAS_SETTINGS_EXPLAIN') ~ lang('COLON') }}<br>
	<a class="font-weight" href="https://phpbb3bbcodes.com/donate" target="_blank" rel="noopener noreferrer"><i class="fa fa-paypal" aria-hidden="true"></i> {{ lang('ACP_CHRISTMAS_DONATION') }}</a><br>
	<a class="font-weight" href="https://phpbb3bbcodes.com/home" target="_blank" rel="noopener noreferrer"><i class="fa fa-link" aria-hidden="true"></i> {{ lang('ACP_CHRISTMAS_MEMBER') }}</a><br>
	<a class="font-weight" href="https://phpbb3bbcodes.com/viewtopic.php?t=3145" target="_blank" rel="noopener noreferrer"><i class="fa fa-ticket" aria-hidden="true"></i> {{ lang('ACP_CHRISTMAS_SUPPORT') }}</a>
</p>

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

	<fieldset class="ts-fieldset">
		<legend class="ts-legend"><i class="fa fa-cogs fa-lg" aria-hidden="true"></i>{{ lang('ACP_CHRISTMAS_SETTINGS') }}</legend>
		<dl>
			<dt><label>{{ lang('ACP_CHRISTMAS_STYLE_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_STYLE_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_CHRISTMAS }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR') }}" tabindex="0" role="switch" aria-checked="{% if CHRISTMAS_STYLE_ENABLE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_CHRISTMAS_STYLE_ENABLE') }}">
					<input type="checkbox" id="christmas_style_enable" tabindex="-1"{% if CHRISTMAS_STYLE_ENABLE %} checked="checked"{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<dl>
			<dt><label for="christmas_style_end_datetime">{{ lang('ACP_CHRISTMAS_STYLE_END_DATETIME') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_STYLE_END_DATETIME_EXPLAIN') }}</span></dt>
			<dd><input type="datetime-local" step="1" id="christmas_style_end_datetime" name="christmas_style_end_datetime" value="{{ CHRISTMAS_STYLE_END_DATETIME }}"></dd>
		</dl>
		<dl>
			<dt><label for="christmas_color_scheme">{{ lang('ACP_CHRISTMAS_COLOR_SCHEME') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_COLOR_SCHEME_EXPLAIN') }}</span></dt>
			<dd>
				<select id="christmas_color_scheme" name="christmas_color_scheme">
					<option value="blue"{% if CHRISTMAS_COLOR_SCHEME == 'blue' %} selected="selected"{% endif %}>{{ lang('ACP_CHRISTMAS_COLOR_BLUE') }}</option>
					<option value="red"{% if CHRISTMAS_COLOR_SCHEME == 'red' %} selected="selected"{% endif %}>{{ lang('ACP_CHRISTMAS_COLOR_RED') }}</option>
					<option value="green"{% if CHRISTMAS_COLOR_SCHEME == 'green' %} selected="selected"{% endif %}>{{ lang('ACP_CHRISTMAS_COLOR_GREEN') }}</option>
					<option value="newyear"{% if CHRISTMAS_COLOR_SCHEME == 'newyear' %} selected="selected"{% endif %}>{{ lang('ACP_CHRISTMAS_NEWYEAR') }}</option>
				</select>
			</dd>
		</dl>
	</fieldset>
	<fieldset class="ts-fieldset">
		<legend class="ts-legend"><i class="fa fa-flask fa-lg" aria-hidden="true"></i>{{ lang('ACP_CHRISTMAS_TEST_MODE_TITLE') }}</legend>
		<dl>
			<dt><label>{{ lang('ACP_CHRISTMAS_TEST_MODE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_TEST_MODE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_TESTMODE }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR') }}" tabindex="0" role="switch" aria-checked="{% if CHRISTMAS_TEST_MODE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_CHRISTMAS_TEST_MODE') }}">
					<input type="checkbox" id="christmas_test_mode" tabindex="-1"{% if CHRISTMAS_TEST_MODE %} checked="checked"{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
	</fieldset>
	<fieldset class="ts-fieldset">
		<legend class="ts-legend"><i class="fa fa-cogs fa-lg" aria-hidden="true"></i>{{ lang('ACP_SNOWSTORM_SETTINGS') }}</legend>
		<dl>
			<dt><label>{{ lang('ACP_CHRISTMAS_STORM_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_STORM_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_SNOW }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR') }}" tabindex="0" role="switch" aria-checked="{% if CHRISTMAS_STORM_ENABLE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_CHRISTMAS_STORM_ENABLE') }}">
					<input type="checkbox" id="christmas_storm_enable" tabindex="-1"{% if CHRISTMAS_STORM_ENABLE %} checked="checked"{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<dl>
			<dt><label for="christmas_storm_end_datetime">{{ lang('ACP_CHRISTMAS_STORM_END_DATETIME') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_STORM_END_DATETIME_EXPLAIN') }}</span></dt>
			<dd><input type="datetime-local" step="1" id="christmas_storm_end_datetime" name="christmas_storm_end_datetime" value="{{ CHRISTMAS_STORM_END_DATETIME }}"></dd>
		</dl>
		<dl>
			<dt><label>{{ lang('ACP_SNOW_TOUCH_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_SNOW_TOUCH_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_STOUCH }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR') }}" tabindex="0" role="switch" aria-checked="{% if SNOW_TOUCH_ENABLE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_SNOW_TOUCH_ENABLE') }}">
					<input type="checkbox" id="snow_touch_enable" tabindex="-1"{% if SNOW_TOUCH_ENABLE %} checked="checked"{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<dl>
			<dt><label for="christmas_snowflake_count">{{ lang('ACP_CHRISTMAS_SNOWFLAKE_COUNT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_SNOWFLAKE_COUNT_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="christmas_snowflake_count" name="christmas_snowflake_count" value="{{ CHRISTMAS_SNOWFLAKE_COUNT }}" min="10" max="500"></dd>
		</dl>
		<dl>
			<dt><label for="christmas_snow_speed">{{ lang('ACP_CHRISTMAS_SNOW_SPEED') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_SNOW_SPEED_EXPLAIN') }}</span></dt>
			<dd>
				<select id="christmas_snow_speed" name="christmas_snow_speed">
					<option value="25"{% if CHRISTMAS_SNOW_SPEED == 25 %} selected="selected"{% endif %}>25%</option>
					<option value="50"{% if CHRISTMAS_SNOW_SPEED == 50 %} selected="selected"{% endif %}>50%</option>
					<option value="75"{% if CHRISTMAS_SNOW_SPEED == 75 %} selected="selected"{% endif %}>75%</option>
					<option value="100"{% if CHRISTMAS_SNOW_SPEED == 100 %} selected="selected"{% endif %}>100% {{ lang('ACP_CHRISTMAS_SPEED_DEFAULT') }}</option>
					<option value="125"{% if CHRISTMAS_SNOW_SPEED == 125 %} selected="selected"{% endif %}>125%</option>
					<option value="150"{% if CHRISTMAS_SNOW_SPEED == 150 %} selected="selected"{% endif %}>150%</option>
					<option value="175"{% if CHRISTMAS_SNOW_SPEED == 175 %} selected="selected"{% endif %}>175%</option>
					<option value="200"{% if CHRISTMAS_SNOW_SPEED == 200 %} selected="selected"{% endif %}>200%</option>
					<option value="250"{% if CHRISTMAS_SNOW_SPEED == 250 %} selected="selected"{% endif %}>250%</option>
					<option value="300"{% if CHRISTMAS_SNOW_SPEED == 300 %} selected="selected"{% endif %}>300%</option>
				</select>
			</dd>
		</dl>
	</fieldset>
	<fieldset class="ts-fieldset">
		<legend class="ts-legend"><i class="fa fa-cogs fa-lg" aria-hidden="true"></i>{{ lang('ACP_FIREWORK_SETTINGS') }}</legend>
		<dl>
			<dt><label>{{ lang('ACP_CHRISTMAS_FIREWORK_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_FIREWORK_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" id="toggle-firework-link" data-toggle-url="{{ U_TOGGLE_FIREWORK }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR') }}" tabindex="0" role="switch" aria-checked="{% if CHRISTMAS_FIREWORK_ENABLE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_CHRISTMAS_FIREWORK_ENABLE') }}">
					<input type="checkbox" id="firework_checkbox" tabindex="-1"{% if CHRISTMAS_FIREWORK_ENABLE %} checked="checked"{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<dl id="pro-toggle-row"{% if not CHRISTMAS_FIREWORK_ENABLE %} style="display:none;"{% endif %}>
			<dt><label>{{ lang('ACP_FIREWORK_PRO_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_FIREWORK_PRO_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" id="toggle-pro-link" data-toggle-url="{{ U_TOGGLE_FPRO }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR') }}" tabindex="0" role="switch" aria-checked="{% if FIREWORK_PRO_ENABLE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_FIREWORK_PRO_ENABLE') }}">
					<input type="checkbox" id="firework_pro_checkbox" tabindex="-1"{% if FIREWORK_PRO_ENABLE %} checked="checked"{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<dl id="sound-toggle-row"{% if not FIREWORK_PRO_ENABLE or not CHRISTMAS_FIREWORK_ENABLE %} style="display:none;"{% endif %}>
			<dt><label>{{ lang('ACP_FIREWORK_SOUND_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_FIREWORK_SOUND_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_FSOUND }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR') }}" tabindex="0" role="switch" aria-checked="{% if FIREWORK_SOUND_ENABLE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_FIREWORK_SOUND_ENABLE') }}">
					<input type="checkbox" id="firework_sound_enable" tabindex="-1"{% if FIREWORK_SOUND_ENABLE %} checked="checked"{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<dl>
			<dt><label>{{ lang('ACP_FIREWORK_TOUCH_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_FIREWORK_TOUCH_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_FTOUCH }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR') }}" tabindex="0" role="switch" aria-checked="{% if FIREWORK_TOUCH_ENABLE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_FIREWORK_TOUCH_ENABLE') }}">
					<input type="checkbox" id="firework_touch_enable" tabindex="-1"{% if FIREWORK_TOUCH_ENABLE %} checked="checked"{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<dl>
			<dt><label for="firework_start_datetime">{{ lang('ACP_FIREWORK_START_DATETIME') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_FIREWORK_START_DATETIME_EXPLAIN') }}</span></dt>
			<dd><input type="datetime-local" step="1" id="firework_start_datetime" name="firework_start_datetime" value="{{ FIREWORK_START_DATETIME }}"></dd>
		</dl>
		<dl>
			<dt><label for="firework_duration">{{ lang('ACP_FIREWORK_DURATION') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_FIREWORK_DURATION_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="firework_duration" name="firework_duration" value="{{ FIREWORK_DURATION }}" min="0"></dd>
		</dl>
		<dl>
			<dt><label for="christmas_particle_count">{{ lang('ACP_CHRISTMAS_PARTICLE_COUNT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_PARTICLE_COUNT_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="christmas_particle_count" name="christmas_particle_count" value="{{ CHRISTMAS_PARTICLE_COUNT }}" min="10" max="200"></dd>
		</dl>
		<dl>
			<dt><label for="christmas_firework_interval">{{ lang('ACP_CHRISTMAS_FIREWORK_INTERVAL') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CHRISTMAS_FIREWORK_INTERVAL_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="christmas_firework_interval" name="christmas_firework_interval" value="{{ CHRISTMAS_FIREWORK_INTERVAL }}" min="100" max="5000"></dd>
		</dl>
	</fieldset>

	<fieldset class="ts-fieldset">
		<legend class="ts-legend"><i class="fa fa-share-square-o fa-lg" aria-hidden="true"></i> {{ 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>

{% INCLUDEJS '@stoker_christmas/acp_christmas.js' %}

{% include 'overall_footer.html' %}