{% INCLUDE 'overall_header.html' %}

<h1><i class="icon fa fa-road" aria-hidden="true"></i> {{ lang('ACP_MILESTONES_TITLE') }}</h1>

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

<form id="acp_milestones" method="post" action="{{ U_ACTION }}">
	<fieldset>
		<legend><i class="icon fa-wrench fa-lg" aria-hidden="true"></i> {{ lang('ACP_MILESTONES_CONFIG') }}</legend>
		<dl>
			<dt>
				<label for="milestones_enable">{{ lang('MILESTONES_ENABLE') }}{{ lang('COLON') }}</label><br />
				<span>{{ lang('MILESTONES_ENABLE_EXPLAIN') }}</span>
			</dt>
			<dd>
				<label><input type="radio" class="radio" id="milestones_enable" name="milestones_enable" value="1" {% if MILESTONES_ENABLE %}checked="checked"{% endif %}/> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="milestones_enable" value="0" {% if not MILESTONES_ENABLE %}checked="checked"{% endif %} /> {{ lang('NO') }}</label>
			</dd>
		</dl>
		<dl>
			<dt>
				<label>{{ lang('MILESTONES_REPOSITORY') }}{{ lang('COLON') }}</label><br />
				<span>{{ lang('MILESTONES_REPOSITORY_EXPLAIN') }}</span>
			</dt>
			<dd>
				<b>{{ lang('MILESTONES_REPOSITORY') }} <span style="margin-left:190px;">{{ lang('MILESTONES_REPOSITORY_TEXT') }}</span></b>
				{% for milestones in loops.milestones %}
				<p id="milestones">
					<input name="milestones[]" type="text" value="{{ milestones.MILESTONES }}" size="40" placeholder="{{ lang('MILESTONES_PLACEHOLDER') }}">
					<input name="milestones_text[]" type="text" value="{{ milestones.MILESTONES_TEXT }}" size="30" placeholder="{{ lang('MILESTONES_PLACEHOLDER_NAME') }}">
				</p>
				{% endfor %}
				<dd>
					<input value="{{ lang('MILESTONES_MORE_LINKS') }}" onclick="add_this('milestones')" type="button">
				</dd>
			</dd>
		</dl>
	</fieldset>
	<p class="submit-buttons">
		{{ S_FORM_TOKEN }}
		<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>
</form>

<script>
function add_this(id)
{
	var tableRow = document.getElementById(id);
	var tableRowClone = tableRow.cloneNode(true);
	$('input', tableRowClone).val("");
	tableRow.parentNode.appendChild(tableRowClone, tableRow.previousSibling);
}
</script>

{% INCLUDE 'overall_footer.html' %}