{* $Id: skin_selector.tpl 1503 2006-03-31 07:53:23Z zeke $ *}

{capture name="mainbox"}
<form action="{$index_script}" method="post" name="skin_selector_form">
<input type="hidden" name="{$target_name}" value="skin_selector" />
<input type="hidden" name="{$mode_name}" value="update" />

<table cellspacing="1" cellpadding="1" border="0" width="100%">
<tr>
	<td nowrap="nowrap" ><b>{$lang.text_customer_skin}</b>:&nbsp;</td>
	<td width="100%">
		<select id="customer_skin" name="skin_data[customer]" onchange="document.getElementById('c_screenshot').src='{$cscart_host_dir}/var/skins_repository/'+this.value+'/screenshot.jpg'">
		{foreach from=$available_skins item=s key=k}
		{if $s.customer == 'Y'}
		<option value="{$k}" {if $settings.skin_name_customer == $k}selected{/if}>{$s.description}</option>
		{/if}
		{/foreach}
		</select>
	</td>
</tr>
<tr>
	<td nowrap="nowrap" ><b>{$lang.templates_dir}</b>:&nbsp;</td>
	<td width="100%">{$customer_path}</td>
</tr>

<tr>
	<td align="center" colspan="2"><img style="border: 1px solid #CCCCCC;" width="300" id="c_screenshot" src="" /><br /><br /><br /><hr width="100%" /></td>
</tr>
<tr>
	<td nowrap="nowrap" ><b>{$lang.text_admin_skin}</b>:&nbsp;</td>
	<td width="100%">
		<select id="admin_skin" name="skin_data[admin]" onchange="document.getElementById('a_screenshot').src='{$cscart_host_dir}/var/skins_repository/'+this.value+'/screenshot.jpg'">
		{foreach from=$available_skins item=s key=k}
		{if $s.admin == 'Y'}
		<option value="{$k}" {if $settings.skin_name_admin == $k}selected{/if}>{$s.description}</option>
		{/if}
		{/foreach}
		</select>
	</td>
</tr>
<tr>
	<td nowrap="nowrap" ><b>{$lang.templates_dir}</b>:&nbsp;</td>
	<td width="100%">{$admin_path}</td>
</tr>

<tr>
	<td align="center" colspan="2"><img style="border: 1px solid #CCCCCC;" width="300" id="a_screenshot" src="" /></td>
</tr>
</table>

{if 'select_skin'|fn_check_privileges:true}
<p align="center">
{include file="buttons/update.tpl" but_onclick="javascript: document.skin_selector_form.submit();" but_type="input"}
</p>
{/if}

</form>

<script type="text/javascript" language="javascript 1.2">
	document.getElementById('c_screenshot').src='{$cscart_host_dir}/var/skins_repository/'+document.getElementById('customer_skin').value+'/screenshot.jpg';
	document.getElementById('a_screenshot').src='{$cscart_host_dir}/var/skins_repository/'+document.getElementById('admin_skin').value+'/screenshot.jpg';
</script>

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