{include file="phoenix/system/_header.html"}

{include file="phoenix/system/_breadcrumbs.html"}

{if $message}
    {foreach $message as $info}
        {include file="phoenix/system/_message.html"}
    {/foreach}
{/if}

<!-- start content -->
<section class="mainContent clearfix userProfile">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="btn-group" role="group" aria-label="...">
					<a href="{html_href_link content=$filename.account}" class="btn btn-default" role="button"><i class="fa fa-th" aria-hidden="true"></i>{$lang.login_block_my_account}</a>
					<a href="{html_href_link content=$filename.account_edit}" class="btn btn-default" role="button"><i class="fa fa-user" aria-hidden="true"></i>{$lang.button_account}</a>
					<a href="{html_href_link content=$filename.account_address_book}" class="btn btn-default" role="button"><i class="fa fa-map-marker" aria-hidden="true"></i>{$lang.button_address_book}</a>
					<a href="{html_href_link content=$filename.account_history page=1}" class="btn btn-default active" role="button"><i class="fa fa-list" aria-hidden="true"></i>{$lang.button_history}</a>
					<a href="{html_href_link content=$filename.account_wishlist page=1}" class="btn btn-default" role="button"><i class="fa fa-gift" aria-hidden="true"></i>{$lang.button_wishlist}</a>
				{if $oEvent->installed_plugin('notify')}
					<a href="{html_href_link content=$filename.product_notifications}" class="btn btn-default" role="button"><i class="fa fa-plus-circle" aria-hidden="true"></i>{$lang.button_notifications}</a>
				{/if}					
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="innerWrapper">

					<!-- orders -->
					<div class="col-md-12 g-mb-50">

						<!-- order block -->
						<div class="g-brd-around g-brd-gray-light-v4 rounded g-mb-30">
							<header class="g-bg-gray-light-v5 g-pa-20">
								<div class="row">
									<div class="col-md-4 mb-20">
										<h4 class="fs-12 text-uppercase mb-2">{$lang.heading_order_date}</h4>
										<span class="fs-13"> {$order->info.date_purchased|oos_date_long}</span>
									</div>

									<div class="col-md-4 mb-20">
										<h4 class="fs-12 text-uppercase mb-2">{$lang.heading_order_total}</h4>
										<span class="fs-13"> {$order->info.total}</span>
									</div>

									<div class="col-md-4 ml-auto text-sm-right">
										<h4 class="text-uppercase g-mb-2">{$lang.heading_order_number} # {$smarty.get.order_id}</h4>
										<span class="fs-13">{$order->info.orders_status}</span>
										<!-- <a class="fs-13" href="#!">Invoice</a> -->
									</div>
								</div>
							</header>

							<div class="row">
								<div class="col-6">
								{if $order->delivery != false }
									<div class="d-flex justify-content-between">
										<h5>{$lang.heading_delivery_address}</h5>
									</div>
									<hr />
									<address>
										{oos_address_format address_format_id=$order->delivery.format_id address=$order->delivery html=1}
									</address>
									{if $order->info.shipping_method }
										<p><strong>{$lang.heading_shipping_method}</strong></p>
										{$order->info.shipping_method}
									{/if}													
								{/if}					
								</div>
								<div class="col-6">
									<div class="d-flex justify-content-between">
										<h5>{$lang.heading_billing_address}</h5>
									</div>
									<hr />										
									<address>
										{oos_address_format address_format_id=$order->billing.format_id address=$order->billing html=1}
									</address>
										<p><strong>{$lang.heading_payment_method}</strong></p>
										{$order->info.payment_method}								
								</div>
							</div>			  
	  
							<!-- order content -->
							<div class="mb-20 m-mt-30">
							{foreach item=products from=$order->products}
								<div class="row">
									<div class="col-md-8">

										<div class="row">
											<div class="col-4 col-sm-3 mb-30">
											<!--
												<img class="img-fluid" src="/150x150/img9.jpg" alt="Image Description">
											-->
											</div>

											<div class="col-8 col-sm-9 g-mb-30">
												<h4 class="h6 g-font-weight-400">{$products.name}{if !empty($products.serial_number) }&nbsp;&nbsp;({$lang.serial}{$products.serial_number}){/if}</h4>
												{if ( isset($products.attributes) && sizeof($products.attributes) gt 0 ) }
													{foreach item=attributes from=$products.attributes}
														<br><nobr><span class="d-block g-color-gray-dark-v4 fs-13 mb-2">small>&nbsp;<i> - {$attributes.option}: {$attributes.value}</i></span></small></nobr>
													{/foreach}
												{/if}
												<span class="d-block g-color-lightred mb-2">{oos_display_price price=$products.final_price tax=$products.tax qty=$products.qty currency=$order->info.currency currency_value=$order->info.currency_value}</span>
												<!-- <a class="btn g-brd-around rounded" href="#!">Buy it Again</a> -->
											</div>
										</div>
									</div>

									<div class="col-md-4">
									<!-- 
										<a class="btn btn-block btn-primary text-uppercase mb-4" href="#!">Track Package</a>
										<a class="btn btn-block text-uppercase" href="#!">Return Item</a>
										<a class="btn btn-block text-uppercase" href="#!">Leave Package Feedback</a>
										<a class="btn btn-block text-uppercase" href="#!">Write a Product Review</a>
										<a class="btn btn-block text-uppercase" href="#!">Archive Order</a>
									-->
									</div>
								</div>
							{/foreach}	
								<div class="row">
									<div class="col-md-12">				
									{if $download}
										{$download}
									{/if}
									</div>
								</div>				
							</div>
							<!-- /end order content -->


							<div class="row">
								<div class="col-md-12">				
									<h4 class="fs-12 text-uppercase mb-2">{$lang.heading_order_history}</h4>
								</div>
							</div>
							{foreach item=statuses from=$statuses_array}			
							<div class="row">
								<div class="col-3 mb-30">
									<p>{$statuses.date_added|oos_date_short}</p>
								</div>
								<div class="col-2 mb-30">
									<p>{$statuses.orders_status_name}</p>
								</div>
								<div class="col-7">
									<p>{$statuses.comments|nl2br|stripslashes}</p>
								</div>
							</div>
							{/foreach}			

							<div class="col-md-12">
								<div class="well well-lg clearfix">
									<ul class="pager">
										<li class="previous"><a href="{html_href_link content=$filename.account_history page=$page}" class="btn btn-primary-filled" role="button"><i class="fa fa-angle-left" aria-hidden="true"></i> {$lang.button_back}</a></li>
									</ul>
								</div>
							</div>

						
						</div>
					</div>				
			
				</div>
			</div>
		</div>
	</div>
</section>

{include file="phoenix/system/_footer.html"}