{* $Id: settings_dev.tpl 1848 2006-05-23 05:52:11Z zeke $ *}

<script type="text/javascript" language="javascript 1.2">
{assign var="states" value=''|fn_get_all_states:false:true}
var states = new Array();
{if $states}
{foreach from=$states item=country_states key=country_code}
states['{$country_code}'] = new Array();
{foreach from=$country_states item=state name="fs"}
states['{$country_code}']['{$state.code|escape:quotes}'] = '{$state.state|escape:javascript}';
{/foreach}
{/foreach}
{/if}


{literal}
function fn_rebuild_states(country_code, elm, selected_state)
{
	active_elm = document.getElementById(elm);

	sbox = (active_elm.tagName == 'SELECT') ? active_elm : document.getElementById(elm+'_d');
	inp = (active_elm.tagName == 'SELECT') ? document.getElementById(elm+'_d') : active_elm;

	var i = 0;
	if (active_elm) {

		if (states[country_code]) { // Populate selectbox with states
			sbox.options.length = 1;
			for (k in states[country_code]) {
				i++;
				sbox.options[i] = new Option(states[country_code][k],k);
				if (k == selected_state) {
					sbox.options[i].selected = true;
				}
			}
			sbox.disabled = false;
			sbox.style.display = '';
			sbox.id = elm;

			inp.disabled = true;
			inp.style.display = 'none';
			inp.id = elm+'_d';

		} else { // Disable states
			sbox.disabled = true;
			sbox.style.display = 'none';
			sbox.id = elm+'_d';

			inp.disabled = false;
			inp.style.display = '';
			inp.id = elm;
		}

	}
}
{/literal}

</script>

{include file="look_n_feel_pages/sections.tpl"}

{capture name="mainbox"}
<form name="settingsform" action="{$index_script}" method="post">
<input name="{$target_name}" type="hidden" value="settings_dev" />
<input name="section_id" type="hidden" value="{$section_id}" />
<input type="hidden" id="selected_section" name="selected_section" value="{$selected_section}" />

<b>Place options in this section to the global scope</b>&nbsp;<input type="checkbox" name="set_global_section" value="Y"><br />
<b>Remove options in this section from the global scope</b>&nbsp;<input type="checkbox" name="rem_global_section" value="Y"><br /><br />

{capture name="tabsbox"}

<table cellspacing="1" cellpadding="0" width="100%" border="0">
<tr>
<td class="section-border">
<table cellspacing="1" cellpadding="5" width="100%" border="0">
<tr class="section-title">
	<th class="section-body">X</td>
	<th class="section-body">Pos.</td>
	<th class="section-body">Description</td>
	<th class="section-body" nowrap>Internal name</td>
	<th class="section-body">subsection_id</td>
	<th class="section-body">Value</td>
	<th class="section-body" nowrap>Parameters</td>
</tr>
{foreach from=$options item=subsection key="ukey"}
<tbody id="content_{$ukey}">
{foreach from=$subsection item=item}
{if $item.element_type == "D"}
	<tr>
		<td width="1%"><input name="delete_elm[{$item.element_id}]" type="checkbox" value="1"></td>
		<td><input type="text" name="elms_data[{$item.element_id}][position]" size="3" value="{$item.position}"></td>
		<td colspan="5"><hr width="100%"></td>
	</tr>
{elseif $item.element_type == "I"}
	<tr>
		<td width="1%"><input name="delete_elm[{$item.element_id}]" type="checkbox" value="1"></td>
		<td><input type="text" name="elms_data[{$item.element_id}][position]" size="3" value="{$item.position}"></td>
		<td colspan="4">{$item.info}</td>
		<td colspan="4">Handler: <input type="text" name="elms_data[{$item.element_id}][handler]" size="20" value="{$item.handler}"></td>
	</tr>
{elseif $item.element_type == "H"}
	<tr>
		<td width="1%"><input name="delete_elm[{$item.element_id}]" type="checkbox" value="1"></td>
		<td><input type="text" name="elms_data[{$item.element_id}][position]" size="3" value="{$item.position}"></td>
		<td colspan="5"><b>{$item.description}</b><input type="text" name="descr_elm[{$item.element_id}]" value="{$item.description|escape:html}"></td>
	</tr>
{/if}

{if !$item.element_type}
<tr {cycle values="class='manage-rootcategory-bg', "}>
	<td class="section-body" width="1%"><input name="delete[{$item.option_id}]" type="checkbox" value="1"></td>
	<td class="section-body"><input type="text" name="position[{$item.option_id}]" size="3" value="{$item.position}"></td>

	<td class="section-body"><input type="text" name="dev_descr[{$item.option_id}]" value="{$item.description|escape:html}"></td>
	<td class="section-body"><input type="text" name="dev_option_name[{$item.option_id}]" value="{$item.option_name|escape:html}"></td>
	<td class="section-body"><select name="dev_subsection[{$item.option_id}]">
			<option value="">--none--</option>
			{foreach from=$subsections item=subsection key=skey}
				<option {if $skey == $item.subsection_id}selected{/if} value="{$skey}">{$subsection.description}</option>
			{/foreach}
		</select>
	</td>
	<td class="section-body">
	{if $item.option_type eq "P"}
		<input name="update[{$item.option_id}]" type="password" size="20" value="{$item.value}">
	{elseif $item.option_type eq "T"}
		<textarea name="update[{$item.option_id}]" rows="5" cols="19">{$item.value|escape:html}</textarea>
	{elseif $item.option_type eq "C"}
		<input name="update[{$item.option_id}]" type="checkbox" value="Y" {if $item.value eq "Y"}checked{/if}>
	{elseif $item.option_type eq "S"}
		<select name="update[{$item.option_id}]">
		{foreach from=$item.variants item=v key=k}
		<option value="{$k}" {if $item.value eq $k}selected{/if}>{$v} ({$k})</option>
		{/foreach}
		</select>
	{elseif $item.option_type eq "R"}
		{foreach from=$item.variants item=v key=k}
		{$v} ({$k})<input type="radio" name="update[{$item.option_id}]" value="{$k}" {if $item.value eq $k}checked{/if}>&nbsp;
		{/foreach}
	{elseif $item.option_type eq "M"}
		<select name="update[{$item.option_id}][]" multiple>
		{foreach from=$item.variants item=v key="k"}
		<option value="{$k}" {if $item.value.$k == 'Y'} selected{/if}>{$v} ({$k})</option>
		{/foreach}
		</select>
	{elseif $item.option_type eq "N"}
		{foreach from=$item.variants item=v key="k"}
		{$v} ({$k})<input type="checkbox" name="update[{$item.option_id}][]" value="{$k}" {if $item.value.$k == 'Y'} checked{/if}>&nbsp;
		{/foreach}
	{elseif $item.option_type == 'X'}
		<select id="elm_country" name="update[{$item.option_id}]" onchange="fn_rebuild_states(this.value, 'elm_state', document.getElementById('elm_state').value);">
			<option value="">- {$lang.select_country} -</option>
			{assign var="countries" value=''|fn_get_simple_countries}
			{foreach from=$countries item=country key=ccode}
			<option value="{$ccode}" {if $ccode == $item.value}selected="selected"{/if}>{$country}</option>
			{/foreach}
		</select>
	{elseif $item.option_type == 'W'}
		<script type="text/javascript" language="javascript 1.2">
		onload_handlers.push("fn_rebuild_states(document.getElementById('elm_country').value, 'elm_state', '{$item.value}');");
		</script>
		<input type="text" id="elm_state_d" name="update[{$item.option_id}]" size="32" maxlength="64" value="" value="{$item.value}" disabled style="display: none;">
		<select id="elm_state" name="update[{$item.option_id}]">
			<option value="">- {$lang.select_state} -</option>
		</select>
	{else}
		<input name="update[{$item.option_id}]" type="text" size="20" value="{$item.value|escape:html}">
	{/if}
	</td>
	<td class="section-body">
	{if ($item.option_type == "S" || $item.option_type == "R" || $item.option_type == "M" || $item.option_type == "N") && !$item.userfunc}
		<table>
		{foreach from=$item.variants item=v key=k}
		<tr valign="top" id="header">
			<td nowrap><input type="checkbox" size="8" name="dev_option_variants[{$item.option_id}][{$item.dev_variants.$k.variant_id}][delete]" value="Y"></td>
			<td nowrap><input type="text" size="8" name="dev_option_variants[{$item.option_id}][{$item.dev_variants.$k.variant_id}][vname]" value="{$k}"></td>
			<td nowrap><input type="text" size="8" name="dev_option_variants[{$item.option_id}][{$item.dev_variants.$k.variant_id}][vdesc]" value="{$v}"></td>
			<td nowrap><input type="text" size="2" name="dev_option_variants[{$item.option_id}][{$item.dev_variants.$k.variant_id}][vpos]" value="{$item.dev_variants.$k.position}"></td>
			<td>&nbsp;</td>
		</tr>
		{/foreach}
		<tr valign="top" id="box_option_vars_{$item.option_id}_tag">
			<td nowrap>&nbsp;</td>
			<td nowrap><input type="text" size="8" name="dev_add_option_variants[{$item.option_id}][0][vname]" value=""></td>
			<td nowrap><input type="text" size="8" name="dev_add_option_variants[{$item.option_id}][0][vdesc]" value=""></td>
			<td nowrap><input type="text" size="2" name="dev_add_option_variants[{$item.option_id}][0][vpos]" value=""></td>
			<td>{include file="buttons/multiple_buttons.tpl" tag_level="2" item_id="option_vars_`$item.option_id`_tag"}</td>
		</tr>
		</table>
	{/if}
	Action script:&nbsp;<input type="text" name="dev_routines[{$item.option_id}][action_script]" value="{$item.action_script|escape:html}"><br />
	Variants func:&nbsp;<input type="text" name="dev_routines[{$item.option_id}][variants_function]" value="{$item.variants_function|escape:html}"><br />
	Global: &nbsp;<input type="hidden" name="is_global[{$item.option_id}]" value="N"><input type="checkbox" name="is_global[{$item.option_id}]" value="Y" {if $item.is_global == 'Y'}checked{/if}><br />
	Option type: &nbsp;
			<select name="dev_option_type[{$item.option_id}]">
				<option value="I" {if $item.option_type == 'I'}selected{/if}>Text input</option>
				<option value="P" {if $item.option_type == 'P'}selected{/if}>Password input</option>
				<option value="C" {if $item.option_type == 'C'}selected{/if}>Checkbox</option>
				<option value="T" {if $item.option_type == 'T'}selected{/if}>Textarea</option>
				<option value="R" {if $item.option_type == 'R'}selected{/if}>Radiogroup</option>
				<option value="S" {if $item.option_type == 'S'}selected{/if}>Selectbox</option>
				<option value="M" {if $item.option_type == 'M'}selected{/if}>MultipleBox</option>
				<option value="N" {if $item.option_type == 'N'}selected{/if}>MultipleCheckBox</option>
				<option value="W" {if $item.option_type == 'W'}selected{/if}>{$lang.states_list}</option>
				<option value="X" {if $item.option_type == 'X'}selected{/if}>{$lang.countries_list}</option>
			</select>
	</td>
</tr>
{/if}
{/foreach}
</tbody>
{/foreach}
</table>
</td>
</tr>
</table>

<br />
<input type="submit" value="{$lang.update}">
</form>

{/capture}
{include file="common_templates/tabsbox.tpl" tabs=$page_sections content=$smarty.capture.tabsbox js_switch="Y"}

{/capture}
{include file="common_templates/mainbox.tpl" title=$sections.$section_id.description content=$smarty.capture.mainbox}

{literal}
<script type="text/javascript" language="javascript 1.2">
function dev_check(val) 
{
 if ((val=='R')||(val=='S')||(val=='M')||(val=='N')) {
	document.getElementById('option_variants').disabled = false;
 } else {
	document.getElementById('option_variants').disabled = true;
 }
}
</script>
{/literal}

{capture name="mainbox"}
<table>
<tr>
<td>
	<form name="devoptionform" action="{$index_script}" method="post">
	<input name="{$target_name}" type="hidden" value="settings_dev">
	<input name="section_id" type="hidden" value="{$section_id}">
	<input name="mode" type="hidden" value="dev_add_option">
	<!--input type="hidden" name="dev[section_id]" value="{$section_id}"-->
	<b>Add new option:</b><br />
	<table>
	<tr>
		<td>Section ID</td>
		<td>
			<select name="dev[section_id]">
				<option value="">--none--</option>
			{foreach from=$sections item=sct key=skey}
				<option value="{$skey}" {if $skey == $section_id}selected{/if}>{$sct.description}</option>
			{/foreach}
			</select>
		</td>
	</tr>
	<tr>
		<td>subsection ID</td>
		<td>
			<select name="dev[subsection_id]">
				<option value="">--none--</option>
			{foreach from=$subsections item=subsection key=skey}
				<option value="{$skey}">{$subsection.description}</option>
			{/foreach}
			</select>
		</td>
	</tr>
	<tr>
		<td>option name</td>
		<td><input type="text" name="dev[option_name]" value=""></td>
	</tr>
	<tr>
		<td>option description</td>
		<td><input type="text" name="descr[description]" value=""></td>
	</tr>
	<tr>
		<td>value</td>
		<td><input type="text" name="dev[value]" value=""></td>
	</tr>
	<tr>
		<td>Position</td>
		<td><input type="text" size="3" name="dev[position]" value=""></td>
	</tr>
	<tr>
		<td>Type</td>
		<td><select name="dev[option_type]" onChange="javascript: dev_check(this.value);">
				<option value="I">Text input</option>
				<option value="P">Password input</option>
				<option value="C">Checkbox</option>
				<option value="T">Textarea</option>
				<option value="R">Radiogroup</option>
				<option value="S">Selectbox</option>
				<option value="M">MultipleBox</option>
				<option value="N">MultipleCheckBox</option>
				<option value="W" {if $item.option_type == 'W'}selected{/if}>{$lang.states_list}</option>
				<option value="X" {if $item.option_type == 'X'}selected{/if}>{$lang.countries_list}</option>
			</select>
		</td>
	</tr>
	<tr>
		<td valign="top">Option value variants:</td>
		<td>
		<table cellpadding="0" cellspacing="1" border="0" id="option_variants">
		<tr valign="top" id="header">
			<td nowrap><b>Name</b></td>
			<td nowrap><b>Descr</b></td>
			<td nowrap><b>Pos</b></td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
		<tr valign="top" id="box_option_variants_tag">
			<td nowrap><input type="text" size="8" name="dev_add_ovars[0][vname]" value=""></td>
			<td nowrap><input type="text" size="8" name="dev_add_ovars[0][vdesc]" value=""></td>
			<td nowrap><input type="text" size="2" name="dev_add_ovars[0][vpos]" value=""></td>
			<td>{include file="buttons/multiple_buttons.tpl" item_id="option_variants_tag"}</td>
		</tr>
		</table>
		&nbsp;
		
		</td>
	</tr>
	<tr>
		<td>Action script (path)</td>
		<td><input type="text" name="routines[action_script]" value=""></td>
	</tr>
	<tr>
		<td>Values function</td>
		<td><input type="text" name="routines[variants_function]" value=""></td>
	</tr>

	</table>
	<input type="submit" value="submit">
	</form>

</td>
<td valign="top">
<table>
<tr>
	<td valign="top">
		<form name="devsectionform" action="{$index_script}" method="post">
		<input name="{$target_name}" type="hidden" value="settings_dev">
		<input name="section_id" type="hidden" value="{$section_id}">
		<input name="mode" type="hidden" value="dev_add_section">

		<b>Add new section:</b><br />
		<table>
		<tr>
			<td>section_id</td>
			<td><input type="text" name="dev[section_id]" value=""></td>
		</tr>
		<tr>
			<td>section description</td>
			<td><input type="text" name="descr[description]" value=""></td>
		</tr>
		<tr>
			<td>section position</td>
			<td><input type="text" size="3" name="dev[position]" value=""></td>
		</tr>
		</table>
		<input type="submit" value="Submit">
		</form>
	</td>
	<td valign="top">
		<form name="devsubsectionform" action="{$index_script}" method="post">
		<input name="{$target_name}" type="hidden" value="settings_dev">
		<input name="section_id" type="hidden" value="{$section_id}">
		<input type="hidden" name="dev[section_id]" value="{$section_id}">
		<input name="mode" type="hidden" value="dev_add_subsection">

		<b>Add new subsection to current section:</b><br />
		<table>
		<tr>
			<td>subsection_id</td>
			<td><input type="text" name="dev[subsection_id]" value=""></td>
		</tr>
		<tr>
			<td>subsection description</td>
			<td><input type="text" name="descr[description]" value=""></td>
		</tr>
		<tr>
			<td>subsection position</td>
			<td><input type="text" size="3" name="dev[position]" value=""></td>
		</tr>
		</table>
		<input type="submit" value="submit">
		</form>
	</td>
</tr>
<tr>
	<td colspan="2">&nbsp;</td>
</tr>
<tr>
	<td colspan="2">
		<form name="develementsform" action="{$index_script}" method="post">
		<input name="{$target_name}" type="hidden" value="settings_dev">
		<input name="section_id" type="hidden" value="{$section_id}">
		<input type="hidden" name="dev[section_id]" value="{$section_id}">
		<input name="mode" type="hidden" value="dev_add_element">

		<b>Add additional elements:</b><br />
		<table>
		<tr>
			<td>subsection ID</td>
			<td>
				<select name="dev[subsection_id]">
					<option value="">--none--</option>
				{foreach from=$subsections item=subsection key=skey}
					<option value="{$skey}">{$subsection.description}</option>
				{/foreach}
				</select>
			</td>
		</tr>
		<tr>
			<td>Type</td>
			<td><select name="dev[element_type]">
					<option value="D">Separator</option>
					<option value="H">Header</option>
					<option value="I">Info field</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>description (for header)</td>
			<td><input type="text" name="descr[description]" value=""></td>
		</tr>
		<tr>
			<td>position</td>
			<td><input type="text" size="3" name="dev[position]" value=""></td>
		</tr>
		<tr>
			<td>Handler (for info field)</td>
			<td><input type="text" name="dev[handler]" value=""></td>
		</tr>
		</table>
		<input type="submit" value="submit">
		</form>
	</td>
</tr>
</table>
</td>
</tr>
</table>

{/capture}
{include file="common_templates/mainbox.tpl" title="Development console" content=$smarty.capture.mainbox}

<script type="text/javascript" language="javascript 1.2">
	fn_show_section(s_section, sections);
</script>