{% include 'overall_header.html' %}

{% INCLUDECSS '@stoker_watermark/watermark_acp.css' %}

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

<p class="versioncheck">
	{% if S_VERSIONCHECK_UP_TO_DATE %}
		<i class="fa fa-check-circle versioncheck-ok" aria-hidden="true" title="{{ lang('ACP_WATERMARK_VC_OK', VERSIONCHECK_CURRENT) }}"></i> <span class="versioncheck-ok">{{ lang('ACP_WATERMARK_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_WATERMARK_VC_OUTDATED', VERSIONCHECK_CURRENT, VERSIONCHECK_LATEST) }}"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> {{ lang('ACP_WATERMARK_VC_OUTDATED', VERSIONCHECK_CURRENT, VERSIONCHECK_LATEST) }}</a>
	{% else %}
		<i class="fa fa-question-circle versioncheck-unavailable" aria-hidden="true" title="{{ lang('ACP_WATERMARK_VC_UNAVAILABLE') }}"></i> <span class="versioncheck-unavailable">{{ lang('ACP_WATERMARK_VC_UNAVAILABLE') }}</span>
	{% endif %}
</p>

<p class="font-size">{{ lang('ACP_STOKER_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_STOKER_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_STOKER_MEMBER') }}</a><br>
	<a class="font-weight" href="https://phpbb3bbcodes.com/viewtopic.php?t=3200" target="_blank" rel="noopener noreferrer"><i class="fa fa-ticket" aria-hidden="true"></i> {{ lang('ACP_STOKER_SUPPORT') }}</a>
</p>

{% if S_ERROR %}
	<div class="errorbox">
		<p>{{ ERROR_MSG }}</p>
	</div>
{% endif %}

{% if not S_GD_LOADED %}
	<div class="errorbox">
		<p>{{ lang('ACP_WATERMARK_GD_WARNING') }}</p>
	</div>
{% endif %}

<form id="acp_watermark" method="post" action="{{ U_ACTION }}" enctype="multipart/form-data">

	<fieldset class="ts-fieldset">
		<legend class="ts-legend"><i class="fa fa-cogs fa-lg" aria-hidden="true"></i> {{ lang('ACP_WATERMARK_SETTINGS') }}</legend>
		
		<dl>
			<dt><label>{{ lang('ACP_WATERMARK_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_WATERMARK_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_WATERMARK_ENABLE }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR') }}" tabindex="0" role="switch" aria-checked="{% if WATERMARK_ENABLE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_WATERMARK_ENABLE') }}">
					<input type="checkbox" id="watermark_enable" tabindex="-1"{% if WATERMARK_ENABLE %} checked="checked"{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		{% if S_WATERMARK_EXISTS %}
		<hr class="jq-hr">
		<dl>
			<dt><label>{{ lang('ACP_WATERMARK_CURRENT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_WATERMARK_CURRENT_EXPLAIN') }}</span></dt>
			<dd>
				<img src="{{ WATERMARK_IMAGE_PATH }}" alt="{{ WATERMARK_FILE }}" class="watermark-display">
				<br><span>{{ WATERMARK_FILE }}</span>
			</dd>
		</dl>
		{% endif %}
		<hr class="jq-hr">
		<dl>
			<dt><label for="watermark_upload">{{ lang('ACP_WATERMARK_UPLOAD') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_WATERMARK_UPLOAD_EXPLAIN') }}</span></dt>
			<dd><input type="file" name="watermark_upload" id="watermark_upload" accept="image/png"></dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label for="watermark_scale">{{ lang('ACP_WATERMARK_SCALE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_WATERMARK_SCALE_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="watermark_scale" name="watermark_scale" value="{{ WATERMARK_SCALE }}" min="1" max="100"> %</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label for="watermark_opacity">{{ lang('ACP_WATERMARK_OPACITY') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_WATERMARK_OPACITY_EXPLAIN') }}</span></dt>
			<dd><input type="number" id="watermark_opacity" name="watermark_opacity" value="{{ WATERMARK_OPACITY }}" min="0" max="100"> %</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label for="watermark_position">{{ lang('ACP_WATERMARK_POSITION') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_WATERMARK_POSITION_EXPLAIN') }}</span></dt>
			<dd>
				<select id="watermark_position" name="watermark_position">
					<option value="0"{% if WATERMARK_POSITION == 0 %} selected="selected"{% endif %}>{{ lang('ACP_WATERMARK_POS_TL') }}</option>
					<option value="1"{% if WATERMARK_POSITION == 1 %} selected="selected"{% endif %}>{{ lang('ACP_WATERMARK_POS_TR') }}</option>
					<option value="2"{% if WATERMARK_POSITION == 2 %} selected="selected"{% endif %}>{{ lang('ACP_WATERMARK_POS_BL') }}</option>
					<option value="3"{% if WATERMARK_POSITION == 3 %} selected="selected"{% endif %}>{{ lang('ACP_WATERMARK_POS_BR') }}</option>
					<option value="4"{% if WATERMARK_POSITION == 4 %} selected="selected"{% endif %}>{{ lang('ACP_WATERMARK_POS_C') }}</option>
				</select>
			</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>
	</fieldset>
	{{ S_FORM_TOKEN }}

</form>

{% INCLUDEJS '@stoker_watermark/watermark_acp.js' %}

{% include 'overall_footer.html' %}