{include file="header.html"}

{if $action=="confirm" || $action=="unsubscribe"}

<div class="page_bounds">
<div class="pt30">
{/if}

{if isset($error) && $error}<div class="error"><p>{$error}</p></div>{/if}
{if isset($info) && $info}<div class="info"><p>{$info}</p></div>{/if}

{if $action=="confirm" || $action=="unsubscribe"}
</div>
</div> {* end page_bounds *}
{/if}

{if $action=="view"}

<div class="page_bounds">
<div class="pt30">
	<div class="page_title"><h1>{$lng.alerts.email_alert} {$lng.general.for}: {$str_search}</h1></div>

	{if $no_listings>0}

	<style type="text/css">
	@media all and (min-width: 800px) {
		.smallimg { width: {$ads_settings.thmb_width+2}px; height: {$ads_settings.thmb_height+2}px; }
		.rclass { {if $text_direction=="rtl"}margin-right: {$ads_settings.thmb_width+10}px;{else}margin-left: {$ads_settings.thmb_width+10}px;{/if} min-height: {$ads_settings.thmb_height+2}px;}
	}
	.rclass { min-height: {$ads_settings.thmb_height+2}px;}
	.highlited { background: {$ads_settings.highlited_color}; }
	</style>
	
	{include file="paginator.html"}

	{foreach name="listings" from=$listings_array item=v}
		{include file="short_listing.html"}
	{/foreach}

	{include file="js/listings_js.html"}

	<div class="center mt10 mb10">
	{include file="paginator.html"}
	{else}
	<div class="info"><p>{$lng.alerts.no_listings}</p></div>
	{/if}

</div>
</div>{* end page_bounds *}
{/if}

{if $action=="user"}

<form name="searches" id="searches" method="post" action="alerts.php?action=user" class="main">
<div class="page_bounds">
<div class="page_title"><h1>{$lng.alerts.email_alerts}</h1></div>

<div class="tt">
<div class="lfloat">
	<input type="image" value="" name="delete_selected" id="delete_selected" class="mr5 lfloat tooltip" onclick="return myConfirm('{$lng.confirm_delete_all|addslashes}')" title="{$lng.general.delete_all}" src="{$template_path}/images/delete_all.png"/>
	
	<a href="javascript:;" onclick="toggleCheck()" id="check-uncheck" class="lfloat tooltip" title="{$lng.general.check_all}"><img src="{$template_path}/images/check_all.png" /></a>
	
</div>

</div> {* end tt *}
</div> {* end page_bounds *}

<div class="wbg pt30 pb30">
<div class="page_bounds">

{foreach from=$alerts item=v}

<div class="item">

	<div class="item-top">
	
		<div class="col-m-8">
			<div class="lfloat" style="width: 25px; margin-top: 5px;"><input type="checkbox" class="noborder" name="alert{$v.id}" id="alert{$v.id}" /></div>
			<div class="lfloat">
			{$lng.general.search}: <b>#{$v.search_str}</b><br/>
			{$lng.alerts.frequency}: <b>{if $v.frequency==0}{$lng.alerts.immediately}{elseif $v.frequency==1}{$lng.alerts.daily}{else}{$lng.alerts.weekly}{/if}</b>
			</div>
		</div> 
		
		<div class="col-m-3">
		{$v.date_nice}
		</div> 
		
		<div class="status_btns">
			{if $v.active}
			<div class="small-btn activebutton icon">{$lng.listings.active}</div>
			{else}
			<div class="small-btn inactivebutton icon">{$lng.listings.inactive}</div>
			{/if}
		</div>
		
		<div class="clearfix"></div>
	</div> {* end item-top *}

	<div class="item-bottom mt10">
		
		<div class="item-actions">
		<a href="javascript:;" onclick="onDeleteAlert({$v.id})" class="ubtn delbtn">{$lng.general.delete}</a>
		</div>
		
	</div>	{* end item-bottom *}
	
</div> {* end item *}
{/foreach}

{if $alerts|@count==0}
<div class="info">{$lng.alerts.no_alerts}</div>
{/if}

</div>{* end page_bounds *}
</div> {* end wbg *}
</form>


{literal}
<script type="text/javascript">
	$(document).ready(function() {
		
		$('.tooltip').powerTip({
			placement: 'n'
		});

	});
	function toggleCheck() {

	if( $("#check-uncheck").hasClass( "checked" )) {
		uncheckAll(document);
		$("#check-uncheck").removeClass("checked");
	}	
	else{
		checkAll(document);
		$("#check-uncheck").addClass("checked");
	}	

	}

</script>
{/literal}


{/if}


{include file="footer.html"}