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

<form name="search" method="post" action="{$self}?no_per_page={$no_per_page}" class="main">

<div class="page_bounds">
<div class="page_title"><h1>{$lng.useraccount.order_history}</h1></div>

<div class="tt">
<div class="col-8">

<input type="hidden" name="page_hidden" value="{$page}" />
<input type="hidden" name="search_hidden" value="{if isset($search)}{$search}{/if}" />
<input type="hidden" name="order_hidden" value="{$order}" />
<input type="hidden" name="order_way_hidden" value="{$order_way}" />
<input type="hidden" name="no_per_page" value = "{$no_per_page}" />
	
<div class="lfloat mr10">
	<select name="order_Sel" onchange="doSel(this);">
		<option value="location.href='{$order_by_link|replace:'##order##':'date'}'" {if $order=='date'}selected="selected"{/if}>
		{$lng.order_history.order_by_date}</option>
		<option value="location.href='{$order_by_link|replace:'##order##':'amount'}'" {if $order=='amount'}selected="selected"{/if}>
		{$lng.order_history.order_by_amount}</option>
		<option value="location.href='{$order_by_link|replace:'##order##':'processor'}'" {if $order=='processor'}selected="selected"{/if}>
		{$lng.order_history.order_by_processor}</option>

	</select>

	<select name="order_way_sel" onchange="doSel(this);">

		<option value="location.href='{$order_way_link|replace:'##order_way##':'desc'}'" {if $order_way=='desc'}selected="selected"{/if}>{$lng.general.desc}</option>
		<option value="location.href='{$order_way_link|replace:'##order_way##':'asc'}'" {if $order_way=='asc'}selected="selected"{/if}>{$lng.general.asc}</option>

	</select>
	
	<input type="text" name="id" size="6" value="{$lng.listings.id}" onfocus="if(this.value=='{$lng.listings.id}') this.value=''" onblur="if(this.value=='') this.value='{$lng.listings.id}'">

	<input type="submit" class="button" name="Search" value="{$lng.general.search}" />
	
</div> {* end lfloat *}
</div> {* end col-8 *}

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

<div class="clearfix"></div>
</div> {* end tt *}
</div> {* end page_bounds *}

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

{foreach from=$actions_array item=v}

<div class="item{if !$v.completed} inactive{/if}">

	<div class="item-top">
	
		<div class="col-m-5">
		{$lng.listings.id}: <b>#{$v.invoice}</b><br/>
		{$lng.order_history.processor}: <b>{$v.processor_title}</b><br/>
		{$lng.order_history.amount}: <b>{$v.amount_nice}</b><br/>
		<span class="small">{$lng.order_history.date}: {$v.date_nice}</span>
		
		</div> 
		<div class="col-m-5">
		{$v.action_str}
		</div> 
		
		<div class="status_btns">
			{if $v.completed}
			<div class="small-btn activebutton icon">{$lng.order_history.completed}</div>
			{else}
			<div class="small-btn inactivebutton icon">{$lng.order_history.not_completed}</div>
			{/if}
			
			{if !$v.completed && $v.processor!='manual'}&nbsp;<a href="complete_payment.php?id={$v.invoice}" class="ubtn">{$lng.order_history.complete_payment}</a>{/if}
			
			{if $v.invoice_id}<a href="{$live_site}/include/generate_invoice.php?id={$v.invoice_id}" class="med-btn btn2">{$lng.invoice.download}</a>{/if}
		</div>
		
		<div class="clearfix"></div>
	</div> {* end item-top *}

</div> {* end item *}
{/foreach}

{if $no_actions}
<div class="center">{include file="paginator.html"}</div>
<div class="mt10 mb40 center">
	{$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>

{else}
<div class="info">{$lng.order_history.no_actions}</div>
{/if}

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

{literal}
<script type="text/javascript">
	$(document).ready(function() {

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

	});
</script>
{/literal}

{include file="footer.html"}