<!-- INCLUDE overall_header.html -->

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

<!-- IF S_EDIT_BBCODE -->

	<a href="{U_BACK}" style="float: {S_CONTENT_FLOW_END};">&laquo; {L_BACK}</a>

	<h1>{L_ACP_BBCODES}</h1>

	<p>{L_ACP_BBCODES_EXPLAIN}</p>

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

	<fieldset>
		<legend>{L_BBCODE_USAGE}</legend>
		<p>{{ lang('BBCODE_USAGE_EXPLAIN', '<a href="#down">', '</a>') }}</p>
	<dl>
		<dt><label for="bbcode_match">{L_EXAMPLES}</label><br /><br /><span>{L_BBCODE_USAGE_EXAMPLE}</span></dt>
		<dd><textarea id="bbcode_match" name="bbcode_match" cols="60" rows="5">{BBCODE_MATCH}</textarea></dd>
	</dl>
	</fieldset>

	<fieldset>
		<legend>{L_HTML_REPLACEMENT}</legend>
		<p>{L_HTML_REPLACEMENT_EXPLAIN}</p>
	<dl>
		<dt><label for="bbcode_tpl">{L_EXAMPLES}</label><br /><br /><span>{L_HTML_REPLACEMENT_EXAMPLE}</span></dt>
		<dd><textarea id="bbcode_tpl" name="bbcode_tpl" cols="60" rows="8">{BBCODE_TPL}</textarea></dd>
	</dl>
	</fieldset>

	<fieldset>
		<legend>{{ lang('BBCODE_HELPLINE') }}</legend>
		<p>{{ lang('BBCODE_HELPLINE_EXPLAIN') }}</p>
	<dl>
		<dt><label for="bbcode_helpline">{{ lang('BBCODE_HELPLINE_TEXT') }}</label></dt>
		<dd><textarea id="bbcode_helpline" name="bbcode_helpline" cols="60" rows="4">{{ BBCODE_HELPLINE }}</textarea></dd>
	</dl>
	</fieldset>

	<fieldset>
		<legend>{L_SETTINGS}</legend>
	<dl>
		<dt><label for="display_on_posting">{L_DISPLAY_ON_POSTING}</label></dt>
		<dd><input type="checkbox" class="radio" name="display_on_posting" id="display_on_posting" value="1"<!-- IF DISPLAY_ON_POSTING --> checked="checked"<!-- ENDIF --> /></dd>
	</dl>
	</fieldset>

	<fieldset>
		<legend>{{ lang('APPEARANCE') }}</legend>
	<dl>
		<dt><label for="bbcode_font_icon">{{ lang('BBCODE_FONT_ICON') }}</label><br><span>{{ lang('BBCODE_FONT_ICON_EXPLAIN', '<a href="https://fontawesome.com/v6/icons/" target="_blank">', '</a>') }}</span></dt>
		<dd>
			<input type="text" name="bbcode_font_icon" id="bbcode_font_icon" value="{{ BBCODE_FONT_ICON }}" />
			{{ Icon('font', ' ', '', false, '', {'id':'bbcode_icon_preview'}) }}
		</dd>
	</dl>
	</fieldset>

	<!-- EVENT acp_bbcodes_edit_fieldsets_after -->

	<fieldset class="submit-buttons">
		<legend>{L_SUBMIT}</legend>
		<input class="button1" type="submit" id="submit" name="submit" value="{L_SUBMIT}" />&nbsp;
		<input class="button2" type="reset" id="reset" name="reset" value="{L_RESET}" />
		{S_FORM_TOKEN}
	</fieldset>
	
	<br />

	<table class="table1" id="down">
	<thead>
	<tr>
		<th colspan="2">{L_TOKENS}</th>
	</tr>
	<tr>
		<td class="row3" colspan="2">{L_TOKENS_EXPLAIN}</td>
	</tr>
	<tr>
		<th>{L_TOKEN}</th>
		<th>{L_TOKEN_DEFINITION}</th>
	</tr>
	</thead>
	<tbody>
	<!-- BEGIN token -->
		<tr style="vertical-align: top;">
			<td class="row1">{token.TOKEN}</td>
			<td class="row2">{token.EXPLAIN}</td>
		</tr>
	<!-- END token -->
	</tbody>
	</table>
	</form>

<!-- ELSE -->

	<h1>{L_ACP_BBCODES}</h1>

	<p>{L_ACP_BBCODES_EXPLAIN}</p>
	
	<form id="acp_bbcodes" method="post" action="{U_ACTION}">
	<fieldset class="tabulated">
	<legend>{L_ACP_BBCODES}</legend>

	<table class="table1 zebra-table" id="down">
	<thead>
	<tr>
		<th>{L_BBCODE_TAG}</th>
		<th>{L_ACTION}</th>
	</tr>
	</thead>
	<tbody>
	<!-- BEGIN bbcodes -->
		<tr>
			<td style="text-align: center;">{bbcodes.BBCODE_TAG}</td>
			<td class="actions"><!-- EVENT acp_bbcodes_actions_prepend --> <a href="{bbcodes.U_EDIT}">{ICON_EDIT}</a> <a href="{bbcodes.U_DELETE}" data-ajax="row_delete">{ICON_DELETE}</a> <!-- EVENT acp_bbcodes_actions_append --></td>
		</tr>
	<!-- BEGINELSE -->
		<tr class="row3">
			<td colspan="2">{L_ACP_NO_ITEMS}</td>
		</tr>
	<!-- END bbcodes -->
	</tbody>
	</table>

	<p class="quick">
		<input class="button2" name="submit" type="submit" value="{L_ADD_BBCODE}" />
	</p>
	{S_FORM_TOKEN}
	</fieldset>

	</form>

<!-- ENDIF -->

<!-- INCLUDE overall_footer.html -->
