{** block-description:mainbox_general **}

{assign var="mmy_settings" value=$block.block_id|fn_get_mmy_block_settings}

<div class="mmy-wrapper" style="{if $mmy_settings.data.bg_color}background-color: {$mmy_settings.data.bg_color};{/if} {if $mmy_settings.image_pair}background-image: url('{$mmy_settings.image_pair.icon.image_path}');{/if}">

{if $mmy_settings.data.title}
<h3 class="sidebox-title">
	<span>{$mmy_settings.data.title}</span>
</h3>
{/if}

{if $mmy_settings.data.description}
<div>
	{$mmy_settings.data.description nofilter}
</div>
{/if}

<div class="mmy-main-form">

<form action="{""|fn_url}"  name="step_finder_form" id="step_finder_form" method="get">
{if $smarty.request.category_id}
<input type="hidden" name="cid" value="{$smarty.request.category_id}" />
{/if}
<input type="hidden" name="subcats" value="Y" />
<input type="hidden" name="search_performed" value="Y" />

	{foreach from=$items.step_finder_ids item="step_id"}
	{assign var="next_step" value="`$step_id + 1`"}
	<div class="ty-control-group" id="step_finder_{$step_id}">
		<label for="sf_sb_{$step_id}" class="ty-control-group__title">{__("label_step_`$step_id`")}</label>
		<select class="step-finder-select" name="step_finder[{$step_id}]" {if !$items.sf_items.$step_id && !$smarty.session.step_finder.$step_id }disabled="disabled"{/if} id="sf_sb_{$step_id}" onchange="fn_enable_go_button('{$step_id}', this.value); fn_change_step_finder('{$next_step}', '{$items.step_finder_ids|count}'); Tygh.$.ceAjax('request', '{"step_finder.change"|fn_url nofilter}&category_id={$smarty.request.category_id}&step_id={$next_step}&layout=H&parent_id=' + this.value, {$ldelim}result_ids: 'step_finder_{$next_step}'{$rdelim})">
			<option value="0">{__("select")}</option>
			{foreach from=$items.sf_items.$step_id item="obj"}
				<option value="{$obj.obj_id}" {if $smarty.session.step_finder.$step_id == $obj.obj_id}selected="selected"{/if}>{$obj.description}</option>
			{/foreach}
		</select>
    	<div class="mmy-step">{__("step_`$step_id`")}</div>
        <!--step_finder_{$step_id}--></div>
	{/foreach}
	
	<div class="ty-control-buttons">
	<button {if !$smarty.session.step_finder}disabled="disabled"{/if} class="ty-btn__secondary ty-btn sf-search {if !$smarty.session.step_finder}disabled{/if}" type="submit" name="dispatch[products.search]">{__("search")}</button>
	<a class="ty-btn ty-btn__tertiary" onclick="fn_reset_step_finder(); return false;">{__("reset")}</a>
	</div>

</form>

</div>

</div>

{literal}
<script type="text/javascript">
//<![CDATA[

function fn_reset_step_finder() {
	$('.step-finder-select').val(0);
	$('.step-finder-select').attr('disabled', 'disabled');
	$('#sf_sb_1').removeAttr('disabled');
	$('.sf-search').attr('disabled', 'disabled');
	$('.sf-search').addClass('disabled');
}

function fn_change_step_finder(step, step_count) {
	if (step < step_count) {
		for (var i = step; i <= step_count; i++) {
			$('#sf_sb_'+i).val(0);
			$('#sf_sb_'+i).attr('disabled', 'disabled');
		}
	}	
}

function fn_enable_go_button(step, obj_id) {
	if (step == 1 && obj_id == 0) {
		$('.sf-search').attr('disabled', 'disabled');
		$('.sf-search').addClass('disabled');
	} else {
		$('.sf-search').removeAttr('disabled');
		$('.sf-search').removeClass('disabled');
	}
}

//]]>
</script>
{/literal}