{% INCLUDE 'overall_header.html' %}
<h1>{{ lang('ACP_TIMEZONECLOCK') }}</h1>
<script>
	function clone_this(id)
	{ 
		var tableRow = document.getElementById(id);
		var tableRowClone = tableRow.cloneNode(true);
		$('input', tableRowClone).val("");
		tableRow.parentNode.appendChild(tableRowClone, tableRow.previousSibling);
	}
</script>
<form id="acp_board" method="post" action="{{ U_ACTION }}">
	<fieldset>
		<dl>
			<dt><label for="tzc_enable">{{ lang('TIMEZONECLOCK_ENABLE') }}</label></dt>
			<dd><input type="radio" class="radio" id="tzc_enable" name="tzc_enable" value="1" {% if TZC_ENABLE %}checked="checked"{% endif %}/> {{ lang('YES') }} &nbsp; 
				<input type="radio" class="radio" name="tzc_enable" value="0" {% if not TZC_ENABLE %}checked="checked"{% endif %} /> {{ lang('NO') }}
			</dd>
		</dl>
	</fieldset>
	<fieldset>
		<dl>
			<dt>
				<h1>{{ lang('TIMEZONECLOCK_INSTRUCTIONS') }}</h1>
				<br style="margin-bottom:4px;"/>
				<label>{{ lang('TIMEZONECLOCK_LOCATION') }}</label>
				<br style="margin-bottom:8px;"/>
				{{ lang('TIMEZONECLOCK_LOCATION_INFO') }}
				<br style="margin-bottom:8px;"/>
				<label>{{ lang('TIMEZONECLOCK_TIMEZONE') }}</label>
				<br style="margin-bottom:8px;"/>
				{{ lang('TIMEZONECLOCK_TIMEZONE_INFO') }}
				<br style="margin-bottom:8px;"/>
				<label>{{ lang('TIMEZONECLOCK_DST') }}</label>
				<br style="margin-bottom:8px;"/>
				{{ lang('TIMEZONECLOCK_DST_INFO') }}
				<br style="margin-bottom:8px;"/>
				<label>{{ lang('TIMEZONECLOCK_NOTE') }}</label>
				<br style="margin-bottom:8px;"/>
				{{ lang('TIMEZONECLOCK_NOTE_INFO') }}
				<br style="margin-bottom:8px;"/>
				{{ lang('TIMEZONECLOCK_FINDER') }}
				<a href="https://www.countries-ofthe-world.com/world-time-zones.html" target="_blank"><strong>{{ lang('TIMEZONECLOCK_HERE') }}</strong></a>.
				<br style="margin-bottom:8px;"/>
				</dt>
			<dd>
				{% for tzc_citys in loops.tzc_citys %}
				<p id="tzc_city">
					<strong>{{ lang('TIMEZONECLOCK_LOCATION') }}</strong>&#8195;&#8195;
					<input name="tzc_city[]" type="text" value="{{ tzc_citys.TZC_CITY }}" size="40">
					<br>
					<strong>{{ lang('TIMEZONECLOCK_TIMEZONE') }}</strong>&#8195;&#8195;
					<select name="tzc_zone[]" id="tzc_zone[]">
					<option value="-12"{% if tzc_citys.TZC_ZONE eq '-12' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_012') }}</option>
					<option value="-11"{% if tzc_citys.TZC_ZONE eq '-11' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_011') }}</option>
					<option value="-10"{% if tzc_citys.TZC_ZONE eq '-10' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_010') }}</option>
					<option value="-9"{% if tzc_citys.TZC_ZONE eq '-9' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_09') }}</option>
					<option value="-8"{% if tzc_citys.TZC_ZONE eq '-8' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_08') }}</option>
					<option value="-7"{% if tzc_citys.TZC_ZONE eq '-7' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_07') }}</option>
					<option value="-6"{% if tzc_citys.TZC_ZONE eq '-6' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_06') }}</option>
					<option value="-5"{% if tzc_citys.TZC_ZONE eq '-5' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_05') }}</option>
					<option value="-4"{% if tzc_citys.TZC_ZONE eq '-4' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_04') }}</option>
					<option value="-3"{% if tzc_citys.TZC_ZONE eq '-3' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_03') }}</option>
					<option value="-2"{% if tzc_citys.TZC_ZONE eq '-2' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_02') }}</option>
					<option value="-1"{% if tzc_citys.TZC_ZONE eq '-1' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_01') }}</option>
					<option value="0"{% if tzc_citys.TZC_ZONE eq '0' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_0') }}</option>
					<option value="1"{% if tzc_citys.TZC_ZONE eq '1' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_1') }}</option>
					<option value="2"{% if tzc_citys.TZC_ZONE eq '2' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_2') }}</option>
					<option value="3"{% if tzc_citys.TZC_ZONE eq '3' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_3') }}</option>
					<option value="4"{% if tzc_citys.TZC_ZONE eq '4' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_4') }}</option>
					<option value="5"{% if tzc_citys.TZC_ZONE eq '5' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_5') }}</option>
					<option value="6"{% if tzc_citys.TZC_ZONE eq '6' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_6') }}</option>
					<option value="7"{% if tzc_citys.TZC_ZONE eq '7' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_7') }}</option>
					<option value="8"{% if tzc_citys.TZC_ZONE eq '8' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_8') }}</option>
					<option value="9"{% if tzc_citys.TZC_ZONE eq '9' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_9') }}</option>
					<option value="10"{% if tzc_citys.TZC_ZONE eq '10' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_10') }}</option>
					<option value="11"{% if tzc_citys.TZC_ZONE eq '11' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_11') }}</option>
					<option value="12"{% if tzc_citys.TZC_ZONE eq '12' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_GMT_12') }}</option>
					</select>&#8195;
					<strong>{{ lang('TIMEZONECLOCK_DST') }}</strong>
					<select name="tzc_gmt[]" id="tzc_gmt[]">
					<option value="GMT"{% if tzc_citys.TZC_GMT eq 'GMT' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_DST_0') }}</option>
					<option value="NAmerica"{% if tzc_citys.TZC_GMT eq 'NAmerica' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_DST_1') }}</option>
					<option value="SAmerica"{% if tzc_citys.TZC_GMT eq 'SAmerica' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_DST_2') }}</option>
					<option value="Europe"{% if tzc_citys.TZC_GMT eq 'Europe' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_DST_3') }}</option>
					<option value="Cairo"{% if tzc_citys.TZC_GMT eq 'Cairo' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_DST_4') }}</option>
					<option value="Israel"{% if tzc_citys.TZC_GMT eq 'Israel' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_DST_5') }}</option>
					<option value="Beirut"{% if tzc_citys.TZC_GMT eq 'Beirut' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_DST_6') }}</option>
					<option value="Baghdad"{% if tzc_citys.TZC_GMT eq 'Baghdad' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_DST_7') }}</option>
					<option value="Australia"{% if tzc_citys.TZC_GMT eq 'Australia' %} selected="selected"{% endif %}>{{ lang('ACP_TIMEZONE_DST_8') }}</option>
					</select>
				</p>
				<hr>
				{% endfor %}
			<dd id="link1"><input value="{{ lang('TIMEZONECLOCK_MORE_LINKS') }}" onclick="clone_this('tzc_city')" 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>
{% INCLUDE 'overall_footer.html' %}