{% INCLUDECSS 'form_mod.css' %}
{% INCLUDE 'overall_header.html' %}
{% INCLUDEJS 'jquery-2.1.3.min.js' %}
{% INCLUDEJS 'form_mod.js' %}

<div id="dvLoading"></div>
<a name="maincontent"></a>

<h1>{{ lang('ACP_FORM_MAKER') }}&nbsp;{{ FORM_MAKER_VERS }}</h1>

<p id="info2" title="{{ lang('HOW_TO_MORE') }}" onclick="ShowHide('info1');ShowHide('info2');" style="cursor:pointer;">{{ lang('ACP_FORM_MAKER_EXPLAIN') }} <img id="info" alt="" /></p>

<fieldset id="info1" style="display:none; border-radius: 5px; margin-top: 8px; width: 90%;">
	<p>{{ lang('HOW_TO') }}</p>
	<hr />
	<p style="cursor:pointer; float:right; margin-top: -35px;" onclick="ShowHide('info1');ShowHide('info2');">{{ lang('HOW_TO_HIDE') }}</p>
	<p>{{ lang('ACP_FORM_MAKER_EXPLAIN_2') }}</p>
</fieldset>

<p>{{ lang('ACP_FORM_MOD_NOTE') }}</p>

<form method="post" action="{{ F_ADD_CONFIG }}" id="acp_apply">

<fieldset>
	<legend>{{ lang('ACP_FORM_CURRENT') }}</legend>
	<dl>
		<dt class="dt100"><label>{{ lang('FORM_MANAGE') }}{{ lang('COLON') }}</label> {{ lang('FORM_MANAGE_EXPLAIN') }}</dt>
	</dl>
	<table cellspacing="1">
		<thead>
			<tr>
				<th class="th_current"> {{ lang('CURRENT_FORM') }}{{ lang('COLON') }} &nbsp; &nbsp;
					<select name="form_id" class="input" style="font-size: 11px" onchange="update_form();">
					{% for forms in loops.forms %}
						<option	name="form_id" {{ forms.SELECT }} value="{{ forms.FORUM_ID }}">({{ forms.FORUM_ID }}) {{ forms.FORUM_NAME }}</option>
					{% endfor %}
					</select>
				</th>
			</tr>
		</thead>
	</table>
	<table cellspacing="1">
		<thead>
			<tr>
				<th class="th_action">{{ lang('ACTION') }}</th>
				<th class="th_ndx">{{ lang('NDX') }}</th>
				<th class="th_type">{{ lang('FORM_ELEMENT_TYPE') }}</th>
				<th class="th_mand" title="{{ lang('MANDATORY') }}">&#8730;</th>
				<th class="th_name">{{ lang('FORM_ELEMENT_NAME') }}</th>
				<th class="th_hint">{{ lang('FORM_ELEMENT_HINT') }}</th>
				<th class="th_option">{{ lang('FORM_ELEMENT_OPTIONS') }}</th>
			</tr>
		</thead>
		<tbody>
			<tr><td></td></tr><!-- in order to validate I need this code -->
			{% for form_template in loops.form_template %}
				{% if ranks_row.S_ROW_COUNT is even %}
			<tr class="row1">
				{% else %}
			<tr class="row2">
				{% endif %}
				<td class="th_action" style="padding: 1px;">
					<span style="padding: 3px;">
						{% if form_template.NDX_ORDER <= 1 and not PREVIOUS_PAGE %}
							{{ ICON_MOVE_UP_DISABLED }}
						{% else %}
							<a href="{{ form_template.U_MOVE_UP }}">{{ ICON_MOVE_UP }}</a>
						{% endif %}

						{% if form_template.S_LAST_ROW and not NEXT_PAGE %}
							{{ ICON_MOVE_DOWN_DISABLED }}
						{% else %}
							<a href="{{ form_template.U_MOVE_DOWN }}">{{ ICON_MOVE_DOWN }}</a>
						{% endif %}

						<a href="{{ form_template.U_DELETE }}">{{ ICON_DELETE }}</a>
					</span>
				</td>
				<td class="th_com" title="{{ lang('NDX_ORDER') }}">
					<input style=" text-align:right;" size="2" maxlength="3" type="text" name="q_ndx_order[{{ form_template.ID }}]" value="{{ form_template.NDX_ORDER }}" />
				</td>
				<td class="td_132">
					<select name="q_type[{{ form_template.ID }}]" class="input" style="font-size: 11px" {{ form_template.DISABLED }}>
						{% for template_type in form_template.template_type %}
						<option	value="{{ template_type.TYPE }}"{{ template_type.SELECTED }}>{{ template_type.TYPE }}</option>
						{% endfor %}
					</select>
				</td>
				<td class="td_20" title="{{ lang('MANDATORY') }}">
					<input style="cursor:pointer" type="checkbox" name="q_mandatory[{{ form_template.ID }}]" value="1" {{ form_template.DISABLED }} {{ form_template.CHECKED }} />
				</td>
				<td class="td_02"><input style="width:97%" type="text" name="q_name[{{ form_template.ID }}]" value="{{ form_template.NAME }}" {{ form_template.DISABLED }} /></td>
				<td class="td_02"><input style="width:97%" type="text" name="q_hint[{{ form_template.ID }}]" value="{{ form_template.HINT }}"	{{ form_template.DISABLED }} /></td>
				<td class="td_02"><input style="width:99%" type="text" name="q_options[{{ form_template.ID }}]" value="{{ form_template.OPTIONS }}" {{ form_template.DISABLED }} /></td>
			</tr>
			{% endfor %}
		</tbody>
	</table>

	{% if ELEMENTS != '0' %}
	<div class="div_0">
		<input id="show2" style="display:inline; font-size:10px;" onclick="ShowHide('preview');ShowHide('show2');ShowHide('hide2');" type="button" value="{{ lang('SHOW_PREVIEW') }}" class="button1" />
		<input id="hide2" style="display:none;	font-size:10px;" onclick="ShowHide('preview');ShowHide('hide2');ShowHide('show2');" type="button" value="{{ lang('HIDE_PREVIEW') }}" class="button1" />
	</div>
	{% endif %}

	<p class="quick"><input type="submit" name="update" id="update_button" value="{{ lang('UPDATE') }}" class="button1" /></p>

	{% if ELEMENTS != '0' %}
	<div id="preview" style="display:none; width:80%; margin-left: auto; margin-right:auto;">
		{% INCLUDE 'forms/form_maker.html' %}
	</div>
	{% endif %}

</fieldset>

{% if ELEMENTS == '0' %}
<fieldset>
	{{ lang('FORM_NO_FORM') }}
</fieldset>
{% endif %}

<fieldset>
<legend>{{ lang('FORM_ADD_ITEM') }}</legend>
	<table cellspacing="1">
		<thead>
			<tr>
				<th class="th_type2">{{ lang('FORM_ELEMENT_TYPE') }}</th>
				<th class="th_mand" title="{{ lang('MANDATORY') }}">&#8730;</th>
				<th class="th_type3">{{ lang('FORM_ELEMENT_NAME') }}</th>
				<th class="th_type3">{{ lang('FORM_ELEMENT_HINT') }}</th>
				<th class="th_type4">{{ lang('FORM_ELEMENT_OPTIONS') }}</th>
			</tr>
		</thead>
		<tbody>
			<tr class="row1">
				<td class="td_0">
					<select name="add_type" class="input" id="add_type">
						<option value="text">{{ lang('FORM_INPUTBOX') }}</option>
						<option value="textbox">{{ lang('FORM_TXTBOX') }}</option>
						<option value="selectbox">{{ lang('FORM_SELECTBOX') }}</option>
						<option value="radiobuttons">{{ lang('FORM_RADIOBOX') }}</option>
						<option value="checkbox">{{ lang('FORM_CHECKBOX') }}</option>
						<option value="email">{{ lang('FORM_EMAILBOX') }}</option>
						<option value="password">{{ lang('FORM_PASSWORDBOX') }}</option>
						<option value="url">{{ lang('FORM_URLBOX') }}</option>
						<option value="file">{{ lang('FORM_ATTACH') }}</option>
					</select>
				</td>
				<td class="td_20" title="{{ lang('MANDATORY') }}">
					<input style="cursor: pointer;" type="checkbox" name="mandatory" value="true" />
				</td>
				<td class="td_pad"><input style="width:97%" type="text" name="name" value="{{ lang('FORM_ELEMENT_NAME') }}" onclick="this.value ='';" onblur="if(this.value == '') { this.value = '{{ lang('FORM_ELEMENT_NAME') }}' };" /></td>
				<td class="td_pad"><input style="width:97%" type="text" name="hint" value="{{ lang('FORM_ELEMENT_HINT') }}" onclick="this.value ='';" onblur="if(this.value == '') { this.value = '{{ lang('FORM_ELEMENT_HINT') }}' };" /></td>
				<td class="td_pad"><input style="width:99%" type="text" name="options" value="" /></td>
			</tr>
		</tbody>
	</table>

	<div id="info0" style="padding-top: 10px; margin-bottom: -23px; display: none;">
		<pre>{{ lang('FORM_NEW_ITEM_EXPLAIN_2') }}</pre>
		<input style="font-size:10px;" onclick="ShowHide('info0');ShowHide('show0');" type="button" value="{{ lang('HIDE_FORM_INFO') }}" class="button1" />
	</div>
	<div id="show0" style="display: inline;">
		<input style="font-size:10px;" onclick="ShowHide('info0');ShowHide('show0');" type="button" value="{{ lang('SHOW_FORM_INFO') }}" class="button1" />
	</div>

	<p class="quick"><input type="submit" name="add" value="{{ lang('ADD') }}" class="button1" /></p>
	{{ S_FORM_TOKEN }}
</fieldset>

</form>

{{ REPORT }}

{% INCLUDE 'overall_footer.html' %}