{include file="header.html"}
{include file="data/ui.html"}

<div class="main1 box">
<div class="page_title heading"><h1>{$lng.useraccount.messages}</h1></div>

<div class="p30">

<form name="browse" id="browse" method="post" action="messages.php">

<div class="col-4">

<div class="lfloat mr10">
	<input type="image" value="delete_selected" name="delete_selected" id="delete_selected" src="{$template_path}images/delete_all.gif" onclick="return myConfirm('$lng.messages.confirm_delete_all|addslashes}')" style="border: 0px;" class="tooltip" title="{$lng.general.delete_all}"/>
</div>

<div class="btn9 lfloat">

	<a href="javascript:;" id="add_search">{$lng.general.search}&nbsp;<img src="{$template_path}images/gray-down-arrow.png" /></a>

	<a href="javascript:;" id="remove_search" style="display: none;">{$lng.general.search}&nbsp;<img src="{$template_path}images/gray-up-arrow.png" /></a>

</div>

</div>

<div class="col-8">
{include file="paginator.html"}
</div>

<div class="clearfix"></div>

<div id="search_box" style="display: none;">

<input type="hidden" name="page" value = "{$page}" />
<input type="hidden" name="order" value = "{$order}" />
<input type="hidden" name="order_way" value = "{$order_way}" />
<input type="hidden" name="no_per_page" value = "{$no_per_page}" />

<input type="text" name="id" size="6" class="defaultText" title="{$lng.listings.id}" value="{if isset($post_array.id)}{$post_array.id}{/if}"/>

<select name="type" id="type">
	<option value="">{$lng.general.all}</option>
	<option value="sent" {if isset($post_array.type) && $post_array.type=="sent"}selected="selected"{/if}>{$lng.general.sent}</option>
	<option value="received" {if isset($post_array.type) && $post_array.type=="received"}selected="selected"{/if}>{$lng.general.received}</option>
</select>

<input type="text" name="keyword" size="15" class="defaultText" title="{$lng.advanced_search.word}" value="{if isset($post_array.keyword)}{$post_array.keyword}{/if}" />

<input type="text" name="name" size="15" class="defaultText" title="{$lng.contact.name}" value="{if isset($post_array.name)}{$post_array.name}{/if}"/>

<input type="text" name="email" size="15" class="defaultText" title="{$lng.contact.email}" value="{if isset($post_array.email)}{$post_array.email}{/if}"/>

<input name="date_from_vis" id="date_from_vis" type="text" size="10" class="defaultText" title="{$lng.useraccount.date_start}"/>
<input name="date_from" id="date_from" type="hidden"/>

<input name="date_to_vis" id="date_to_vis" type="text" size="10" class="defaultText" title="{$lng.useraccount.date_end}" />
<input name="date_to" id="date_to" type="hidden" />

<div class="buttons"><input type="submit" class="button" name="Search" value="{$lng.general.search}" /></div>

</div> {* end search box *}

<table cellpadding="0" cellspacing="0" align="center" width="100%" class="datatable">
<tr id="theading">
	<th width="10" class="hleft"><input type="checkbox" class="noborder" name="check_all" id="check_all" /></th>
	<th width="30"></th>
	<th width="20">{$lng.listings.id}</th>
	<th></th>
	<th width="25" class="hright">{$lng.general.action}</th>
</tr>

{foreach from=$messages_array item=v}
<tr{if $v.from==$crt_usr} class="light-row"{/if}>
	<td><input type="checkbox" class="noborder" name="msg{$v.id}" id="msg{$v.id}" /></td>
	<td>
		{if $v.from!=$crt_usr}
		<div class="small-btn activebutton icon">{$lng.general.received}</div>
		{else}
		<div class="small-btn inactivebutton icon">{$lng.general.sent}</div>
		{/if}

		{if $v.to == $crt_usr && $v.report==1}<a href="javascript:;" class="tooltip" title="{$lng.messages.reported_as_spam}"><div class="small-btn expiredbutton icon">{$lng.messages.spam}</div></a>{/if}

	</td>
	<td>#{$v.msg_id}</td>
	<td class="laligned">

	{if $v.from!=$crt_usr}
	<div class="gray-bold">{$lng.messages.from}: {if $v.from}{$v.contact_name}, {$v.email}{else}{$v.from_email}{/if} <span class="small-dark-gray">{$lng.messages.on}: {$v.date_nice}</span></div>
	{else}
	<div class="gray-bold">{$lng.messages.to}: {if $v.to}{$v.to_contact_name}, {$v.to_email}{else}{$v.to_email}{/if} <span class="small-dark-gray">{$lng.messages.on}: {$v.date_nice}</span></div>
	{/if}

	<p>{if $appearance.charset=="UTF-8"}{$v.message|strip_tags|mb_truncate:400:"...":"UTF-8"}{else}{$v.messages|strip_tags|truncate:400:"...":false}{/if}</p>

	<div class="lfloat half">
	{if isset($v.ad_id) && $v.ad_id}<div class="more">{$lng.messages.started_for_listing}: <a href="{if $seo_settings.enable_mod_rewrite}{seo->makeDetailsLink p1=$v.ad_id p2=$v.title}{else}{$live_site}/details.php?id={$v.ad_id}{/if}" target="_blank">{$v.title}</a></div>{/if}

	<div class="btn7">
	<a href="{$live_site}/view_message.php?id={$v.msg_id}" class="view" id="vmsg{$v.msg_id}">{$lng.messages.view_complete_message|replace:" ":"&nbsp;"}</a>
	</div>

	</div>

	{if isset($v.starting) && $v.starting}
	<div class="rfloat">
	<div class="btn7"><a href="message_history.php?id={$v.starting}">{$lng.messages.view_thread|replace:" ":"&nbsp;"}</a></div>
	</div>
	{/if}

	</td>

	<td class="laligned">

		{if $v.to == $crt_usr}
		<span><a href="{$live_site}/reply.php?id={$v.msg_id}" class="freply" id="msg{$v.msg_id}"><img src="{$template_path}images/reply.png" class="tooltip" title="{$lng.general.reply}" alt="{$lng.general.reply}" />
		</a></span>
		{/if}

		{if $v.to == $crt_usr && $v.report==0}<span><a href="javascript:;" onclick="onReportMsg('{$v.msg_id}','{$lng.messages.confirm_report_spam}');">
		<img src="{$template_path}images/report.png" class="tooltip" title="{$lng.messages.report_spam}" alt="{$lng.messages.report_spam}" />
		</a></span>{/if}

		{if $v.to == $crt_usr}
		<span><a href="javascript:;" onclick="onDelete('{$v.msg_id}','{$lng.messages.confirm_delete|addslashes}', 'msg');">
		<img src="{$template_path}images/delete.png" class="tooltip icon" title="{$lng.general.delete}" alt="{$lng.general.delete}" />
		</a></span>
		{/if}

</tr>
{/foreach}

{if $no_messages==0}
	<tr><td colspan="5" align="center">{$lng.messages.no_messages}</td></tr>
{/if}
</table>

</form>

{if $no_messages}<div class="rfloat">{include file="paginator.html"}</div>{/if}

<div class="mt10">
	{$lng.general.show}
	<select name="no_per_page_sel" onchange="doSel(this);">
		{section name=pg loop=60 start=10 step=10}
		<option value="location.href='{$crt_page_link}&no_per_page={$smarty.section.pg.index}'" {if $no_per_page==$smarty.section.pg.index} selected="selected" {/if}>{$smarty.section.pg.index}</option>
		{/section}
	</select>
	{$lng.general.on_a_page}
</div>

</div>{* end p30 *}
</div> {* end main1 *}

{literal}
<script type="text/javascript">
	$(document).ready(function() {
		$("input").keypress(function(e)
		{
        		// if the key pressed is the enter key
        		if (e.which == 13)
        		{

				// delay action so the autocomplete list to fill
				setTimeout(function() { $("#search").submit();}, 200);

				return false;
        		}
		});
		$("#remove_search").hide();
		$("#search_box").hide();
		$("#add_search").click(function()
		{
			$("#remove_search").show();
			$("#add_search").hide();
			$("#search_box").slideDown('fast').show();
			
		});

		$("#remove_search").click(function()
		{
			$("#add_search").show();
			$("#remove_search").hide();
			$("#search_box").hide().slideUp('fast');
		});

		$("#check_all").click(function()
		{

			if ($('#check_all').is(':checked')) checkAll(document);
			else uncheckAll(document);

		});

		$('.tooltip').powerTip({
			placement: 'n'
		});

		$('a.freply').magnificPopup({
			type: 'ajax',
			showCloseBtn: true,
			closeBtnInside:true
		});

		$('a.view').magnificPopup({
			type: 'ajax',
			showCloseBtn: true,
			closeBtnInside:true
		});

	});
</script>
{/literal}

<script type="text/javascript">
{literal}
	$(function() {
		$('#date_from_vis').datepicker({
			dateFormat: "M dd yy",
			changeMonth: true,
			changeYear: true,
			altField: '#date_from', altFormat: 'yy-mm-dd'
		});

		$('#date_to_vis').datepicker({
			dateFormat: "M dd yy",
			changeMonth: true,
			changeYear: true,
			altField: '#date_to', altFormat: 'yy-mm-dd'
		});
	});
{/literal}
</script>

{include file="footer.html"}