{% include 'overall_header.html' %}

<h1>{{ lang('ACP_MAILRELAY') }}</h1>
{{ lang('ACP_MAILRELAY_EXPLAIN') }}

{% if VALIDATION_ERRORS %}
<div class="errorbox">
	{% for ERROR in VALIDATION_ERRORS %}
	<p>{{ ERROR.MESSAGE }}</p>
	{% endfor %}
</div>
{% endif %}

<form id="mailrelay-settings" method="POST" action="{{ U_ACTION }}">
	<fieldset>
		<legend>{{ lang('SETTINGS') }}</legend>
		<dl>
			<dt>
				<label for="mailrelay-hostname">{{ lang('ACP_MAILRELAY_HOSTNAME') ~ lang('COLON') }}</label>
				<br><span>{{ lang('ACP_MAILRELAY_HOSTNAME_EXPLAIN') }}</span>
			</dt>
			<dd>
				https://<input type="text" id="mailrelay-hostname" name="mailrelay_hostname" required="required" autocomplete="off" class="narrow"{% if MAILRELAY_HOSTNAME %} value="{{ MAILRELAY_HOSTNAME }}"{% endif %}>
				{% if MAILRELAY_DOMAINS %}
				<select name="mailrelay_domain">
					{% for DOMAIN in MAILRELAY_DOMAINS %}
					<option value="{{ DOMAIN.KEY }}"{% if DOMAIN.ENABLED %} selected="selected"{% endif %}>{{ '.' ~ DOMAIN.KEY }}</option>
					{% endfor %}
				</select>
				{% endif %}
			</dd>
		</dl>
		<dl>
			<dt>
				<label for="mailrelay-api-key">{{ lang('ACP_MAILRELAY_API_KEY') ~ lang('COLON') }}</label>
				<br><span>{{ lang('ACP_MAILRELAY_API_KEY_EXPLAIN') }}</span>
			</dt>
			<dd>
				<input type="password" id="mailrelay-api-key" name="mailrelay_api_key" required="required" autocomplete="off" class="medium"{% if MAILRELAY_API_KEY %} value="{{ MAILRELAY_API_KEY }}"{% endif %}>
				<span class="toggle-api-key">
					<i class="icon fa-lg fa-eye" aria-hidden="true"></i>
				</span>
			</dd>
		</dl>
		<dl>
			<dt>
				<label for="mailrelay-group-id">{{ lang('ACP_MAILRELAY_GROUP_ID') ~ lang('COLON') }}</label>
				<br><span>{{ lang('ACP_MAILRELAY_GROUP_ID_EXPLAIN') }}</span>
			</dt>
			<dd>
				<input type="number" id="mailrelay-group-id" name="mailrelay_group_id" required="required" autocomplete="off" min="1" max="99999" value="{% if MAILRELAY_GROUP_ID %}{{ MAILRELAY_GROUP_ID }}{% else %}1{% endif %}">
			</dd>
		</dl>
		<dl>
			<dt>
				<label for="mailrelay-sync-packet-size">{{ lang('ACP_MAILRELAY_SYNC_PACKET_SIZE') ~ lang('COLON') }}</label>
				<br><span>{{ lang('ACP_MAILRELAY_SYNC_PACKET_SIZE_EXPLAIN') }}</span>
			</dt>
			<dd>
				<input type="number" id="mailrelay-sync-packet-size" name="mailrelay_sync_packet_size" required="required" autocomplete="off" min="1" max="99999" value="{% if MAILRELAY_SYNC_PACKET_SIZE %}{{ MAILRELAY_SYNC_PACKET_SIZE }}{% else %}150{% endif %}">
			</dd>
		</dl>
		<dl>
			<dt>
				<label for="mailrelay-sync-frequency">{{ lang('ACP_MAILRELAY_SYNC_FREQUENCY') ~ lang('COLON') }}</label>
				<br><span>{{ lang('ACP_MAILRELAY_SYNC_FREQUENCY_EXPLAIN') }}</span>
			</dt>
			<dd>
				<input type="number" id="mailrelay-sync-frequency" name="mailrelay_sync_frequency_number" required="required" autocomplete="off" min="1" max="99999" value="{% if MAILRELAY_SYNC_FREQUENCY %}{{ MAILRELAY_SYNC_FREQUENCY }}{% else %}1{% endif %}">
				{% if MAILRELAY_SYNC_FREQUENCY_TYPES %}
				<select name="mailrelay_sync_frequency_type">
					{% for TYPE in MAILRELAY_SYNC_FREQUENCY_TYPES %}
					<option value="{{ TYPE.KEY }}"{% if TYPE.ENABLED %} selected="selected"{% endif%}>{{ TYPE.NAME }}</option>
					{% endfor %}
				</select>
				{% endif %}
			</dd>
		</dl>
	</fieldset>

	<fieldset>
		<legend>{{ lang('ACP_SUBMIT_CHANGES') }}</legend>
		<p class="submit-buttons">
			<input type="reset" class="button2" value="{{ lang('RESET') }}">
			<input type="submit" name="submit" class="button1" value="{{ lang('SUBMIT') }}">
		</p>
	</fieldset>

	{{ S_FORM_TOKEN }}
</form>

{% include 'overall_footer.html' %}