{% include 'overall_header.html' %}

<h1>{{ lang('ACP_MANAGEEXTENSIONS_TITLE') }}</h1> <p><img src="https://img.shields.io/badge/{{ lang('Version') }}-{{ MANAGEEXTENSIONS_VERSION }}-green.svg?style=plastic" /></p>

{% if S_ERROR %}
	<div class="errorbox">
		<h3>{{ lang('WARNING') }}</h3>
		<p>{{ ERROR_MSG }}</p>
	</div>
{% endif %}
{% if S_TREE or S_EDIT %}
{% if loops.row|length %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/mode/htmlmixed/htmlmixed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/addon/edit/matchbrackets.min.js"></script>
{% INCLUDECSS '@dmzx_manageextensions/codemirror/lib/codemirror.css' %}
{% INCLUDEJS '@dmzx_manageextensions/codemirror/lib/codemirror.js' %}
{% INCLUDEJS '@dmzx_manageextensions/codemirror/htmlmixed/htmlmixed.js' %}
{% INCLUDEJS '@dmzx_manageextensions/codemirror/xml/xml.js' %}
{% INCLUDEJS '@dmzx_manageextensions/codemirror/javascript/javascript.js' %}
{% INCLUDEJS '@dmzx_manageextensions/codemirror/css/css.js' %}
{% INCLUDEJS '@dmzx_manageextensions/codemirror/clike/clike.js' %}
{% INCLUDEJS '@dmzx_manageextensions/codemirror/php/php.js' %}

<style type="text/css">
.CodeMirror {
	margin-top:8px;
	max-width: 1000px;
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #D5D5C8;
	border-bottom: 1px solid #D5D5C8;
	background-color: #FFF;
	line-height: 1.3em;
}
.cm-s-default .cm-variable-2 {color: #0000BB;}
.cm-s-default .cm-comment {color: #FF8000;}
.cm-s-default .cm-keyword {color: #007700;}
.cm-s-default .cm-builtin {color: #007700;}
.cm-s-default .cm-string {color: #DD0000;}
</style>
{% endif %}
{% endif %}
	<h1>{{ lang('EXTENSIONS_FILES') }}</h1>
	<p>{{ lang('EXTENSIONS_FILES_EXPLAIN') }}</p>
	{% if loops.row|length or S_RENAME %}
	<form id="dmzx_manageextensions_acp" method="post" action="{{ S_ACTION }}">
	{% if S_TREE %}
	<script src="{{ PHPBB_ADMIN_PATH }}ext/dmzx/manageextensions/adm/style/dtree.js"></script>
	{% INCLUDECSS '@dmzx_manageextensions/dtree.css' %}

	<h1>{{ EXT_FILES }}</h1>

	<div class="dtree">
		<p><a style="font-size: 1.2em; font-weight: bold; line-height: 1.6em;" href="javascript: d.openAll();">{{ lang('EXPAND_VIEW') }}</a> | <a style="font-size: 1.2em; font-weight: bold; line-height: 1.6em;" href="javascript: d.closeAll();">{{ lang('COLLAPSE_VIEW') }}</a></p>
		<script>
			<!--
			d = new dTree('d');
			d.add(0,-1,'{{ ROOT }}');
			{{ TREE }}
			document.write(d);
			//-->
		</script>
	</div>

	<fieldset>
		<legend>{{ lang('ADD_NEW') }}</legend>
		<dl>
			<dt><label for="path">{{ lang('PATH') }}{{ lang('COLON') }}</label><br />{{ lang('PATH_EXPLAIN') }}</dt>
			<dd><input id="path" type="text" size="60" maxlength="255" name="path" placeholder="styles/prosilver/template/event" value="" /></dd>
		</dl>
		<dl>
			<dt><label for="file">{{ lang('FILE') }}{{ lang('COLON') }}</label></dt>
			<dd><input id="file" type="text" size="60" maxlength="255" name="file" placeholder="overall_header_breadcrumb_prepend.html" value="" /></dd>
		</dl>
		<label for="content"><strong>{{ lang('CONTENT') }}{{ lang('COLON') }}</strong></label><br />
		<textarea id="code" name="template_data">{{ CONTENT }}</textarea>
		<p class="submit-buttons"><input class="button1" type="submit" id="save" name="save" value="{{ lang('SAVE') }}" /></p>
	</fieldset>
	<a href="{{ U_ACTION }}" style="float: right;">&laquo; {{ lang('BACK') }}</a>
	{% elseif S_EDIT %}
		<fieldset>
			<legend>{{ lang('EDIT') }}{{ lang('COLON') }} {{ FILE }}</legend>
			<p style="font-size:0.8em">{{ lang('SELECT_ALL') }}</p>
			<textarea id="code" name="template_data">{{ CONTENT }}</textarea>
		</fieldset>
		<fieldset class="submit-buttons">
			<legend>{{ lang('GO') }}</legend>
			<p class="submit-buttons"><input class="button1" id="save" name="save" value="{{ lang('SAVE') }}" type="submit"></p>
		</fieldset>
		<a href="{{ U_BACK_TOOL }}" style="float: right;">&laquo; {{ lang('BACK') }}</a>
	{% elseif S_RENAME %}
		<fieldset>
			<legend>{{ lang('RENAME') }}</legend>
			<dl>
				<dt><label for="file">{{ lang('FILE') }}{{ lang('COLON') }}</label></dt>
				<dd><input id="file" type="text" size="60" maxlength="255" name="file" disabled="disabled" value="{{ FILE }}" /></dd>
			</dl>
			<dl>
				<dt><label for="newname">{{ lang('NEW_NAME') }}{{ lang('COLON') }}</label></dt>
				<dd><input id="newname" type="text" size="60" maxlength="255" name="newname" value="" /></dd>
			</dl>
		</fieldset>
		<fieldset class="submit-buttons">
			<legend>{{ lang('GO') }}</legend>
			<p class="submit-buttons"><input class="button1" id="save" name="save" value="{{ lang('SAVE') }}" type="submit"></p>
		</fieldset>
		<a href="{{ U_BACK_TOOL }}" style="float: right;">&laquo; {{ lang('BACK') }}</a>
	{% else %}
		<table cellspacing="1">
			<tr>
				<th>{{ lang('EXT_NAME') }}</th>
				<th>{{ lang('EXT_PATH') }}</th>
				<th>&nbsp;</th>
				<th>{{ lang('VERSION') }}</th>
			</tr>
			{% for row in loops.row %}
			<tr class="{% if row.S_ROW_COUNT is even %}row1{% else %}row2{% endif %}" {% if row.S_ENABLED %}style="font-weight: bold;"{% endif %}>
				<td><a href="{{ row.U_EXT_NAME }}">{{ row.EXT_NAME }}</a></td>
				<td>{{ row.EXT_PATH }}</td>
				<td style="text-align: center;">[ {% if row.S_ENABLED %}{{ lang('ENABLED') }}{% elseif row.S_DISABLED %}{{ lang('DISABLED') }}{% else %}<span style="color:#999">{{ lang('NOT_INSTALLED') }}</span>{% endif %} ]</td>
				<td>{{ row.EXT_VERSION }}</td>
			</tr>
			{% endfor %}
		</table>
	{% endif %}
	</form>
{% if S_TREE or S_EDIT %}
<script>
	document.addEventListener("DOMContentLoaded", function () {
		var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
			lineNumbers: true,
			matchBrackets: true,
			mode: "application/x-httpd-php",
			indentUnit: 4,
			indentWithTabs: true
		});
	});
</script>

{% endif %}
{% else %}
<div class="errorbox"><p>{{ lang('NO_EXTENSIONS_FILES') }}</p></div>
{% endif %}

{% include 'overall_footer.html' %}