<div class="pj-loader"></div>
<?php
$theme_arr = __('option_themes', true);
ksort($theme_arr);
$selected_theme = $tpl['option_arr']['o_layout'];
if(isset($_GET['theme']))
{
	$selected_theme = 'theme' . $_GET['theme'];
}
foreach($theme_arr as $k => $v)
{
	$is_used = false;
	if('theme' . $k == $selected_theme)
	{
		$is_used = true;
	}
	$img = PJ_IMG_PATH . 'backend/themes/theme' . $k . '.jpg';
	if(!is_file($img))
	{
		$img = PJ_IMG_PATH . 'backend/themes/theme.png';
	}
	?>
	<div class="theme-box-outer">
		<div class="theme-box">
			<div id="theme_image_<?php echo $k;?>" class="theme-image<?php echo $is_used ? ' active' : null;?>">
				<a target="_blank" href="preview.php?theme=<?php echo 'theme' . $k; ?>">
					<img src="<?php echo $img;?>"/>
				</a>
				<span></span>
			</div>
			<label><?php echo pjSanitize::html($v);?></label>
			<?php
			if($is_used)
			{
				?><label class="inused"><?php __('lblCurrentlyInUse');?></label><?php
			}else{ 
				?>
				<input type="button" value="<?php __('btnUseThisTheme', false, true); ?>" class="pj-button pj-use-theme" data-theme="<?php echo $k;?>"/>
				<?php
			} 
			?>
		</div>
	</div>
	<?php
} 
?>