{% include 'overall_header.html' %}

{% INCLUDECSS '@stoker_topicrating/topicrating_acp.css' %}

<p><img src="https://img.shields.io/badge/{{ lang('ACP_TOPICRATING_BADGE')|e('html_attr') }}-green.svg?style=plastic" height="28" alt="{{ lang('ACP_TOPICRATING_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_TOPICRATING_VC_OK', VERSIONCHECK_CURRENT)|e('html_attr') }}"></i> <span class="versioncheck-ok">{{ lang('ACP_TOPICRATING_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_TOPICRATING_VC_OUTDATED', VERSIONCHECK_CURRENT, VERSIONCHECK_LATEST)|e('html_attr') }}"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> {{ lang('ACP_TOPICRATING_VC_OUTDATED', VERSIONCHECK_CURRENT, VERSIONCHECK_LATEST) }}</a>
	{% elseif S_VERSIONCHECK_UNAVAILABLE %}
		<i class="fa fa-question-circle versioncheck-unavailable" aria-hidden="true" title="{{ lang('ACP_TOPICRATING_VC_UNAVAILABLE')|e('html_attr') }}"></i> <span class="versioncheck-unavailable">{{ lang('ACP_TOPICRATING_VC_UNAVAILABLE') }}</span>
	{% endif %}
</p>

<p class="font-size">{{ lang('ACP_TOPICRATING_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_TOPICRATING_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_TOPICRATING_MEMBER') }}</a><br>
	<a class="font-weight" href="https://phpbb3bbcodes.com/viewtopic.php?t=3151" target="_blank" rel="noopener noreferrer"><i class="fa fa-ticket" aria-hidden="true"></i> {{ lang('ACP_TOPICRATING_SUPPORT') }}</a><br>
	<a class="font-weight" href="https://phpbb3bbcodes.com/ext-check/ec_stoker_topicrating_1-0-10.html" target="_blank" rel="noopener noreferrer"><i class="fa fa-code" aria-hidden="true"></i> {{ lang('ACP_EC_REPORT') }}</a>
</p>

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

<form id="acp_topicrating" 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_TOPICRATING_SETTINGS') }}</legend>
		<dl>
			<dt><label>{{ lang('ACP_TOPICRATING_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_TOPICRATING_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_ENABLE }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR')|e('html_attr') }}" tabindex="0" role="switch" aria-checked="{% if TOPICRATING_ENABLE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_TOPICRATING_ENABLE')|e('html_attr') }}">
					<input type="checkbox" id="topicrating_enable" tabindex="-1"{% if TOPICRATING_ENABLE %} checked{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label>{{ lang('ACP_TOPICRATING_ALLOW_REVOTE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_TOPICRATING_ALLOW_REVOTE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_REVOTE }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR')|e('html_attr') }}" tabindex="0" role="switch" aria-checked="{% if TOPICRATING_ALLOW_REVOTE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_TOPICRATING_ALLOW_REVOTE')|e('html_attr') }}">
					<input type="checkbox" id="topicrating_allow_revote" tabindex="-1"{% if TOPICRATING_ALLOW_REVOTE %} checked{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label>{{ lang('ACP_TOPICRATING_ALLOW_REMOVE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_TOPICRATING_ALLOW_REMOVE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_REMOVE }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR')|e('html_attr') }}" tabindex="0" role="switch" aria-checked="{% if TOPICRATING_ALLOW_REMOVE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_TOPICRATING_ALLOW_REMOVE')|e('html_attr') }}">
					<input type="checkbox" id="topicrating_allow_remove" tabindex="-1"{% if TOPICRATING_ALLOW_REMOVE %} checked{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label>{{ lang('ACP_TOPICRATING_SHOW_IN_FORUM') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_TOPICRATING_SHOW_IN_FORUM_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_SHOW_FORUM }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR')|e('html_attr') }}" tabindex="0" role="switch" aria-checked="{% if TOPICRATING_SHOW_IN_FORUM %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_TOPICRATING_SHOW_IN_FORUM')|e('html_attr') }}">
					<input type="checkbox" id="topicrating_show_in_forum" tabindex="-1"{% if TOPICRATING_SHOW_IN_FORUM %} checked{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label>{{ lang('ACP_TOPICRATING_SHOW_ALL_PAGES') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_TOPICRATING_SHOW_ALL_PAGES_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_SHOW_ALL_PAGES }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR')|e('html_attr') }}" tabindex="0" role="switch" aria-checked="{% if TOPICRATING_SHOW_ALL_PAGES %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_TOPICRATING_SHOW_ALL_PAGES')|e('html_attr') }}">
					<input type="checkbox" id="topicrating_show_all_pages" tabindex="-1"{% if TOPICRATING_SHOW_ALL_PAGES %} checked{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label>{{ lang('ACP_TOPICRATING_GUEST_STRICT_LIMIT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_TOPICRATING_GUEST_STRICT_LIMIT_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_GUEST_STRICT_LIMIT }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR')|e('html_attr') }}" tabindex="0" role="switch" aria-checked="{% if TOPICRATING_GUEST_STRICT_LIMIT %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_TOPICRATING_GUEST_STRICT_LIMIT')|e('html_attr') }}">
					<input type="checkbox" id="topicrating_guest_strict_limit" tabindex="-1"{% if TOPICRATING_GUEST_STRICT_LIMIT %} checked{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label for="topicrating_display_mode">{{ lang('ACP_TOPICRATING_DISPLAY_MODE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_TOPICRATING_DISPLAY_MODE_EXPLAIN') }}</span></dt>
			<dd>
				<select name="topicrating_display_mode" id="topicrating_display_mode">
					<option value="stars"{% if TOPICRATING_DISPLAY_MODE == 'stars' %} selected{% endif %}>{{ lang('ACP_TOPICRATING_DISPLAY_STARS') }}</option>
					<option value="both"{% if TOPICRATING_DISPLAY_MODE == 'both' %} selected{% endif %}>{{ lang('ACP_TOPICRATING_DISPLAY_BOTH') }}</option>
				</select>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label for="topicrating_star_color">{{ lang('ACP_TOPICRATING_STAR_COLOR') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_TOPICRATING_STAR_COLOR_EXPLAIN') }}</span></dt>
			<dd>
				<select name="topicrating_star_color" id="topicrating_star_color">
					<option value="gold"{% if TOPICRATING_STAR_COLOR == 'gold' %} selected{% endif %}>{{ lang('ACP_TOPICRATING_STAR_COLOR_GOLD') }}</option>
					<option value="blue"{% if TOPICRATING_STAR_COLOR == 'blue' %} selected{% endif %}>{{ lang('ACP_TOPICRATING_STAR_COLOR_BLUE') }}</option>
					<option value="red"{% if TOPICRATING_STAR_COLOR == 'red' %} selected{% endif %}>{{ lang('ACP_TOPICRATING_STAR_COLOR_RED') }}</option>
					<option value="green"{% if TOPICRATING_STAR_COLOR == 'green' %} selected{% endif %}>{{ lang('ACP_TOPICRATING_STAR_COLOR_GREEN') }}</option>
					<option value="purple"{% if TOPICRATING_STAR_COLOR == 'purple' %} selected{% endif %}>{{ lang('ACP_TOPICRATING_STAR_COLOR_PURPLE') }}</option>
					<option value="black"{% if TOPICRATING_STAR_COLOR == 'black' %} selected{% endif %}>{{ lang('ACP_TOPICRATING_STAR_COLOR_BLACK') }}</option>
				</select>
			</dd>
		</dl>
	</fieldset>

	<fieldset class="ts-fieldset">
		<legend class="ts-legend"><i class="fa fa-user fa-lg" aria-hidden="true"></i> {{ lang('ACP_PROFILE_RATING_ENABLE') }}</legend>
		<dl>
			<dt><label>{{ lang('ACP_PROFILE_RATING_ENABLE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_PROFILE_RATING_ENABLE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_PROFILE_ENABLE }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR')|e('html_attr') }}" tabindex="0" role="switch" aria-checked="{% if PROFILE_RATING_ENABLE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_PROFILE_RATING_ENABLE')|e('html_attr') }}">
					<input type="checkbox" id="profile_rating_enable" tabindex="-1"{% if PROFILE_RATING_ENABLE %} checked{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label for="profile_rating_mode">{{ lang('ACP_PROFILE_RATING_MODE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_PROFILE_RATING_MODE_EXPLAIN') }}</span></dt>
			<dd>
				<select name="profile_rating_mode" id="profile_rating_mode">
					<option value="0"{% if PROFILE_RATING_MODE == 0 %} selected{% endif %}>{{ lang('ACP_PROFILE_RATING_MODE_OFF') }}</option>
					<option value="1"{% if PROFILE_RATING_MODE == 1 %} selected{% endif %}>{{ lang('ACP_PROFILE_RATING_MODE_STARS') }}</option>
					<option value="2"{% if PROFILE_RATING_MODE == 2 %} selected{% endif %}>{{ lang('ACP_PROFILE_RATING_MODE_UPVOTE') }}</option>
					<option value="3"{% if PROFILE_RATING_MODE == 3 %} selected{% endif %}>{{ lang('ACP_PROFILE_RATING_MODE_UPVOTE_ONLY') }}</option>
				</select>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label>{{ lang('ACP_PROFILE_RATING_SHOW_MINIPROFILE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_PROFILE_RATING_SHOW_MINIPROFILE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_PROFILE_MINIPROFILE }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR')|e('html_attr') }}" tabindex="0" role="switch" aria-checked="{% if PROFILE_RATING_SHOW_MINIPROFILE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_PROFILE_RATING_SHOW_MINIPROFILE')|e('html_attr') }}">
					<input type="checkbox" id="profile_rating_show_miniprofile" tabindex="-1"{% if PROFILE_RATING_SHOW_MINIPROFILE %} checked{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label>{{ lang('ACP_PROFILE_RATING_ALLOW_REVOTE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_PROFILE_RATING_ALLOW_REVOTE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_PROFILE_REVOTE }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR')|e('html_attr') }}" tabindex="0" role="switch" aria-checked="{% if PROFILE_RATING_ALLOW_REVOTE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_PROFILE_RATING_ALLOW_REVOTE')|e('html_attr') }}">
					<input type="checkbox" id="profile_rating_allow_revote" tabindex="-1"{% if PROFILE_RATING_ALLOW_REVOTE %} checked{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</dd>
		</dl>
		<hr class="jq-hr">
		<dl>
			<dt><label>{{ lang('ACP_PROFILE_RATING_ALLOW_REMOVE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_PROFILE_RATING_ALLOW_REMOVE_EXPLAIN') }}</span></dt>
			<dd>
				<span class="toggle-switch" data-toggle-url="{{ U_TOGGLE_PROFILE_REMOVE }}" data-toggle-error="{{ lang('ACP_STOKER_TOGGLE_ERROR')|e('html_attr') }}" tabindex="0" role="switch" aria-checked="{% if PROFILE_RATING_ALLOW_REMOVE %}true{% else %}false{% endif %}" aria-label="{{ lang('ACP_PROFILE_RATING_ALLOW_REMOVE')|e('html_attr') }}">
					<input type="checkbox" id="profile_rating_allow_remove" tabindex="-1"{% if PROFILE_RATING_ALLOW_REMOVE %} checked{% endif %}>
					<span class="toggle-slider"></span>
				</span>
			</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>

<fieldset class="ts-fieldset ts-guide">
	<legend class="ts-legend"><i class="fa fa-book fa-lg" aria-hidden="true"></i> {{ lang('ACP_TOPICRATING_GUIDE_TITLE') }}</legend>
	<p>{{ lang('ACP_TOPICRATING_GUIDE_INTRO') }}</p>

	<div class="guide-step">
		<h3><i class="fa fa-power-off" aria-hidden="true"></i> {{ lang('ACP_TOPICRATING_GUIDE_STEP1_TITLE') }}</h3>
		<p>{{ lang('ACP_TOPICRATING_GUIDE_STEP1_TEXT') }}</p>
	</div>

	<div class="guide-step">
		<h3><i class="fa fa-list" aria-hidden="true"></i> {{ lang('ACP_TOPICRATING_GUIDE_STEP2_TITLE') }}</h3>
		<p>{{ lang('ACP_TOPICRATING_GUIDE_STEP2_TEXT') }}</p>
	</div>

	<div class="guide-step">
		<h3><i class="fa fa-lock" aria-hidden="true"></i> {{ lang('ACP_TOPICRATING_GUIDE_STEP3_TITLE') }}</h3>
		<p>{{ lang('ACP_TOPICRATING_GUIDE_STEP3_TEXT') }}</p>
		<p><strong>{{ lang('ACP_TOPICRATING_GUIDE_STEP3A_TITLE') }}</strong><br>{{ lang('ACP_TOPICRATING_GUIDE_STEP3A_TEXT') }}</p>
		<p><strong>{{ lang('ACP_TOPICRATING_GUIDE_STEP3B_TITLE') }}</strong><br>{{ lang('ACP_TOPICRATING_GUIDE_STEP3B_TEXT') }}</p>
		<p><strong>{{ lang('ACP_TOPICRATING_GUIDE_STEP3C_TITLE') }}</strong><br>{{ lang('ACP_TOPICRATING_GUIDE_STEP3C_TEXT') }}</p>
	</div>

	<div class="guide-step">
		<h3><i class="fa fa-sliders" aria-hidden="true"></i> {{ lang('ACP_TOPICRATING_GUIDE_STEP4_TITLE') }}</h3>
		<p>{{ lang('ACP_TOPICRATING_GUIDE_STEP4_TEXT') }}</p>
	</div>
</fieldset>

{% INCLUDEJS '@stoker_topicrating/acp_topicrating.js' %}

{% include 'overall_footer.html' %}