<!--BREADCRUMBS-->
<div class="breadcrumb_container">{$breadcrumbs}</div>

<!--HEADER-->
<div class="module_header">
	<span class="header_tab">{API->get_label label_id='lbl_theme_admin_panel'}</span>
</div>

<!--BODY-->
<div class="module_body">
    <!--RESULTS-->
    <div id="results">{$message}&nbsp;</div>

    {if $smarty.session.is_admin == 1}
	<!--Upload ZIP File Form-->
	<form action="index.php" name="upload_theme" enctype="multipart/form-data" method="post">
	    <label for="upload_theme_path">{API->get_label label_id='lbl_theme_upload'}:</label>
	    <input type="file" name="upload_theme_path" />
	    <input class="button" type="submit" value="Upload" />
	    <input type="hidden" name="f" value="upload_theme" />
	    <input type="hidden" name="module_id" value="ThemeAdmin" />
	</form>
	<br />
	{/if}

    <form name="admin_theme_form" action="index.php" method="POST">
        <table style="width:99%;text-align:center;" cellpadding="4">
            <tr>
            {foreach from=$themes item=theme  name=themes_loop}

                <td valign="top">
                    {$theme|replace:"_":" "}
                    <br />
	                <span title="preview" class="clickable" {literal}onclick="javascript:if(this.parentNode.childNodes.item(5).nodeName == 'SPAN') { this.parentNode.childNodes.item(5).style.display='';} else {this.parentNode.childNodes.item(3).style.display='';}"{/literal}>
                        <img src="./themes/{$theme}/preview.jpg" width="80px" height="60px" alt="preview" />
                    </span>
                    <span class="clickable" style="display:none;position:absolute;z-index:100;border:4px solid #49A0F9;padding-bottom:5px;background-color:#000000;margin-left:175px;margin-top:75px;top:0;left:0;cursor:pointer;">
                        <img src="./themes/{$theme}/preview.jpg" alt="click to close preview" onclick="this.parentNode.style.display='none';" />
                        <br />
                        <a href="javascript:void(0);" onclick="this.parentNode.style.display='none';" title="click to close preview" style="color:#FFFFFF;">close preview</a>
                    </span>
                    <br />
					<input type="radio" name="default_theme" value="{$theme}" class="noborder" {API->is_current_theme theme_id=$theme}  />
                    <br />
                    {if $smarty.session.is_admin == 1}
					<label for="checkbox_{$theme}">Available</label>
					<input onclick="javascript: toggleThemeActive(this, '{$theme}');" type="checkbox" name="checkgroup" {API->is_theme_active theme_id=$theme} />
                    {/if}
				</td>

	            {if $smarty.foreach.themes_loop.iteration%4 == 0}
		            </tr>
		            <tr>
	            {/if}

            {/foreach}
            </tr>
        </table>

        {if $smarty.foreach.themes_loop.total < 1}
        	<div class="message_bad">{API->get_message message_id='no_themes_available'}</div>
        {else}
	        <div align="center">
	            <br />
	            <input type="hidden" name="f" value="change_theme" />
	            {if $smarty.session.is_admin != 1}
	            <input type="hidden" name="USER_ID" value="{$smarty.session.username}" />
	            <input type="hidden" name="module_id" value="UserSettings" />
	            <input type="hidden" name="child_id" value="ThemeSelector" />
	            {else}
	            <input type="hidden" name="module_id" value="ThemeAdmin" />
	            {/if}
	            <input class="button" type="submit" name="btn_theme_submit" value="Save" />
	        </div>
	    {/if}
        <br />
    </form>
</div>