{% INCLUDE 'overall_header.html' %}
	<h1>{{ lang('ACP_CALENDAR_EVENT_CREATE') }}</h1>
	<p>{{ lang('ACP_CALENDAR_EVENT_SETTINGS_TEXT') }}</p>
	{% if S_EDIT_CALENDAR_EVENT %}
		<form action="{{ U_MODIFY }}" method="POST">
			<fieldset class="submit-buttons" style="text-align:left;">
				<dl style ="margin-bottom:0px;">
					<dt style="width:200px"><label>{{ lang('ACP_CALENDAR_EVENT') }}</label></dt>
					<dd style="margin-left:200px;"><input type="text" name="name" size="16" maxlength="40" value="{{ NAME }}" /></dd>
				</dl>
				<dl>
					<dt style="width:200px"><label for="color">{{ lang('ACP_CALENDAR_COLOR') }}</label></dt>
					<dd style="margin-left:200px;">
						<input name="color" type="text" id="color" value="{{ COLOR }}" size="6" maxlength="6" />
						{% if COLOR %}&nbsp;<span style="background-color: #{{ COLOR }}">&nbsp; &nbsp;</span>{% endif %}&nbsp;&nbsp;<span>
						[	 <a href="#" id="color_palette_toggle">{{ lang('COLOUR_SWATCH') }}</a> ]</span>
						<div id="color_palette_placeholder" style="display: none;" data-orientation="h" data-height="12" data-width="15" data-target="#color"></div>
					</dd>
				</dl>
				<dl>
					<dt style="width:200px"><label for="bcolor">{{ lang('ACP_CALENDAR_COLOR_B') }}</label></dt>
					<dd style="margin-left:200px;">
						<input name="bcolor" type="text" id="bcolor" value="{{ BCOLOR }}" size="6" maxlength="6" />
						{% if BCOLOR %}&nbsp;<span style="background-color: #{{ BCOLOR }}">&nbsp; &nbsp;</span>{% endif %}&nbsp;&nbsp;<span>
					</dd>
				</dl>
				<dl style="margin-bottom:0px;">
					<dt style="width:200px"><label>{{ lang('ACP_CALENDAR_PARTICIPANT') }}</label></dt>
					<dd style="margin-left:200px;">
						<select name="participants">
							<option value="0" {% if PARTICIPANTS == 0 %}selected{% endif %}>{{ lang('CALENDAR_PART_TYPE_0') }}</option>
							<option value="1" {% if PARTICIPANTS == 1 %}selected{% endif %}>{{ lang('CALENDAR_PART_TYPE_1') }}</option>
							<option value="2" {% if PARTICIPANTS == 2 %}selected{% endif %}>{{ lang('CALENDAR_PART_TYPE_2') }}</option>
							<option value="3" {% if PARTICIPANTS == 3 %}selected{% endif %}>{{ lang('CALENDAR_PART_TYPE_3') }}</option>
						</select>
						<input type="checkbox" name="participants" {% if PARTICIPANTS == 1 %}checked="checked" {% endif %}value="1" />
					</dd>
				</dl>
				<dl style="margin-bottom:0px;">
					<dt style="width:200px"><label>{{ lang('ACP_CALENDAR_BIG') }}</label></dt>
					<dd style="margin-left:200px;"><input type="checkbox" name="big" {% if BIG == 1 %}checked="checked" {% endif %}value="1" /></dd>
				</dl>
				<dl style="margin-bottom:0px;">
					<dt style="width:200px"><label>{{ lang('ACP_CALENDAR_ICS_CAT') }}</label></dt>
					<dd style="margin-left:200px;"><input type="text" name="icsCat" value="{{ icsCat }}" maxlength="40" /></dd>
				</dl>
				{{ S_FORM_TOKEN }}
			</fieldset>
			<p class="submit-buttons">
				<input class="button1" type="submit" name="send" value="{{ lang('ACP_CALENDAR_SEND') }}" />&nbsp;
				<input class="button2" type="reset" id="reset" name="reset" value="{{ lang('ACP_CALENDAR_RESET') }}" />
			</p>
		</form>
	{% else %}
		<form id="acp_events" method="post" action="{{ U_ACTION }}">
			<fieldset class="tabulated">
				<table class="table1 zebra-table" id="down">
					<thead>
						<tr>
							<th style="text-align:center">{{ lang('ACP_CALENDAR_EVENT') }}</th>
							<th style="text-align:center">{{ lang('PARTICIPANTS_LIST') }}</th>
							<th style="text-align:center">{{ lang('ACTION') }}</th>
						</tr>
					</thead>
					<tbody>
						{% for calendar_categories in loops.calendar_categories %}
							<tr>
								<td style="text-align:center;color:#{{ calendar_categories.COLOR }};{% if calendar_categories.BCOLOR %}background-color:#{{ calendar_categories.BCOLOR }};border-radius:13px;padding:0 3px;{% endif%}">{{ calendar_categories.NAME }}</td>
								<td style="text-align:center;color:#{{ calendar_categories.COLOR }};{% if calendar_categories.BCOLOR %}background-color:#{{ calendar_categories.BCOLOR }};border-radius:13px;padding:0 3px;{% endif%}">{{ calendar_categories.PARTICIPANTS }}</td>
								<td class="actions">
									<span class="up-disabled" style="display:none;">{{ ICON_MOVE_UP_DISABLED }}</span>
									<span class="up"><a href="{{ calendar_categories.U_MOVE_UP }}">{{ ICON_MOVE_UP }}</a></span>
									<span class="down-disabled" style="display:none;">{{ ICON_MOVE_DOWN_DISABLED }}</span>
									<span class="down"><a href="{{ calendar_categories.U_MOVE_DOWN }}">{{ ICON_MOVE_DOWN }}</a></span>
									<a href="{{ calendar_categories.U_EDIT }}">{{ ICON_EDIT }}</a>
									<a href="{{ calendar_categories.U_DELETE }}" data-ajax="row_delete">{{ ICON_DELETE }}</a>
								</td>
							</tr>
						{% else %}
							<tr class="row3">
								<td colspan="2">{{ lang('ACP_NO_ITEMS') }}</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>

				<p class="quick" style="max-width:560px;text-align:center;">
					<input class="button2" name="submit" type="submit" value="{{ lang('ACP_CALENDAR_EVENT_CREATE') }}" />
				</p>
				{{ S_FORM_TOKEN }}
			</fieldset>
		</form>
	{% endif %}
{% INCLUDE 'overall_footer.html' %}