<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="no-js" ng-app="myapp">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{$language.lblAccountinfo} - {$language.lblPurchaseDetails}</title>
    <meta name="viewport" content="width=device-width">
    <meta name="Description" content="{$commonMetaDescription}" />
    <meta name="Keywords" content="{$commonMetaKeywords}" />
    {include file='CommonStyles.tpl'}
    <link href="{$view_styles}/myaccount.css" rel="stylesheet" type="text/css" media="screen" />
    {include file='CommonJavaScript.tpl'}
    {if $orderType=='product'}
    <script type="text/javascript">
      {literal}
      	$(document).ready(function()
      	{
      		$('.panelmenu a[rel=purchases]').parent().addClass('active');
      		$("#show_offer").click(function(){
                        $("#offer_exp").toggle();
                        $(this).toggleClass("active");
                    });
      	});	
      {/literal}
    </script>
    {else}
    <script type="text/javascript">
      {literal}
      	$(document).ready(function(){
      	$('.panelmenu a[rel=giftcards]').parent().addClass('active');
      	});
      {/literal}
    </script>
    {/if}
  </head>
  <body ng-controller="SearchCtrl" class="{$languageDirection}">
    {assign var="purchasedCurrency" value=$resProductOrderDetails.0.purchasedCurrency}
    {assign var="userCurrency" value=$resProductOrderDetails.0.userCurrencyID}
    {assign var="excRate" value=$resProductOrderDetails.0.userCurrencyExcRate}
    <div id="outer">
        {*<!-- Begin : Header Pane--> *}
      {include file='CommonTop.tpl'} 
      {*<!-- End : Header -->*}
      <div id="content-wrapper" ng-show="!query" class="pt-3 pb-4">
        {*<!-- Begin : Content Pane -->*}
        <div class="container">
        <div class="row">
            {include file='account/CommonAccountRightMenu.tpl'}
            <div class="col-12 col-lg-9 details-sec">
                <div class="py-2 bg-white border-bottom">
                <h2 class="acc-title px-md-4 px-3 py-md-1 py-0 text-capitalize text-dark m-0">{$language.lblMyOrderDetails}
                    {if $orderType=='product'}
                        {html->anchor name="back" class="back float-right font-small d-sm-block d-none" caption=$language.lblBackOrder href="/user/purchases/"}
                        {assign var="masterOrderID" value=$resOrderDetails.masterOrderID}
                    {else}
                        {html->anchor name="back" class="back float-right font-small d-sm-block d-none" caption=$language.lblBackGifts href="/user/giftcards/"}
                    {/if}
                </h2>
                </div>
              <div class="right-panel settngs bg-white p-md-4 p-3">
                <h3 class="invoice-head px-3 py-md-3 py-2 text-primary m-0 font-small">{$language.lblInvoiceDetials}  
                  {if $orderType=='product'} 
                  {html->anchor href="" onclick="printInvoice($masterOrderID)" class=" print printInvoice icon-print-button d-md-inline-block d-none float-right" title="{$language.lblPrintInvoice}"}{/if}
                  </h3>
                <div id="common_message" ></div>
                {if $resCouponDetails|default:''}
                <div class="row invs-block1 test position-relative pt-md-4 pt-3">
                  <div class="statusBx col-12 col-md-6 float-left mb-4 font-small">
                    <ul class="pl-3">
                      <li> {$language.lblOrderID} <span class="text-primary font-bold"> : {$resCouponDetails.orderNumber}</span> </li>
                      <li> {$language.lblOrderedAt} <span class="text-primary font-bold"> : {$resCouponDetails.orderCreatedDate|date_format:$settingsDateFormat}&nbsp; {$resCouponDetails.orderCreatedDate|date_format:$settingsTimeFormat}</span> </li>
                      <li> {$language.lblRedeemedAt} <span class="text-primary font-bold"> :  {if $resCouponDetails.couponStatus=='Redeemed'} {$resCouponDetails.redeemedDate|date_format:$settingsDateFormat} {$resCouponDetails.redeemedDate|date_format:$settingsTimeFormat}{else}{$language.lblNotRedeemed}{/if}</span> </li>
                      <li> {$language.lblOrderStatus} <span class="status text-secondary font-bold"> : {$language.{$resCouponDetails.orderStatus}}</span> </li>
                      <li> {$language.lblPaymentStatus} <span class="text-primary font-bold"> : {$language.{$resCouponDetails.paymentStatus}}</span> </li>
                    </ul>
                  </div>
                  {*<!-- End : Block02 --> *}
                  <div class="statusBx col-12 col-md-6 float-right mb-4 font-small">
                      <ul class="pl-3">
                        <li>{$language.lblCouponCode} <span class="text-primary font-bold"> : {$resCouponDetails.couponCode}</span></li>
                        <li>{$language.lblFromName} <span class="text-primary font-bold"> : {$resCouponDetails.giftFromName}</span></li>
                        <li>{$language.lblToName} <span class="text-primary font-bold"> : {$resCouponDetails.couponTo}</span></li>
                          {if $resCouponDetails.couponEmailTo}
                        <li>{$language.lblGiftDeploymentEmail} <span> : {$resCouponDetails.couponEmailTo}</span></li>
                           {/if}
                          <li>{$language.lblGifAmount} <span class="text-primary font-bold"> : {$resCouponDetails.couponAmount|price_order:'':$purchasedCurrency:$userCurrency:$excRate}</span></li>
                          <li>{$language.lblExpiryDate}<span class="text-primary font-bold"> : {$resCouponDetails.couponExpiry|date_format:$settingsDateFormat} {$resCouponDetails.couponExpiry|date_format:$settingsTimeFormat} <span class="display-ib text-primary font-bold">[{$timeZoneName}]</span></span></li>
                      </ul>
                  </div>
                </div>
              <div class="TopAddress">
                <h6 class="text-primary font-bold font-small">{$language.lblBillinginfo}</h6>
                <address>
                  {$resCouponDetails.billingAddress|address_format:$languageIDs|strip_tags}<br />
                  <a href="mailto:{$resAddress['billingEmail']}">{$resAddress['billingEmail']}</a> {if $resAddress['billingPhone']} <br />
                  <span> {$language.lblPhone}: {$resAddress['billingPhone']|escape} </span>{/if}
                </address>
              </div>
                {elseif !empty($resOrderDetails)} 
                <div class="row invs-block1 pt-md-4 pt-3">
                  
                    {* <!-- Begin : Status Box -->*}
                  <div class="statusBx col-md-6 col-12 float-left mb-4 font-small">
                    <ul class="pl-3">
                      {assign var="orderPlacedDate" value=$resOrderDetails.orderCreatedDate}
                      <li> {$language.lblOrderID} <span class="text-primary font-bold"> : {$resOrderDetails.orderNumber}</span> </li>                      
                      <li> {$language.lblOrderedAt}<span class="text-primary font-bold"> : {$resOrderDetails.orderCreatedDate|date_format:$settingsDateFormat} {$resOrderDetails.orderCreatedDate|date_format:$settingsTimeFormat} </span> </li>
                      <li> {$language.lblOrderStatus} <span class="staus font-bold"> :  {$getDynOrderStatusByKey[$resOrderDetails.dynamicOrderStatus]}</span> </li>
                      <li> {$language.lblPaymentStatus} <span class="payment-status text-primary font-bold">: {$language.{$resOrderDetails.paymentStatus}}</span> </li>
				   </ul>
                  </div>
                  {*<!-- End : Status Box --> *}
                  {*<!-- Begin : Address -->*}
                  <div class="address-wraper col-12 col-md-6 float-right">
                    {*<!-- Begin : Shipping Address -->*}
                    <div class="TopAddress">
                      <h6 class="text-primary font-bold">{$language.lblShippinginfo}</h6>
                      <div class="address">
                        <address>
                          {$resOrderDetails.shippingAddress|address_format:$languageIDs|strip_tags}
                          {if $shippingPhone|default:''} <br />{$language.lblPhone}: {$shippingPhone|default:''|escape} {/if}
                        </address>
                      </div>
                    </div>
                    {*<!-- End : Shipping Address --> *}
                  </div>
                  {*<!-- End : Address -->*}
                </div>

                
                {else}
                <div class="warning "> {$language.msgNoRecords}</div>
                {/if}
                
                </div>
                {assign var="taxDescription" value=""}
                {if $orderType=='product'}
                  
                  <div class="invoice-detail right-panel bg-white settngs clearfix my-3">
                  <ul class="clearfix" id="myTable">
                              
                      {foreach from=$resProductOrderDetails item="product" key="key1"}
                      {assign var="productID" value=$product.productID}
                      {assign var="unserialize" value=$product.extra|unserialize}
                      {if $settingsTaxApplicable eq 'Yes' && $unserialize.orderItemTaxDescription neq ''} 		
                            {assign var="taxDescription" value="{$unserialize.orderItemTaxDescription}"}
                    {/if}
                      <li class="px-md-4 px-3 py-3">
                      <div class="item-list clearfix row">
                          <div class="col-sm-5 ">
                            <div class="row">
                                <div class="col-sm-3 d-md-block d-none">
                                    <div class="img-tag">
                                      <img src="{$view_public_path}/uploads/catalog/product/small/{$product.productImage}" class="img-fluid p-2"  />
                                    </div>
                                </div>
                                <div class="col-12 col-sm-9">
                                    <span>{$unserialize.itemDetails.user.productTitle|truncate:35}</span>
                                     {if $product.sellAsBatch eq 'Yes'}
                                                <small class="text-medium font-small d-block">{$language.lblSetof} {$product.qtyPerBatch} {$product.batchType}</small>
                                            {/if}
                                    <p>{$language.lblOrderID} <span class="font-bold">: {$resOrderDetails.orderNumber}</span> </p>
                                     <div class="clearfix ">
                                        {if $unserialize.itemDetails.user.productTitle!=$unserialize.itemDetails.user.productOptionName}
                                          <span class="custom-option">
                                            {$unserialize.itemDetails.user.productOptionName}
                                          </span>
                                          {/if} 
                                          {if $unserialize.combinationValues.customOption|default:array()|count >0}
                                          <span>
                                            {$language.lblCombinationSKU}: {$unserialize.combinationValues.cimbinationSKU}
                                            {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}
                                              <br>
                                            {$combination.customOptionName} : 
                                            <span>{$combination.variantValue}</span>
                                            {/foreach} 
                                          </span>
                                          {/if}
                                          {if $unserialize.customOptionValues|count >0}
                                          <span>
                                            {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} 
                                          </span>
                                          {/if} 
                                           
                                           
                                        </div>
                                </div>
                            </div>
                          </div>
                          <div class="col-12 col-sm-7">
                            <div class="order-bottom">
                                     <div class="text-right float-right">
                                    <span class="price-label price-label-rght text-primary h4">{$product.orderItemSubtotal|price_order:'':$purchasedCurrency:$userCurrency:$excRate}
                                      {if $product.freeProduct=='Yes'}
                                      {assign var="lblFree" value="{$language.lblFree}"}
                                        {if $product.freeBaseProductID>0}
                                            {assign var="lblFree" value="{$language.lblFreeGift}"}
                                        {/if}
                                      ({$lblFree})
                                      {/if}
                                    </span>
                                    <p>{$language.lblShipmentStatus} : 
                                        <span class="bpfc">
                                            {if $product.shipmentStatus== 'Delivered'}
                                            <span>{$language.lblDelivered}</span>
                                            {else if $product.shipmentStatus== 'Shipment'}
                                            <span>{$language.lblShipped}</span>
                                            {else if $product.shipmentStatus== 'Dispatched'}
                                            <span>{$language.lblDispatched}</span>
                                            {else if $product.shipmentStatus== 'Pickup'}
                                            <span>{$language.lblShipped}</span>
                                            {else if $product.shipmentStatus== 'Cancelled'}
                                            <span>{$language.lblCancelled}</span>
                                            {else}
                                            <span>{$language.lblShippingPending}</span>
                                            {/if}
                                        </span>
                                    </p>
                                </div>
                                
                            </div>
                          </div>
                      </div>
                      </li>
                      {/foreach}
                      <li>
                      <div class="grnd-total-list clearfix px-md-4 px-3 py-3 border-top">
                        <div class="row border-bottom">
                         <div class="col-md-6 col-12">
                          {if $resProductOrderDetails[0]['shippingMethod'] !=''} 
                                    <div class="ship-status-bottom d-md-block d-none">
                                        {$language.lblShippingMethod}: <span class="font-bold ship-status text-primary">
                                        {if $resProductOrderDetails[0]['shippingMethod'] eq "One Day Delivery"}
                                        {$language.lblOneDayDelivery}
                                        {else if $resProductOrderDetails[0]['shippingMethod'] eq "Free Shipping"}
                                        {$language.lbFreeShipping}
                                        {else if $resProductOrderDetails[0]['shippingMethod'] eq "Flat Rate Shipping"}
                                        {$language.lblFlatRateShipping}
                                        {else if $resProductOrderDetails[0]['shippingMethod'] eq "Same Day Delivery"}
                                        {$language.lblSameDayDelivery}
                                        {else if $resProductOrderDetails[0]['shippingMethod'] eq "All For Free"}
                                        {$language.lblAllForFree}
                                        {else if $resProductOrderDetails[0]['shippingMethod'] eq "Quick Delivery"}
                                        {$language.lblQuickDelivery}
                                        {else if $resProductOrderDetails[0]['shippingMethod'] eq "Same Day Delivery"}
                                        {$language.lblSameDayDelivery}
                                        {else if $resProductOrderDetails[0]['shippingMethod'] eq "Next Day Delivery"}
                                        {$language.lblNextDayDelivery}
                                         {else if $resProductOrderDetails[0]['shippingMethod'] eq "Jihazi Delivery" || $resProductOrderDetails[0]['shippingMethod'] eq "Jihazi Delivery Charge"}
                                       {* {$language.lblJihaziDelivery}*}
                                       {$language.lblMVSDelivery}
                                        {/if}
                                       </span> 
                                    </div> 
                                    <div class="ship-status-bottom d-md-none d-flex mb-3">
                                        <div class="col-6 text-right font-small">
                                            {$language.lblShippingMethod} :
                                        </div>
                                        <div class="col-6 text-right p-0">
                                            <span class="font-bold ship-status font-small text-primary">
                                            {if $resProductOrderDetails[0]['shippingMethod'] eq "One Day Delivery"}
                                            {$language.lblOneDayDelivery}
                                            {else if $resProductOrderDetails[0]['shippingMethod'] eq "Free Shipping"}
                                            {$language.lbFreeShipping}
                                            {else if $resProductOrderDetails[0]['shippingMethod'] eq "Flat Rate Shipping"}
                                            {$language.lblFlatRateShipping}
                                            {else if $resProductOrderDetails[0]['shippingMethod'] eq "Same Day Delivery"}
                                            {$language.lblSameDayDelivery}
                                            {else if $resProductOrderDetails[0]['shippingMethod'] eq "All For Free"}
                                            {$language.lblAllForFree}
                                            {else if $resProductOrderDetails[0]['shippingMethod'] eq "Quick Delivery"}
                                            {$language.lblQuickDelivery}
                                            {else if $resProductOrderDetails[0]['shippingMethod'] eq "Same Day Delivery"}
                                            {$language.lblSameDayDelivery}
                                            {else if $resProductOrderDetails[0]['shippingMethod'] eq "Next Day Delivery"}
                                            {$language.lblNextDayDelivery}
                                             {else if $resProductOrderDetails[0]['shippingMethod'] eq "Jihazi Delivery" || $resProductOrderDetails[0]['shippingMethod'] eq "Jihazi Delivery Charge"}
                                           {* {$language.lblJihaziDelivery}*}
                                           {$language.lblMVSDelivery}
                                            {/if}
                                           </span>
                                        </div>
                                    </div>
                                {/if}
                        </div>
                        <div class="col-md-6 col-12">
                        <p class="list-total clearfix row">
                            <span class="col-6 text-right price font-small">{$language.lblSubtotalAmount} :</span>
                          <strong class="col-6 text-right price-sec font-bold font-small text-primary">{$resOrderDetails.orderSubtotal|price_order:'':$purchasedCurrency:$userCurrency:$excRate}</strong>  
                        </p>
                        {if $resOrderDetails.orderOtherServiceCharge>0}
                        <p class="list-total clearfix row">
                            <span class="col-6 text-right font-small">{$language.lblServiceCharge} :</span>
                          <strong class="col-6 text-right price-sec font-bold font-small text-primary">{$resOrderDetails.orderOtherServiceCharge|price_order:'':$purchasedCurrency:$userCurrency:$excRate}</strong>
                        </p>
                        {/if}
                        {if $resOrderDetails.orderConvenientFee>0}
                        <p class="list-total clearfix row">
                         <span class="col-6 text-right font-small">{$language.lblConvenientFee} :</span>
                          <strong class="col-6 text-right price-sec font-bold font-small text-primary">{$resOrderDetails.orderConvenientFee|price_order:'':$purchasedCurrency:$userCurrency:$excRate}</strong>
                        </p>
                        {/if}
                        {if $resOrderDetails.orderPromoDiscountAmount>0}
                        <div class="discount clearfix row mb-3">
                          <span class="col-6 text-right price-sec font-small">
                          {if $applied_promotions|count >0}
                          <a href="javascript:void(0);" class="discount show-offer iconappend2 slip" id="show_offer"><i class="refine-icon border-0 d-inline-block position-relative mr-1"></i>{$language.lblDiscount} {if $resOrderDetails.orderPromoCode}({$resOrderDetails.orderPromoCode}){/if}</a>
                          {else}
                          {$language.lblDiscount} {if $resOrderDetails.orderPromoCode}({$resOrderDetails.orderPromoCode}){/if}
                          {/if}	
                          : </span> 
                          <strong class="col-6 text-right price font-bold font-small text-primary">- {$resOrderDetails.orderPromoDiscountAmount|price_order:'':$purchasedCurrency:$userCurrency:$excRate}</strong>
                            </div>
                           {if $applied_promotions|count >0}
                            <div id="offer_exp" class="pane02 text-right mb-3" style="display:none;">
                                  <div id="applied_promotions" class="applied_promotions">
                                    <h6 class="block strong">{$language.lblAppliedPromotions}</h6>
                                    <ul>
                                      {foreach from=$applied_promotions item="promo" key="key"}
                                      <li class="promo-item">
                                        <span>{$promo.ruleName} -</span> 
                                        {if $promo.apply == 'by_percentage' && $promo.discountAmount >0}
                                        <span>{$promo.discountAmount} % Off on </span>
                                        {/if}
                                        {if $promo.apply == 'by_fixed' && $promo.discountAmount >0}
                                        <span>{$promo.discountAmount|price_order:'':$purchasedCurrency:$userCurrency:$excRate} % Off on </span>
                                        {/if}
                                        {if $promo.apply == 'cart_fixed' && $promo.discountAmount >0}
                                        <span>{$promo.discountAmount|price_order:'':$purchasedCurrency:$userCurrency:$excRate} Off</span>
                                        {/if}
                                        {if $promo.couponCode|default:'' !=''}
                                        <span> (CODE - {$promo.couponCode}) </span>
                                        {/if}
                                        {if $promo.discount >0}
                                        <span>[{$promo.discount|price_order:'':$purchasedCurrency:$userCurrency:$excRate} ] </span>
                                        {/if}
                                        {if $promo.freeShipping =='yes' && $resOrderDetails.shippingAmount >0}
                                        
                                        {$language.lblShippingCostWillBe}
                                        <span> ({$resOrderDetails.shippingAmount|price_order:'':$purchasedCurrency:$userCurrency:$excRate})</span>
                                        {/if}
                                        {if $promo.giftCoupon > 0}
                                        <p class="coupon"> 
                                          {$language.lblFreeGiftCouponWorth}										({$promo.giftCoupon|price_order:'':$purchasedCurrency:$userCurrency:$excRate})
                                        </p>
                                        {/if}
                                      </li>
                                      {/foreach}
                                    </ul>
                                  </div>
                                  {*<!--applied_promotions-->*}
                                
                            </div>
                            {/if}
                        {/if}
                        {if $resOrderDetails.orderUserCreditAmount>0}
                        <p class="list-total credit clearfix row">
                            <span class="col-6 text-right price  font-small">{$language.lblCreditAmount} : </span>
                            <strong class="col-6 text-right font-bold font-small text-primary">- {$resOrderDetails.orderUserCreditAmount|price_order:'':$purchasedCurrency:$userCurrency:$excRate}</strong>
                        </p>
                        {/if}
                        {if $resOrderDetails.orderTaxAmount>0}
                        <p class="list-total clearfix row">
                         <span class="col-6 text-right price  font-small">{$language.lblTaxAmount}{if $taxDescription|default:'' neq ''} - {$taxDescription}{/if} :</span> 
                          <strong class="col-6 text-right font-bold font-small text-primary">{$resOrderDetails.orderTaxAmount|price_order:'':$purchasedCurrency:$userCurrency:$excRate}</strong>
                        </p>
                        {/if}
                        {if $resOrderDetails.shippingAmount>0}
                        <p class="list-total clearfix row">
                            <span class="col-6 text-right price font-small">{$language.lblShippingAmount} : </span>
                            <strong class="col-6 text-right price-sec font-bold font-small text-primary">{$resOrderDetails.shippingAmount|price_order:'':$purchasedCurrency:$userCurrency:$excRate}</strong>
                        </p>
                        {/if}
						{if $resOrderDetails.redeemDiscountAmount|default:0>0}                   
						<p class="list-total clearfix row">
						<span class="col-6 text-right price font-small">{$language.lblRedeemPointAmount} : </span>
						<strong class="col-6 text-right price-sec font-bold font-small text-primary">-{$resOrderDetails.redeemDiscountAmount|price_order:'':$purchasedCurrency:$userCurrency:$excRate}</strong>
						</p>
                  {/if}
                      </div>
                      </div>
                      <div class="row">
                         <div class="col-md-6 col-12 d-md-flex d-none">
                          </div>
                          <div class="col-md-6 col-12 float-right">
                            <p class="total clearfix row border-0 py-3 m-0">
                                <span class="col-6 text-right price-sec font-bold font-small text-primary">{$language.lblTotalAmount} :</span>
                                <strong class="col-6 text-right price-sec total-price font-bold font-small text-dark">{$resOrderDetails.orderTotalAmount|price_order:'':$purchasedCurrency:$userCurrency:$excRate}</strong>
                            </p>
                          </div>
                      </div>
                    </div>
                    </li>
                  </ul>
                </div>
            
               {* <!-- Starts : Shipping His -->*}
     
                <div  class="right-panel bg-white px-md-4 px-3 py-3">
                  <h4 class="font-bold text-dark">{$language.lblShippingHistory}</h4>
                  {if $resShippingHistory}
                  {foreach from=$resShippingHistory item="shipping"}
                  <h5 class="font-rglr font-small text-dark">{$language.lblShipment} #{$shipping.shippingID}</h5>
                  <ul class="shipping-history mt-3">
                    {foreach from=$shipping.items item="items"}
                    <li class="item-list">
                      <span class="float-right font-small">	
                      {$shipping.activityDate|date_format:$settingsDateFormat}
                      {$shipping.activityDate|date_format:$settingsTimeFormat}
                      </span>
                      <h6 class="text-dark font-bold font-small mb-1">{$language.lblShipmentStatus} :
                      <span class="staus"> 
                        {if $shipping.shippingStatus== 'Delivered'}
                        {$language.lblDelivered}
                        {else if $shipping.shippingStatus== 'Pending'}
                        {$language.lblPending}
                        {else if $shipping.shippingStatus== 'Shipment'}
                        {$language.lblShipmentcreated}
                        {else if $shipping.shippingStatus== 'Dispatched'}
                        {$language.lblDispatched}
                        {else if $shipping.shippingStatus== 'Pickup'}
                        {$language.lblPickupCreated}
                        {else if $shipping.shippingStatus== 'Cancelled'}
                        {$language.lblCancelled}
                        {/if}
                        </span>
                      </h6>
                        <p class="font-small">{$items.productOptionName}</p>
                        <div class="font-small">{$language.lblQty} : <span class="font-bold">{$items.quantity}</span></div>
                      
                      <div class="font-small"><span class="float-right">{if $shipping.trackingNumber|default:'' != ''}{$language.lblTrackingnumber} :{$shipping.trackingNumber}{/if}</span>
                        {$language.lblCarrier}	: {if $shipping.carrier eq 'other'}{$shipping.other_logistic_partner}{else}{$shipping.logisticPartner}{/if}
                      </div>
                     
                    </li>
                    {/foreach} 
                  </ul>
   
                  {/foreach}
                {/if} 
                {if $shippingApiResponse['msg']|default:''!=''}
                    <ul class="shipping-history">                                                                        
                        <li>{$shippingApiResponse['msg']}</li>                                                                      
                    </ul>
                {/if}
                {if !$resShippingHistory && $shippingApiResponse['msg']|default:''==''}
                    <div class="warning">{$language.lblShippingStatusNotUpdated}</div>

                {/if}
              
              
            </div> 
          
           {* <!-- Ends :Shipping His -->*}
            {/if}
          {*<!-- End : Content Pane --> *}
          </div>
        </div>
        </div>
          {*<!-- End : Cart Block -->*} 
          {*<!-- Begin : Rating -->*}
          {*<!-- End : Rating --> *}
        </div>
      </div>
    </div>
   {* <!-- End : Content Pane --> *}
    {*<!-- Begin : Footer	Pane --> *}
    {include file='CommonBottom.tpl'} 
    {*<!-- End : Footer Pane --> *}
    </div>
   {* <!-- End : Outer Pane --> *}
    <script type="text/javascript">
      var COOKIE_PREFIX	=	'{$cookiePrefix|default:''}';
    </script> 
    {form->hidden name="AjaxLoadID" class="fancy-popup" value=''}  
    {html->messages_script id="common_message"}
    {include file='CommonJavaScriptBottom.tpl'} 
   {html->script_group_start name="{$compiled_js_path}/account.invoice.js"}
    {html->script src="{$common_frontend_js}/tab.plugin.js"}
    {html->script src="{$common_frontend_js}/invoice.page.js"}
  {html->script_group_end} 
  </body>

</html>