<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="no-js"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{if $content.contentMetaTitle}{$content.contentMetaTitle}{else}{$commonMetaTitle}{/if}</title>
<meta name="viewport" content="width=device-width">
<meta name="Description" content="{if $content.contentMetaDescription}{$content.contentMetaDescription}{else}{$commonMetaDescription}{/if}" />
<meta name="Keywords" content="{if $content.contentMetaKeywords}{$content.contentMetaKeywords}{else}{$commonMetaKeywords}{/if}" />
{include file='CommonStyles.tpl'}
{include file='CommonJavaScript.tpl'}
<link rel="stylesheet" type="text/css" href="{$view_styles}/paymentthanks.css" />
<script type="text/javascript">
$(document).ready(function(){
$('.pop-link').click(function(){
$('.offline_payment_slip').show();	
});
$('.offline_payment_slip .close').click(function(){
$('.offline_payment_slip').hide();	
});
});
</script>

</head>
<body ng-controller="SearchCtrl"> 
<!-- Begin : Outer Pane -->
<div id="main"> 
  <!-- Begin : Header Pane--> 
  {include file='CommonTop.tpl'} 
  <!-- End : Header --> 
  <!-- Begin : Content Pane -->
  <div id="content-wrapper" ng-show="!query">
    <div class="container clearfix">
      <div id="common_message" ></div>
     <div class="content-wrapper light-bg margin-bottom payment padding-sec border-outer"> 
      <div class="text-center">
          <span class="icon-right tick"></span>
          <h2 >{$paymentThanksTitle}</h2>
         </div>
          <!-- Begin : Thanks Block -->
          <div class="pane01"> 
			{if $enableChequeMoneyOrderDetails eq '1'}
				<h2 style="font-size:18px;">{$language.lblHowToCompletePayment} </h2>
				<p class="sub-head"><strong>{$language.lblChequeInfo}</strong><br />
				  &nbsp;</p>
				<div class="default-style">
				  <ul >
					<li>{$language.lblAccountName}: <strong>{$chequeAccDetails.accName}</strong></li>
					<li>{$language.lblAccountNumber}: {$chequeAccDetails.accNumber}</li>
				  </ul>
				</div>
				<div class="relatebox"> <br />
				 <div class="submit-section"> {html->anchor title=$language.lblSampleSlip class="pop-link"  caption=$language.lblSampleSlip}</div>
				  <div class="slip offline_payment_slip" style="display:none;" >
					<div class="shadowbox-inner03">
					
						<a href="javascript:void()" class="close"><strong>x</strong></a>
						<img src="{$view_images}/westpac-deposit-slip.gif" width="700" height="328" alt="slip" /> </div>
				  </div>
				   </div>
            {/if}
            
            <div class="clear"></div>
          </div>
			<!-- End : Thanks Block --> 
			
			{assign var="purchasedCurrency" value=$all_orders.0.purchasedCurrency}
			{if $userID gt 0}
				{assign var="invoiceFunction" value="/user/invoice"}
			{else}
				{assign var="invoiceFunction" value="/user/invoice"}
			{/if}
          <div class="clearfix ">
          
          	<div class="col-sm-6 left-block">{$paymentThanksDescription}
                <p class="iconappend2 icon-right t-amt slip Fsbold margin-top">{$language.lblTotalAmount} : {$amountTotal|price:'':$purchasedCurrency:$purchasedCurrency} <br> {$language.lblPaymentMethod}  : {$all_orders.0.orderPaymentMethodName}</p>
            </div>
            <div class="col-sm-6 right-block">
            <div class="shipping-ad">
            	<h4 >{$billingFname}</h4> 
                <p class="address">
                {$billing|address_format:$languageIDs|strip_tags}
                </p>
                <div class="deliver iconappend2 icon-truck slip"> 4-7 Business Days (FREE Delivery) </div>
            </div>
            </div>
          </div>
 
	  </div>
      
      <div class="clearfix light-bg border-outer yoursummary">
			  <h2 >{$language.lblYourOrderSummary}</h2>
			  {foreach from=$all_orders item="order"}
					<ul class="order-item-list">
					<li class="order-listing">
            <div class="strip-one margin-vertical padding col-xs-12">
              {* <span class="pull-left font-semibold h6style">{$language.lblOrderID} : {$order.orderNumber}</span> *}
              {* <span class="pull-left font-semibold h6style">{$language.lblOrderID} : {$order.orderNumber}</span> *}
              {* {html->anchor href="{$invoiceFunction}/id/{$order.masterOrderID}/type/{$order.orderType}/" class=" pull-right Fsbold order-id btn btn-default btn-xs" caption="{$language.lblPurchaseDetails}"  title=$order.orderNumber} *}
              {html->anchor href="{$invoiceFunction}/id/{$order.masterOrderID}/type/{$order.orderType}/" class="Fsbold order-id font-semibold" caption="{$language.lblOrderID} : {$order.orderNumber}"  title=$order.orderNumber}
            </div>
              {foreach from=$order.items item="item"}
                {assign var="unserialize" value=$item.extra|unserialize}


                <div class="item-list padding-sec clearfix">
                  <div class="img-tag pull-left col-xs-5 col-sm-3">
                    <img src="{$view_public_path}/uploads/catalog/product/small/{$item.imagePath}"   />
                  </div>
                  <div class="img-desc col-xs-7 col-sm-9">
                    <div class="product-list01 margin-bottom">
										{html->anchor  
											title=$unserialize.productOptionName|unescape:"html" 
											content="{$unserialize.productOptionName|unescape:"html"}"
											class="pdt-title Fsbold"
											tabindex="5"
											href=$unserialize.productURL
										}
										{if $unserialize.combinationValues.customOption|count|default:0 >0}
											<p>
												<strong>{$language.lblCombinationSKU} - {$unserialize.combinationValues.cimbinationSKU}</strong><br>
												{assign var="count" value=0}
												{foreach from=$unserialize.combinationValues.customOption item="combination" key="key"}
													{assign var="count" value=$count+1}
													{if $count >1} X {/if}
													{$combination.customOptionName} : <strong>{$combination.variantValue}</strong>
												{/foreach} 
											</p>
										{/if}
										{if $unserialize.customOptionValues|count >0}
											<p>
												{assign var="count" value=0}
											 {foreach from=$unserialize.customOptionValues item="customOptionValues" key="key1"} 
											 {assign var="count" value=$count+1}
											{if $count >1} X {/if}
											 {$customOptionValues.0.customOptionName}: 
											  {foreach from=$customOptionValues item="customOption" key="key"}
												 {if $customOption.inputType != 'file'}
											  <strong>{$customOption.variantValue}</strong>
												{if $key >0},{/if}
											  {else if $customOption.inputType == 'file' && $customOption.variantValue!=''}
												{html->anchor href="/cart/getFile/id/{$customOption.variantValue}/" 
												caption="<strong>{$customOption.variantValue }</strong>"
												title=$customOption.customOptionName}
											  {/if}
											  {/foreach}  
											{/foreach} 
											</p>
										 {/if}{assign var="dispatchDays" value=$unserialize.productDispatchTime}
										 {assign var="settingsDateFormat" value=$settingsDateFormat|default:''}
										 {if $unserialize.productDispatchTime neq ''}<p>{$language.lblExpectedDeliveryDate} :{"+$dispatchDays days"|date_format:$settingsDateFormat}</p>{/if}
                    </div>
                    <span class="seller " >{$language.lblMerchant}<strong> : {$order.businessName|truncate:180}</strong></span>

                    <strong class="total pull-right margin-top">
                    {$item.orderItemSubtotal|price:Full:$purchasedCurrency:$purchasedCurrency}
                    {if $item.freeProduct=='Yes'}
                      (Free)
                    {/if}
                  </strong>

							</div>
           </div>
              {/foreach}
					</li>
				  </ul>
				   <div class="grnd-total padding-sec text-right clearfix">
                             <p class="total" >
                                 <label class="amt-text">{$language.lblSubtotalAmount}</label> <span class="amount">{$order.orderSubtotal|price:Full:$purchasedCurrency:$purchasedCurrency}</span>
						</p>
					{if $order.orderOtherServiceCharge >0}
						 <p class="total" >
							<label class="amt-text">{$language.lblServiceCharge} </label>   <span class="amount">{$order.orderOtherServiceCharge|price:Full:$purchasedCurrency:$purchasedCurrency}</span>
						</p>
					{/if}
					{if $order.orderPromoDiscountAmount >0}
						 <p class="total" >
							<label class="amt-text">{$language.lblDiscount} </label><span class="amount"> -  {$order.orderPromoDiscountAmount|price:Full:$purchasedCurrency:$purchasedCurrency}
                             </span></p>
					{/if}
					{if $order.orderUserCreditAmount >0}
						 <p class="total credit" >
							<label class="amt-text">{$language.lblCreditAmount}</label>- <span class="amount">{$order.orderUserCreditAmount|price:Full:$purchasedCurrency:$purchasedCurrency}</span>
						</p>
					{/if}
					{if $order.orderTaxAmount >0}
						 <p class="total" >
							<label class="amt-text">{$language.lblTaxAmount} </label><span class="amount">{$order.orderTaxAmount|price:Full:$purchasedCurrency:$purchasedCurrency}</span>
						</p>
					{/if}
					{if $order.shippingAmount >0}
						 <p class="total">
                             <label class="amt-text">{$language.lblShippingAmount}</label><span class="amount">{$order.shippingAmount|price:Full:$purchasedCurrency:$purchasedCurrency}</span>
						</p>
					{/if}
						 <p class="total" >
                             <strong class="main"><label class="amt-text">{$language.lblTotalAmount} </label> <span class="amount">{$order.orderTotalAmount|price:Full:$purchasedCurrency:$purchasedCurrency}</span></strong>
						</p>
                        
                        </div>
			  {/foreach}
			  
          <div class="padding-sec clearfix"> {html->anchor href="/" class="custom-button01 btn-lg btn btn-primary pull-right" caption="{$language.lblContinueShopping}"}</div>
          </div>
    </div>
  </div>
  <!-- End : Content Pane --> 
  <!-- Begin : Footer	Pane --> 
  {include file='CommonBottom.tpl'  } 
  <!-- End : Footer Pane --> 
</div>

<!-- End : Outer Pane --> 
{include file='CommonJavaScriptBottom.tpl'  }

{html->messages_script id="common_message"} 

<script type="text/javascript">
 var lblPostNotPublished="{$language.lblPostNotPublished}";
 var lblPostPublished="{$language.lblPostPublished}";
 var lblFindfriends="{$language.lblFindfriends}";
 var lblClearSearch="{$language.lblClearSearch}";
 var lblNofriendFound="{$language.lblNofriendFound}";
 var lblLoadingfriendlist="{$language.lblLoadingfriendlist}";
 var lblFollowThisBusiness  = "{$language.lblFollowThisBusiness}";
 var lblUnfollowThisBusiness  = "{$language.lblUnfollowThisBusiness}";
 var msgFollowSuccess  = "{$language.msgFollowSuccess}";
 var msgUnfollowSuccess  = "{$language.msgUnfollowSuccess}";

</script> 
 {html->script_group_start name="{$compiled_js_path}/paymentthanks.js"}
   {html->script src="{$common_frontend_js}/follow.page.js"}
   {html->script src="{$common_frontend_js}/invite_frnds.js"}
 {html->script_group_end} 
 
<script type="text/javascript" >
$(document).ready(function(){
$(document).on("click",'.facebook',function(){
		$(this).addClass("active");
});
$(document).on("click",".poplink",function(){
 $('.fbsection').hide();
 $(".facebook").removeClass("active");
});
$(document).on("click",".post_friend_link",function(){
	
	if($(this).hasClass("nonClickable"))
	return false;
	var url=$(this).attr("rel");
	invite_friend(url);
	return false;
	
	
});
	
});
</script> 
{html->messages_script id="common_message"}
</body>
</html>
