{% INCLUDE 'overall_header.html' %}

<a id="maincontent"></a>


<a href="https://www.stevenclark.eu/phpBB3/donate" onclick="window.open(this.href);return false;" class="acp_tpr_donate" title="{{ lang('ACP_TPR_DONATE') }}">
	<i class="icon fa-paypal fa-fw" aria-hidden="true"></i><span> {{ lang('ACP_TPR_DONATE') }} </span><i class="icon fa-beer fa-fw" aria-hidden="true"></i>
</a>

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

<p>{% if not S_SETTINGS_MODE %}{{ lang('ACP_REACTIONS_EXPLAIN') }}{% else %}{{ lang('ACP_REACTIONS_SETTINGS_EXPLAIN') }}{% endif %}<br />
{{ lang('ACP_REACTIONS_VERSION') }} {{ REACTIONS_VERSION }}</p>

{% if S_ERROR %}
	<div class="errorbox">
		<h3>{{ lang('WARNING') }}</h3>
		<p>{{ S_ERROR }}</p>
	</div>
{% endif %}

{% if not REACTIONS_ENABLED %}
	<div class="errorbox">
		<h3>{{ lang('WARNING') }}</h3>
		<p>{{ lang('ACP_REACTIONS_CURRENTLY_DISABLED') }}</p>
	</div>
{% endif %}

{% if SYNC %}
	<div id="darken" style="display: block;"></div>
	<div id="phpbb-alert" class="phpbb_alert {% if not DONE %}error{% else %}success{% endif %}" style="display: block;">
		{% if not DONE %}
			<div class="errorbox">{{ lang('ACP_REACTION_CHANGE_WARN_TOP') }}</div>
			{% else %}
			<div class="successbox">{{ lang('ACP_REACTION_CHANGED') }}</div>
		{% endif %}
		<img src="{{ OLD_IMG }}" class="reaction_image" alt="{{ OLD_IMG }}" />{% if not DONE %}{{ lang('ACP_REACTION_CHANGE') }} {% else %} {{ lang('ACP_REACTION_CHANGED_TO') }} {% endif %}
		<img src="{{ NEW_IMG }}" class="reaction_image" alt="{{ NEW_IMG }}" />
		<p>{% if not DONE %}{{ START }}{% else %}{{ DONE }}{% endif %}</p>
		{% if DONE %}
		<a href="{{ U_BACK }}">{{ lang('BACK_TO_PREV') }}</a>
		{% endif %}
	</div>
	<div id="loading_indicator" {% if not DONE %}style="display: block;"{% else %}style="display: none;"{% endif %}></div>
{% endif %}

<!-- change to jquery -->
<script>
	function update_image(newimage)
	{
		document.getElementById('image').src = (newimage) ? "{{ REACTION_PATHS }}" + encodeURI(newimage) : "";
	}
</script>
{% if U_ADD_REACTION %}


<div style="text-align: center;">
	<img src="{{ REACTION_IMAGE }}" id="image" style="background: #{{ REACTION_TYPE_BG_COLOR }};border-radius: 10px;padding: 1px;" height="{{ REACTION_HEIGHT }}" width="{{ REACTION_WIDTH }}" alt="{{ lang('ACP_SELECT_REACTION_IMAGE_ALT') }}" />
</div>

{% if S_EDIT && REACTION_COUNT %}
<div class="errorbox">
	<h3>{{ REACTION_COUNT }}</h3>
	<p>{{ lang('ACP_REACTION_CHANGE_WARN') }}</p>
</div>
{% endif %}

<form id="acp_board" method="post" action="{{ U_ACTION }}">
<!-- is even /css-->
	<fieldset style="padding: 3px;">
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reaction_type_enable">{{ lang('ACP_REACTION_ENABLE') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reaction_type_enable" value="1" {% if REACTION_ENABLE %}id="reaction_type_enable" checked="checked"{% endif %}/> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reaction_type_enable" value="0" {% if not REACTION_ENABLE %} id="reaction_type_enable" checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>	
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reaction_file_name">{{ lang('ACP_REACTION_IMAGE') }}{{ lang('COLON') }}</label></dt>
			<dd><select name="reaction_file_name" id="reaction_file_name" onchange="update_image(this.options[selectedIndex].value);">{{ S_FILENAME_LIST }}</select> 
				</dd>
		</dl>	
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reaction_type_title">{{ lang('ACP_REACTION_TITLE') }}{{ lang('COLON') }}</label></dt>
			<dd><input id="reaction_type_title" type="text" name="reaction_type_title" value="{{ REACTION_TITLE }}" maxlength="255" /></dd>
		</dl>
	<!--	<dl>
			<dt><label for="reaction_type_bg_color">{{ lang('ACP_REACTION_TYPE_BG_COLOR') }}{{ lang('COLON') }}</label></dt>
			<dd><input id="reaction_type_bg_color" type="text" name="reaction_type_bg_color" value="{{ REACTION_TYPE_BG_COLOR }}" class="jscolor" maxlength="255" /></dd>
		</dl> -->
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label>{{ lang('ACP_REACTIONS_DIMENSIONS') }}{{ lang('COLON') }}</label></dt>
			<dd>{{ lang('ACP_REACTIONS_HEIGHT') }}{{ lang('COLON') }} <input id="reaction_type_height" type="number" min="1" name="reaction_type_height" value="{{ REACTION_HEIGHT }}" /> {{ lang('PIXEL') }}
				{{ lang('ACP_REACTIONS_WIDTH') }}{{ lang('COLON') }} <input id="reaction_type_width" type="number" min="1" name="reaction_type_width" value="{{ REACTION_WIDTH }}" /> {{ lang('PIXEL') }}
			</dd>
		</dl>
	</fieldset>

	<fieldset>
		<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>
{% endif %}

{% if not S_SETTINGS_MODE && not SYNC %}

	{% if REACTIONS_COUNT %}
	<div class="pagination">
	{{ lang('REACTIONS') }} &bull; {{ REACTIONS_COUNT }}
	{% if loops.pagination|length %}
		{% INCLUDE 'pagination.html' %}
	{% endif %}
	</div>
	{% endif %}


	{% if not U_ADD_REACTION %}<br /><a href="{{ U_ADD }}" class="button2" style="float: {{ S_CONTENT_FLOW_END }};">{{ lang('ACP_REACTION_ADD') }}</a><br /><br />{% endif %}

	{% if loops.reaction_types|length %}
	<table class="table1 zebra-table">
	<thead>
	<tr>
		<th class="reaction-header"></th>
		<th class="reaction-header"></th>
		<th  class="centered-text">{{ lang('TOTAL') }} {{ REACTIONS_TOTAL }}</th>
		<th class="reaction-header"></th>
		<th class="centered-text"><a href="{{ U_ACTIVATE_DEACTIVATE }}" style="color: white;" data-ajax="activate_deactivate_all">{{ L_ACTIVATE_DEACTIVATE }}</th>
		<th class="reaction-header"></th>
		<th class="reaction-header"></th>
		<th class="centered-text">{{ lang('CAT_REACTION_RESYNC_ALL') }}</th>
		<th class="centered-text" style="color: #bc2a4d;">{{ lang('DELETE_ALL') }}</th>
	</tr>
	</thead>
	<thead>
	<tr>
		<th class="centered-text">{{ lang('CAT_REACTION_IMAGE') }}</th>
		<th class="centered-text">{{ lang('CAT_REACTION_TITLE') }}</th>
		<th class="centered-text">{{ lang('CAT_REACTION_COUNT') }}</th>
		<th class="centered-text">{{ lang('CAT_REACTION_PERCENTAGE') }}</th>
		<th class="centered-text">{{ lang('CAT_REACTION_ENABLED') }}</th>
		<th class="centered-text">{{ lang('CAT_REACTION_ORDER') }}</th>
		<th class="centered-text">{{ lang('CAT_REACTION_EDIT') }}</th>
		<th class="centered-text">{{ lang('CAT_REACTION_RESYNC') }}</th>
		<th class="centered-text">{{ lang('CAT_REACTION_DELETE') }}</th>
	</tr>
	</thead>
	<tbody>
		{% for reaction_types in loops.reaction_types %}
		<tr>
			<td  class="centered-text">
				<!-- style="max-width: 100px;height: auto;" -->
				<img src="{{ reaction_types.IMAGE_SRC }}" style="height: {{ reaction_types.REACTION_HEIGHT }}px;width: {{ reaction_types.REACTION_WIDTH }}px;"  alt="{{ reaction_types.TITLE }}" title="{{ reaction_types.TITLE }}" />
			</td>
			<td class="centered-text">{{ reaction_types.TITLE }}</td>
			<td class="centered-text" style="width: 100px;">{{ reaction_types.COUNT }}</td>
			<td class="centered-text" style="width: 100px;">{{ reaction_types.PERCENT }}</td>
			<td class="activate_deactivate centered-text" style="width: 100px;"><a href="{{ reaction_types.U_ACTIVATE_DEACTIVATE }}" data-ajax="activate_deactivate">{{ reaction_types.L_ACTIVATE_DEACTIVATE }}</a>&nbsp;</td>
			<td class="actions centered-text">
 				<span class="up-disabled" style="display:none;"> &nbsp; <i class="icon fa fa-level-up icon-red" aria-hidden="true"></i></span>
				<span class="up"><a href="{{ reaction_types.U_MOVE_UP }}" data-ajax="row_up" style="text-decoration: none !important;"> &nbsp; <i class="icon fa fa-level-up icon-green" aria-hidden="true"></i></a></span>
				<span class="down-disabled" style="display:none;"> &nbsp; <i class="icon fa fa-level-down icon-red" aria-hidden="true"></i></span>
				<span class="down"><a href="{{ reaction_types.U_MOVE_DOWN }}" data-ajax="row_down" style="text-decoration: none !important;"> &nbsp; <i class="icon fa fa-level-down icon-green" aria-hidden="true"></i></a></span>
			</td>
			<td class="actions centered-text">
				<a href="{{ reaction_types.U_EDIT }}"><i class="icon fa fa-sliders icon-green" aria-hidden="true"></i></a>
			</td>
			<td class="actions centered-text" style="background: #e9eaec;">
				<!-- <a href="{{ reaction_types.U_SYNC }}"> -->
					<i class="icon fa acp-icon-resync fa-refresh" aria-hidden="true"></i>
				<!-- </a> -->
			</td>
			<td class="actions centered-text">
				<a href="{{ reaction_types.U_DELETE }}"> <i class="icon fa fa-trash icon-red" aria-hidden="true"></i></a>
			</td>
		</tr>
		{% endfor %}	
	</tbody>
	</table>

	{% if REACTIONS_COUNT %}
	<div class="pagination">
	{{ lang('REACTIONS') }} &bull; {{ REACTIONS_COUNT }}
	{% if loops.pagination|length %}
		{% INCLUDE 'pagination.html' %}
	{% endif %}
	</div>
	{% endif %}

{% endif %}
{% endif %}

{% if S_SETTINGS_MODE %}

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

	<fieldset style="padding: 3px;">
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_enabled1">{{ lang('ACP_REACTIONS_ENABLE') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reactions_enabled" id="reactions_enabled1" value="1" {% if REACTIONS_ENABLED %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reactions_enabled" id="reactions_enabled0" value="0" {% if not REACTIONS_ENABLED %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_page_enabled1">{{ lang('ACP_REACTION_ENABLE_PAGE') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reactions_page_enabled" id="reactions_page_enabled1" value="1" {% if REACTIONS_ENABLE_PAGES %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reactions_page_enabled" id="reactions_page_enabled0" value="0" {% if not REACTIONS_ENABLE_PAGES %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_posts_page_enabled1">{{ lang('ACP_REACTION_ENABLE_PAGES') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reactions_posts_page_enabled" id="reactions_posts_page_enabled1" value="1" {% if REACTIONS_ENABLE_POST_PAGES %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reactions_posts_page_enabled" id="reactions_posts_page_enabled0" value="0" {% if not REACTIONS_ENABLE_POST_PAGES %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_enable_count1">{{ lang('ACP_REACTIONS_ENABLE_COUNT') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reactions_enable_count" id="reactions_enable_count1" value="1" {% if REACTIONS_ENABLE_COUNT %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reactions_enable_count" id="reactions_enable_count0" value="0" {% if not REACTIONS_ENABLE_COUNT %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reaction_type_count_enable1">{{ lang('ACP_REACTION_TYPE_COUNT_ENABLE') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reaction_type_count_enable" id="reaction_type_count_enable1" value="1" {% if REACTION_TYPE_COUNT_ENABLE %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reaction_type_count_enable" id="reaction_type_count_enable0" value="0" {% if not REACTION_TYPE_COUNT_ENABLE %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_enable_badge1">{{ lang('ACP_REACTIONS_ENABLE_BADGE') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reactions_enable_badge" id="reactions_enable_badge1" value="1" {% if REACTIONS_ENABLE_BADGE %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reactions_enable_badge" id="reactions_enable_badge0" value="0" {% if not REACTIONS_ENABLE_BADGE %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_enable_percentage1">{{ lang('ACP_REACTIONS_ENABLE_PERCENTAGE') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reactions_enable_percentage" id="reactions_enable_percentage1" value="1" {% if REACTIONS_ENABLE_PERCENTAGE %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reactions_enable_percentage" id="reactions_enable_percentage0" value="0" {% if not REACTIONS_ENABLE_PERCENTAGE %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reaction_author_react1">{{ lang('ACP_REACTIONS_POST_AUTHOR_REACT') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reaction_author_react" id="reaction_author_react1" value="1" {% if REACTION_AUTHOR_REACT %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reaction_author_react" id="reaction_author_react0" value="0" {% if not REACTION_AUTHOR_REACT %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_resync_enable1">{{ lang('ACP_REACTIONS_RESYNC_ENABLE') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reactions_resync_enable" id="reactions_resync_enable1" value="1" {% if REACTIONS_RESYNC_ENABLE %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reactions_resync_enable" id="reactions_resync_enable0" value="0" {% if not REACTIONS_RESYNC_ENABLE %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_enable_toggle_fade1">{{ lang('ACP_REACTIONS_ENABLE_TOGGLE_FADE') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reactions_enable_toggle_fade" id="reactions_enable_toggle_fade1" value="1" {% if REACTIONS_ENABLE_TOGGLE_FADE %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reactions_enable_toggle_fade" id="reactions_enable_toggle_fade0" value="0" {% if not REACTIONS_ENABLE_TOGGLE_FADE %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
	</fieldset>

	<fieldset style="padding: 3px;">
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_enable_thanks_button1">{{ lang('ACP_REACTIONS_ENABLE_THANKS') }}{{ lang('COLON') }}</label><br /><span class="error"><strong>{{ lang('ACP_REACTIONS_ENABLE_THANKS_EXP') }}</strong></span></dt>
			<dd><input type="radio" class="radio" name="reactions_enable_thanks_button" id="reactions_enable_thanks_button1" value="1" {% if REACTIONS_ENABLE_THANKS %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reactions_enable_thanks_button" id="reactions_enable_thanks_button0" value="0" {% if not REACTIONS_ENABLE_THANKS %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_enable_thanks_text1">{{ lang('ACP_REACTIONS_ENABLE_THANKS_TEXT') }}{{ lang('COLON') }}</label></dt>
			<dd><input type="radio" class="radio" name="reactions_enable_thanks_text" id="reactions_enable_thanks_text1" value="1" {% if REACTIONS_ENABLE_THANKS_TEXT %}checked="checked"{% endif %} /> {{ lang('YES') }} &nbsp;
				<input type="radio" class="radio" name="reactions_enable_thanks_text" id="reactions_enable_thanks_text0" value="0" {% if not REACTIONS_ENABLE_THANKS_TEXT %}checked="checked"{% endif %} /> {{ lang('NO') }}</dd>
		</dl>
	</fieldset>

	<fieldset style="padding: 3px;">
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_image_path">{{ lang('ACP_REACTION_PATH') }}{{ lang('COLON') }}</label><br /><span>{{ lang('ACP_REACTION_PATH_EXPLAIN') }}</span></dt>
			<dd><input class="error" id="reactions_image_path" type="text" name="reactions_image_path" value="{{ REACTION_PATH }}" size="40" disabled="disabled" maxlength="255" /></dd>
		</dl>
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_">{{ lang('ACP_REACTION_IMAGE_TYPES_EXT') }}{{ lang('COLON') }}</label><br /></dt>
			<dd><input class="error" id="reactions_" type="text" name="reactions_" value="{{ REACTION_IMAGE_TYPES_EXT }}" size="40" disabled="disabled" maxlength="255" /></dd>
		</dl>
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reaction_image_height">{{ lang('ACP_REACTIONS_DIMENSIONS') }}{{ lang('COLON') }}</label></dt>
			<dd>{{ lang('ACP_REACTIONS_HEIGHT') }}{{ lang('COLON') }} <input id="reaction_image_height" type="number" min="1" max="40" name="reaction_image_height" value="{{ REACTION_HEIGHT }}" /> {{ lang('PIXEL') }}
				{{ lang('ACP_REACTIONS_WIDTH') }}{{ lang('COLON') }} <input id="reaction_image_width" type="number" min="1" max="40" name="reaction_image_width" value="{{ REACTION_WIDTH }}" /> {{ lang('PIXEL') }}</dd>
		</dl>
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_dropdown_width">{{ lang('ACP_REACTIONS_DROPDOWN_WIDTH') }}{{ lang('COLON') }}</label></dt>
			<dd><input id="reactions_dropdown_width" type="number" min="100" max="300" name="reactions_dropdown_width" value="{{ REACTIONS_DROPDOWN_WIDTH }}" /> {{ lang('PIXEL') }}</dd>
		</dl>
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_per_page">{{ lang('ACP_REACTIONS_PER_PAGE') }}{{ lang('COLON') }}</label></dt>
			<dd><input id="reactions_per_page" type="number" min="1" max="25" name="reactions_per_page" value="{{ REACTIONS_PER_PAGE }}" /></dd>
		</dl>
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reaction_sql_cache">{{ lang('ACP_REACTIONS_CACHE') }}{{ lang('COLON') }}</label><br /><span>{{ lang('ACP_REACTIONS_CACHE_EXPLAIN') }}</span></dt>
			<dd><input id="reaction_sql_cache" type="number" min="300" max="86400" name="reaction_sql_cache" value="{{ REACTIONS_IMAGE_CACHE }}" /> {{ lang('SECONDS') }}</dd>
		</dl>
	</fieldset>

	<fieldset style="padding: 3px;">
		<dl style="background: #f9f9f9;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_resync_batch">{{ lang('ACP_REACTIONS_RESYNC_BATCH') }}{{ lang('COLON') }}</label><br /><span>{{ lang('ACP_REACTIONS_RESYNC_BATCH_EXPLAIN') }}</span></dt>
			<dd><input id="reactions_resync_batch" type="number" min="1" max="2000" name="reactions_resync_batch" value="{{ REACTIONS_RESYNC_BATCH }}" /></dd>
		</dl>
		<dl style="background: #dcebfe;padding: 3px;margin: 1px 2px;">
			<dt><label for="reactions_resync_time">{{ lang('ACP_REACTIONS_RESYNC_TIME') }}{{ lang('COLON') }}</label><br /><span>{{ lang('ACP_REACTIONS_RESYNC_TIME_EXPLAIN') }}</span></dt>
			<dd><input id="reactions_resync_time" type="number" min="0" name="reactions_resync_time" value="{{ REACTIONS_RESYNC_TIME }}" /> {{ lang('SECONDS') }}</dd>
		</dl>
	</fieldset>

	<fieldset>
		<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>
{% endif %}

{% INCLUDEJS '@steve_postreactions/js/ajax_reactions.js' %}

{% INCLUDE 'overall_footer.html' %}