{% INCLUDE 'overall_header.html' %}

<a name="maincontent"></a>

{% INCLUDECSS '@spiderpiggy_faqmanager/faqmanager.css' %}
{% INCLUDEJS '@spiderpiggy_faqmanager/faqmanager.js' %}



{% if S_UNDO %}
	<a href="{{ U_UNDO }}" style="float: {{ S_CONTENT_FLOW_END }};">&laquo; {{ lang('LOAD_BACKUP') }}</a>
{% endif %}

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

<p>{{ lang('TITLE_EXPLAIN') }}</p>
<p style="margin-top: -4px; font-size: 0.95em; opacity: 0.8;">
	{{ lang('FAQ_DONATE_TEXT') }}
	<a href="https://www.phpbbextnl.be/donate" target="_blank" rel="noopener noreferrer">phpbbextnl.be</a>
</p>

<p><strong>{{ NAVIGATION }}</strong></p>

{% if S_EDIT or S_ADD %}
	<script>
	// <![CDATA[
		var form_name = 'varedit';
		var text_name = 'var_value';
		var load_draft = false;
		var upload = false;
		var imageTag = true;
	// ]]>
	</script>

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

	<fieldset>
		<legend>{% if S_CAT_EDIT %}{{ lang('FAQ_CAT_SETTINGS') }}{% else %}{{ lang('FAQ_SETTINGS') }}{% endif %}</legend>
		<dl>
			<dt><label for="var_name">{% if S_CAT_EDIT %}{{ lang('FAQ_CAT_QUESTION') }}{% else %}{{ lang('FAQ_QUESTION') }}{% endif %}{{ lang('COLON') }}</label></dt>
			<dd><input class="text medium" type="text" id="var_name" name="var_name" value="{{ VARIABLE_NAME }}" maxlength="255" /></dd>
		</dl>

		{% if not S_CAT %}
			<div class="faqmanager-editor-full">
				<label class="faqmanager-editor-label" for="var_desc">{{ lang('FAQ_ANSWER') }}{{ lang('COLON') }}</label>
				<p class="faqmanager-editor-help">{{ lang('FAQ_FORMATTING_EXPLAIN') }}</p>

				<div class="faqmanager-editor-wrap">
					<div class="faqmanager-editor-toolbar">
						{% INCLUDE 'acp_posting_buttons.html' %}
						<button type="button" class="button2 faqmanager-colour-toggle" data-faqmanager-colour-toggle="1">{{ lang('FAQ_COLOUR_PALETTE') }}</button>
					</div>

					<div class="faqmanager-colour-popover" data-faqmanager-colour-popover="1">
						<div id="color_palette_placeholder" data-color-palette="h" data-height="8" data-width="8" data-bbcode="true"></div>
					</div>

					<textarea id="var_desc" name="var_value" rows="10" cols="76" class="faqmanager-editor-textarea" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" data-bbcode="true">{{ VARIABLE_VALUE }}</textarea>

					<div class="faqmanager-editor-status"><strong>{{ lang('OPTIONS') }}{{ lang('COLON') }}</strong> {{ BBCODE_STATUS }} :: {{ IMG_STATUS }} :: {{ FLASH_STATUS }} :: {{ URL_STATUS }} :: {{ SMILIES_STATUS }}</div>
				</div>
			</div>
		{% endif %}

		{% if S_SHOW_MOVE_TO_EDGE %}
			<dl>
				<dt><label>{{ lang('FAQ_QUICK_MOVE') }}{{ lang('COLON') }}</label></dt>
				<dd>
					{% if U_MOVE_TOP %}<a class="button2" href="{{ U_MOVE_TOP }}">{{ lang('FAQ_MOVE_TOP') }}</a>{% endif %}
					{% if U_MOVE_BOTTOM %}<a class="button2" href="{{ U_MOVE_BOTTOM }}">{{ lang('FAQ_MOVE_BOTTOM') }}</a>{% endif %}
				</dd>
			</dl>
		{% endif %}
	</fieldset>

	<input type="hidden" name="action" value="{{ ACTION }}" />
	<input type="hidden" name="cat" value="{{ CAT_ID }}" />
	<input type="hidden" name="var" value="{{ FIELD_ID }}" />
	<input type="hidden" name="return_to" value="{{ RETURN_TO }}" />

	<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') }}" />
	</fieldset>
	{{ S_FORM_TOKEN }}
	</form>
{% endif %}

{% if S_DISPLAY_LIST%}
	<table cellspacing="1"><col class="row1" /><col class="row1" /><col class="row2" />
		<tbody>

		{% for file_list in loops.file_list %}
			<tr>
		   		<td>
					<strong>{% if file_list.U_VIEW %}<a href="{{ file_list.U_VIEW }}">{{ file_list.NAME }}</a>{% else %}{{ file_list.NAME }}{% endif %}</strong>
				</td>

				<td style="vertical-align: top; width: 100px; text-align: right; white-space: nowrap;">
					{% if file_list.S_SHOW_MOVE %}
						{% if file_list.S_SHOW_MOVE_TOP %}<a href="{{ file_list.U_MOVE_TOP }}" title="{{ lang('FAQ_MOVE_TOP') }}">⇈</a>{% endif %}
						{% if file_list.S_SHOW_MOVE_UP %}<a href="{{ file_list.U_MOVE_UP }}" title="{{ lang('MOVE_UP') }}">{{ ICON_MOVE_UP }}</a>{% endif %}
						{% if file_list.S_SHOW_MOVE_DOWN %}<a href="{{ file_list.U_MOVE_DOWN }}" title="{{ lang('MOVE_DOWN') }}">{{ ICON_MOVE_DOWN }}</a>{% endif %}
						{% if file_list.S_SHOW_MOVE_BOTTOM %}<a href="{{ file_list.U_MOVE_BOTTOM }}" title="{{ lang('FAQ_MOVE_BOTTOM') }}">⇊</a>{% endif %}
					{% endif %}
					{% if file_list.U_EDIT %}<a href="{{ file_list.U_EDIT }}">{{ ICON_EDIT }}</a>{% endif %}
					{% if file_list.U_DELETE %}<a href="{{ file_list.U_DELETE }}">{{ ICON_DELETE }}</a>{% endif %}
				</td>

			</tr>
   		{% else %}
			<tr>
				<td class="row1" colspan="5" style="text-align: center;">{{ lang('NO_FAQ_VARS') }}</td>
			</tr>
		{% endfor %}
		</tbody>
	</table>

	{% if S_CAT %}
	<form id="forums" method="post" action="{{ U_ACTION }}">

	<fieldset class="quick">
		<input type="hidden" name="action" value="add" />

		<input type="text" name="var_value" value="" maxlength="255" />
		{% if S_CAN_ADD %}<input class="button2" name="add" type="submit" value="{{ lang('CREATE') }}" />{% else %}<span>{{ lang('FAQ_CORE_READONLY') }}</span>{% endif %}
	</fieldset>
	{{ S_FORM_TOKEN }}
	</form>
	{% else %}
	<fieldset class="quick">
		{% if S_CAN_ADD and U_CREATE %}<a class="button2" href="{{ U_CREATE }}">{{ lang('CREATE') }}</a>{% else %}<span>{{ lang('FAQ_CORE_READONLY') }}</span>{% endif %}
	</fieldset>
	{% endif %}
{% endif %}

{% if S_DISPLAY_FILE_LIST %}
	<table cellspacing="1"><col class="row1" /><col class="row2" /><col class="row2" /><col class="row2" />
		<thead>
			<tr>
				<th>{{ lang('FAQ_NAME') }}</th>
				<th>{{ lang('FAQ_LANGUAGE') }}</th>
				<th>{{ lang('FAQ_LOCATION') }}</th>
				<th>{{ lang('ACTION') }}</th>
			</tr>
		</thead>

		<tbody>
		{% for file_list in loops.file_list %}
			<tr>
				<td>{{ file_list.NAME }}</td>
				<td>{{ file_list.LANGUAGE }}</td>
				<td>{{ file_list.LOCATION }}</td>
				<td>{{ file_list.ACTION }}</td>
			</tr>
		{% else %}
			<tr>
				<td class="row1" colspan="5" style="text-align: center;">{{ lang('NO_FAQ_FILES') }}</td>
			</tr>
		{% endfor %}
		</tbody>
	</table>
{% endif %}

{% INCLUDE 'overall_footer.html' %}