{* $Id: forms.tpl 2518 2006-11-09 16:29:31Z zeke $ *}

<script type="text/javascript" language="javascript 1.2">
var required_fields = new Array();
// Build required fields array
{foreach from=$elements item=element}
required_fields['elm_{$element.element_id}']='{$element.required}';
{/foreach}
// Message that will show if at least one of required fields isn't filled
var message = "{$lang.error_required_fields|escape:javascript}";
// Warning mark (marks the field, that wasn't filled)
var warning_mark = "&lt;&lt;";
var email_invalid = "{$lang.error_email_invalid|escape:javascript}";
var ext_ids = new Array();
var state_id = '';
var cur_state = '';

{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],states[country_code][k]);
				sbox.options[i].label = 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>
<script type="text/javascript" language="javascript 1.2" src="{$skin_dir}/scripts/fileuploader_scripts.js"></script>

{capture name="mainbox"}

{if $mode == 'sent'}
	<p>{$form_descriptions.S}</p>
	<p align="center">
	{include file="buttons/continue_shopping.tpl" but_href=$continue_url|default:$index_script but_arrow="on"}
	</p>
{else}
<p>{$form_descriptions.B}</p>
<p>{$lang.text_mandatory_fields}</p>
<form action="{$index_script}" method="post" name="forms_form" onsubmit="return fn_check_fields('forms_form', ext_ids);" enctype="multipart/form-data">
<input type="hidden" name="{$target_name}" value="forms">
<input type="hidden" name="{$mode_name}" value="submit">
<input type="hidden" name="name" value="{$smarty.get.name|escape:html}">

<table cellpadding="1" cellspacing="2" width="100%" border="0">
{foreach from=$elements item=element}
{if $element.element_type == 'D'}
<tr>
	<td colspan="4"><input type="hidden" name="elements[{$element.element_id}]" value="DELIM"><hr width="100%"></td>
</tr>
{elseif $element.element_type == 'H'}
<tr>
	<td colspan="4"><input type="hidden" name="elements[{$element.description|escape:html}]" value="HEADER"><p>{include file="common_templates/subheader.tpl" title=$element.description}</p></td>
</tr>
{else}
<tr>
	<td width="15%" nowrap align="right">{$element.description}:&nbsp;</td>
	<td valign="middle" id="mark_elm_{$element.element_id}" class="required-field-mark">{if $element.required == 'Y'}*{/if}&nbsp;</td>
	<td width="85%" style="height: 23px;">
		{if $element.element_type == 'S'}
			<select class="input-text" name="elements[{$element.description|escape:html}]">
			{foreach from=$element.variants item=var}
			<option value="{$var.description|escape:html}">{$var.description}</option>
			{/foreach}
			</select>
		{elseif $element.element_type == 'R'}
			{foreach from=$element.variants item=var name="rd"}
			<input {if $smarty.foreach.rd.iteration == 1}checked{/if} type="radio" name="elements[{$element.description|escape:html}]" value="{$var.description|escape:html}">{$var.description}&nbsp;&nbsp;
			{/foreach}
		{elseif $element.element_type == 'C'}
			<input type="hidden" name="elements[{$element.description|escape:html}]" value="N">
			<input type="checkbox" name="elements[{$element.description|escape:html}]" value="Y">
		{elseif $element.element_type == 'M'}
			<select id="elm_{$element.element_id}" class="input-text" name="elements[{$element.description|escape:html}][]" multiple>
			{foreach from=$element.variants item=var}
			<option value="{$var.description|escape:html}">{$var.description}</option>
			{/foreach}
			</select>
		{elseif $element.element_type == 'N'}
			{split data=$element.variants size="4" assign="splitted_variants"}
			<table cellpadding="0" cellspacing="0">
			{foreach from=$splitted_variants item=variants}
			<tr>
				{foreach from=$variants item=var}
				<td>
					{if $var}<input type="checkbox" id="elm_{$element.element_id}_{$var.variant_id}" name="elements[{$element.description|escape:html}][]" value="{$var.description|escape:html}">&nbsp;{$var.description}{else}&nbsp;{/if}
				</td>
				{/foreach}
			</tr>
			{/foreach}
			</table>
		{elseif $element.element_type == 'I'}
			<input id="elm_{$element.element_id}"  class="input-text" size="50" type="text" name="elements[{$element.description|escape:html}]" value="">
		{elseif $element.element_type == 'T'}
			<textarea id="elm_{$element.element_id}"  class="input-text" cols="70" rows="10" name="elements[{$element.description|escape:html}]"></textarea>
		{elseif $element.element_type == 'V'}
			{assign var="elm_name" value=$element.description|escape:html}
			{html_select_date field_array="elements[$elm_name]" start_year="-70" end_year="+5"}
		{elseif $element.element_type == 'Y' || $element.element_type == 'Z' || $element.element_type == 'P'}
			<script type="text/javascript" language="javascript 1.2">
			ext_ids['elm_{$element.element_id}'] = {if $element.element_type == 'Y'}'E'{elseif $element.element_type == 'P'}'P'{else}'I'{/if};
			</script>
			{if $element.element_type == 'Y'}
			<input type="hidden" name="customer_email" value="{$element.description|escape:html}" />
			{/if}
			<input id="elm_{$element.element_id}"  class="input-text" size="50" type="text" name="elements[{$element.description|escape:html}]" value="">
		{elseif $element.element_type == 'X'}
			<select id="elm_{$element.element_id}" name="elements[{$element.description|escape:html}]" onchange="fn_rebuild_states(this.options[this.selectedIndex].label, state_id);">
				<option value="">- {$lang.select_country} -</option>
				{assign var="countries" value=1|fn_get_simple_countries}
				{foreach from=$countries item=country key=ccode}
				<option label="{$ccode}" value="{$country}" {if $ccode == $settings.General.default_country}selected{/if}>{$country}</option>
				{/foreach}
			</select>
		{elseif $element.element_type == 'W'}
			<script type="text/javascript" language="javascript 1.2">
			state_id = 'elm_{$element.element_id}';
			onload_handlers.push("fn_rebuild_states('{$settings.General.default_country}', 'elm_{$element.element_id}');");
			</script>
			<input type="text" class="input-text" id="elm_{$element.element_id}_d" name="elements[{$element.description|escape:html}]" size="32" maxlength="64" value="" disabled style="display: none;">
			<select id="elm_{$element.element_id}" name="elements[{$element.description|escape:html}]">
				<option value="">- {$lang.select_state} -</option>
			</select>
		{elseif $element.element_type == 'F'}
			{include file="common_templates/fileuploader.tpl" var_name="fb_file[`$element.element_id`]" selector_index=$element.element_id}
		{/if}
	</td>
	<td id="status_elm_{$element.element_id}" class="required-field-mark">&nbsp;</td>
</tr>
{/if}
{/foreach}
</table>

<p>
{include file="buttons/button.tpl" but_text=$lang.submit but_onclick="javascript:if (fn_check_fields('forms_form', ext_ids)) document.forms_form.submit();"}

</form>

{/if}
{/capture}
{include file="common_templates/mainbox.tpl" title=$form_descriptions.T content=$smarty.capture.mainbox}