{config_load file="$language/lang_$language.conf" section="account"}
{config_load file="$language/own_lang_$language.conf" section="account"}
{yes_vars assign="YES" contents=1}
{assign var="tpl" value="/templates/yes-system/"}		
<div class="pb-5">
<div class="miniHeading mb-4"><img class="w-100" src="{$tpl}/img/account-hd.jpg"></div>
<div class="uberuns boxes">
<div class="container bg-light border border-secondary border-2 p-3 rounded-3 ">
	<h1 class="ico ico-9 mb-3">Customer area of {$YES.SMARTY_SESSION_customers_email_address}</h1>
<div class="row">
	<div class="col-12 col-lg-12">
<div class="row">
	<div class="col-12 col-lg-5 mb-3 mb-lg-0 ">
		<div class="border-primary border-2 rounded border p-3 h-100 text-center bg-white">
			<h3>Newsletter</h3>
			<a class="btn btn-outline-primary mt-3" href="/newsletter.php">Subscribe / unsubscribe newsletter</a>
		</div>
	</div>
	<div class="col-12 col-lg-7">
		<div class="border-secondary border-2 rounded border p-3 h-100 bg-white">
			<h3>Settings</h3>
			<ul class="options-list list-unstyled">
			<li><a class="btn btn-outline-primary  mb-2" href="{$LINK_EDIT}">{* #text_edit# *}View or change my account information</a></li>
		<li><a class="btn btn-outline-primary mb-2" href="{$LINK_ADDRESS}">{* #text_address# *}Display or change address book entries</a></li>
		<li><a class="btn btn-outline-primary " href="{$LINK_PASSWORD}">{* #text_password# *}Change my password</a></li>
		</ul>
		</div>
		</div>
</div>
<div class="row mt-3">	
	<div class="col-12">
		<div class="border-secondary border-2 rounded border p-3 h-100 bg-white" style="max-height:300px; overflow-y:auto;">
		<h3>Last orders</h3>
		{if $order_content}
		<div class="table-responsive">
			<table class="table">
				<thead>
					<tr>
					  <th class="" scope="col">Order no. No.</th>
					  <th class="" scope="col">Date</th>
					  <th class="" scope="col">Status</th>
					  <th class="" scope="col">Shipping method</th>
					  <th class="" scope="col">Shipping date</th>
					  <th class="" scope="col">Price</th>
					  <th></th>
					</tr>
				  </thead>
				  <tbody>
					{foreach name=aussen item=order from=$order_content}
					<tr>
					  <th>{$order.ORDER_ID}</th>
					  <td>{$order.ORDER_DATE}</td>
					  <td>{$order.ORDER_STATUS|replace:"Abgeschlossen":"Completed"|replace:"Offen":"Open"}</td>
					  <td>{$order.SHIPPING_METHOD|replace:"Versand (nach DE)":"Shipping (to DE)"}</td>
					  <td>{if $order.DATE_SHIPPING}{$order.DATE_SHIPPING}{else}in progress{/if}</td>
					  <td>{$order.ORDER_TOTAL}</td>
					  <td class="">
						<div class="float-right">  
						<a href="#" data-modalTitle='{$order.SHIPPING_METHOD|replace:"Versand (nach":"Shipping (to "}' data-modalSize="sm" data-modalCnt='{$order.DELIVERY_ADDRESS}' class="btn btn-outline-primary modal-call btn-sm">Delivery address</a>
						<a href="{$order.ORDER_LINK}" class="btn btn-primary btn-sm">Display</a>
						</div>	
						</td>
					</tr>
					{/foreach}
				  </tbody>
			</table>
		  </div>
		  {else}
		  You do not have any orders yet
		  {/if}
		</div>
	</div>
</div>
</div>
</div>
</div>
</div>
</div>