<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
{* <link rel="stylesheet" type="text/css" href="{$view_styles}/common.css" /> *}
<link rel="stylesheet" type="text/css" href="{$view_styles}/popup.css" />
<style type="text/css" media="print">
.main-table {
	background-color: #ffffff !important;
}
{literal}
@media print
  {
  .print {display:none;}
  .table_listing{height:auto;}
  }
  {/literal}
</style>
</head>

<body class="{$languageDirection}">
  <img src="{$view_images}/print-icon.png" width="24" height="24" alt="print" class="print" onclick="window.print();"/> 

	
	
  
<table class="main-table" style="height: 100%; background-color: #f4f6f8; font-size: 12px; " border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>

    <tr>
      <td style="width: 100%;" align="center">
<table style=" width: 602px; table-layout: fixed; margin: 24px 0 24px 0;" border="0" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td style="background-color: #ffffff; border: 1px solid #e6e6e6; margin: 0px auto 0px auto; padding: 0px 44px 0px 46px;">	  
                  {* <table style="padding: 27px 0px 0px 0px; border-bottom: 1px solid #868686; margin-bottom: 8px;" border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tbody>
                    <tr>    
					<tr valign="top">
                      <td  align="left" style="font-size: 12px;  padding-left: 225px; " width="50%"><h3 style="font-size: 17px; padding: 0px 0px 3px 1px; margin: 0px;">{$language.lblShipto}</h3>
                        <p style="margin: 2px 0px 3px 0px;" >  {$product.shippingAddress|address_format:$languageIDs}</p> {if $shippingPhone|default:'' neq ''}<br><span> {$language.lblPhone}:</span>{$shippingPhone} {/if}
							  </td>
        
                    </tr>
                  </tbody>
                </table>*}
                  {foreach from=$resShippedOrders item="product" key="key1"}
<table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tbody>
            <tr>
              <td style="background-color: #ffffff;  margin: 0px auto 0px auto; padding: 0px 29px 0px 29px;">
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tbody>
                    <tr valign="top">
                      <td style="width: 34%; padding: 14px 0px 0px 2px; font-size: 12px; ">
                          
                      <h2 style="font: bold 12px Arial; margin: 0px 0px 3px 0px;">{$companyName}</h2>
                        <table border="0" cellpadding="0" cellspacing="0">
                          <tbody>
                            <tr valign="top">
                              <td style="font-size: 12px;   color: #000000; padding-right: 10px;	white-space: nowrap;">
							  {$adminInfo}
							  </td>
                            </tr>
                            {if $companyPhone|default:'' neq ''}
                            <tr valign="top">
                              <td style="font-size: 12px;  text-transform: capitalize; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblPhone}: {$companyPhone}</td>
                              
                            </tr>
                            {/if}
                            {if $companyFax|default:'' neq ''}
							<tr valign="top">
                              <td style="font-size: 12px;  text-transform: capitalize; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblFax}: {$companyFax}</td>
                            </tr>{/if}
							{if $companyWebsite|default:'' neq ''}
							<tr valign="top">
                              <td style="font-size: 12px;  text-transform: capitalize; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblWebsite}: {$companyWebsite}</td>
                            </tr> {/if}
                            {if $companyEmail|default:'' neq ''}
							<tr valign="top">
                              <td style="font-size: 12px;  text-transform: capitalize; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblEmail}: <a href="mailto:{$companyEmail}">{$companyEmail}</a></td>
                            </tr> 
                            {/if}
                          </tbody>
                        </table>
                        </td>
                        </tr>
                      <tr>
                      <td style="width: 34%; padding: 14px 0px 0px 2px; font-size: 12px; "><h2 style="font-size: 17px; margin: 0px;">{$language.lblPackingSlip}&nbsp;#{$product.orderNumber}</h2>
                        <table border="0" cellpadding="0" cellspacing="0">
                          <tbody>
                            <tr valign="top">
                              <td style="font-size: 12px;  text-transform: uppercase; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblOrderedAt}:</td>
                              <td style="font-size: 12px; ">{$product.orderCreatedDate|date_format:$settingsDateFormat}</td>
                            </tr>
                            <tr valign="top">
                              <td style="font-size: 12px;  text-transform: uppercase; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblShipmentDate}:</td>
                              <td style="font-size: 12px; ">{$product.activityDate|date_format:$settingsDateFormat}</td>
                            </tr>
                          </tbody>
                        </table></td>
                    </tr>
                  </tbody>
                </table>
                <table style="padding: 32px 0px 0px 0px;" border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tbody>
                    <tr valign="top">
                      <td style="font-size: 12px;  padding-right: 10px; " width="34%"><h3 style="font-size: 17px; padding: 0px 0px 3px 1px; margin: 0px;">{$language.lblBillTo}:</h3>
                        <p style="margin: 2px 0px 3px 0px;"> 
					{$product.billingAddress|address_format:$languageIDs} </p>
                        <p style="margin: 2px 0px 3px 0px;"> <a href="mailto:{$resBillAddress['billingEmail']|default:''}">{$resBillAddress['billingEmail']|default:''}</a><br>
                        </p>
                        {if $resBillAddress['billingPhone']|default:''}
                        <p style="margin: 2px 0px 3px 0px;">{$resBillAddress['billingPhone']|default:''|escape} </p> {/if}
                       </td>
                      <td style="font-size: 12px; " width="33%"><h3 style="font-size: 17px; padding: 0px 0px 3px 1px; margin: 0px;">{$language.lblShipto}:</h3>
                        <p style="margin: 2px 0px 3px 0px;"> {$product.shippingAddress|address_format:$languageIDs}</p>{if $shippingPhone|default:'' neq ''}<span> {$language.lblPhone}:</span>{$shippingPhone} {/if}
                      </td>
                    </tr>
                  </tbody>
                </table>
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tbody>
                    <tr valign="top">
                      <td style="width: 50%; padding: 14px 0px 0px 2px; font-size: 12px; ">
                        <table border="0" style="padding: 0px 0px 24px 0px;" cellpadding="0" cellspacing="0">
                          <tbody>
 						<tr valign="top">
                              <td style="font-size: 12px;  text-transform: uppercase; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblStatus}:</td>
                              <td style="font-size: 12px; ">{$getDynOrderStatusByKey[$product.dynamicOrderStatus]}</td>
                            </tr>
							<tr valign="top">
                              <td style="font-size: 12px;  text-transform: uppercase; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblPaymentMethod}:</td>
                              <td style="font-size: 12px; ">{$product.orderPaymentMethodName}</td>
                            </tr>
					{if $shippingMethod !='' }
							<tr valign="top">
                              <td style="font-size: 12px;  text-transform: uppercase; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblShippingMethod}:</td>
                              <td style="font-size: 12px; ">
                                  {if $shippingMethod eq "One Day Delivery"}
                                        {$language.lblOneDayDelivery}
                                        {else if $shippingMethod eq "Free Shipping"}
                                        {$language.lbFreeShipping}
                                        {else if $shippingMethod eq "Flat Rate Shipping"}
                                        {$language.lblFlatRateShipping}
                                        {else if $shippingMethod eq "Same Day Delivery"}
                                        {$language.lblSameDayDelivery}
                                        {else if $shippingMethod eq "All For Free"}
                                        {$language.lblAllForFree}
                                        {else if $shippingMethod eq "Quick Delivery"}
                                        {$language.lblQuickDelivery}
                                        {else if $shippingMethod eq "Same Day Delivery"}
                                        {$language.lblSameDayDelivery}
                                        {else if $shippingMethod eq "Next Day Delivery"}
                                        {$language.lblNextDayDelivery}
                                        {else if $shippingMethod eq "Jihazi Delivery" || $shippingMethod eq "Jihazi Delivery Charge"}
                                        {$language.lblJihaziDelivery}
                                        {/if}
                              </td>
                            </tr> 
							{/if}
                                                
                          </tbody>
                        </table></td>
                     </tr>
                  </tbody>
                </table>				
                <table style="background-color: #dddddd;" cellpadding="0" cellspacing="1" width="100%">
                  <tbody>
                    <tr>
                      <th style="background-color: #eeeeee; padding: 6px 10px; white-space: nowrap; font-size: 12px; " width="70%">{$language.lblProductTitle}</th>
                       <th style="background-color: #eeeeee; padding: 6px 10px; white-space: nowrap; font-size: 12px; " width="70%">{$language.lblCode}</th>
                     
                      <th style="background-color: #eeeeee; padding: 6px 10px; white-space: nowrap; font-size: 12px; ">{$language.lblQuantity}</th>
					</tr>
                       {foreach from=$product.items item="items" key="key2"}
                    <tr>
                      <td style="padding: 5px 10px; background-color: #ffffff; font-size: 12px; "> 
					  {$items.productTitle}
             {if $items.productTitle neq $items.productOptionName}
                ({$items.productOptionName})
             {/if}
                         {assign var="unserialize" value=$items.extra|unserialize}
                         {if $unserialize.combinationValues.customOption|default:array()|count >0}
                        <strong>{$language.lblCombination} :</strong>&nbsp; SKU - {$unserialize.combinationValues.cimbinationSKU|default:''}<br />
                       {foreach from=$unserialize.combinationValues.customOption|default:array() item="combination" key="key"}
											{if $key neq 0}<span class="x-style">X </span>{/if}
											{$combination.customOptionName}{$combination.variantValue}
										{/foreach}
                                     {/if}<br />
                                     {if $unserialize.customOptionValues|count >0}
                                     <strong>{$language.lblOptions}:</strong>&nbsp;{foreach from=$unserialize.customOptionValues item="customOptionValues"}
                        {$customOptionValues.0.customOptionName}
                        {foreach from=$customOptionValues item="customOption" key="key"}
											{if $customOption.inputType != 'file'}
												{$customOption.variantValue}{if $key >0},{/if}
											
											{/if}
										{/foreach}
                                        
                                        {/foreach}
                                        {/if}
                        </td>
                         <td style="padding: 5px 10px; background-color: #ffffff; font-size: 12px; ">
						 {if $unserialize.combinationValues.cimbinationSKU|default:''}
						 {$unserialize.combinationValues.cimbinationSKU}{else}
						 {$items.optionSKU}
						 {/if}
						 </td>
                      <td style="padding: 5px 10px; background-color: #ffffff; text-align: center; font-size: 12px; ">
					  {$items.quantity}</td>
                   </tr>
                    {/foreach}	
                  </tbody>
                </table>
{if $items.comment|default:''}
				<table style="margin: 32px 0px 64px 0px;" border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tbody>
                    <tr valign="top">
                      <td style="font-size: 12px;  padding-right: 10px; " width="34%"><h4 style="font: bold 12px ; padding: 0px 0px 3px 1px; margin: 0px;">{$language.lblComments}:</h4>
                        <p style="margin: 2px 0px 3px 0px;"> 
					{$items.comment|default:''} </p>
                        
                      </td>
                    </tr>
                  </tbody>
                </table>
			{/if}
                </td>
            </tr>
          {/foreach}
<tr>
<td>
    <table style="background-color: #ffffff;  margin: 0px auto 0px auto; padding: 10px 29px 15px 29px;" border="0" width="70%" align="{if $languageDirection eq 'rtl'}left{else}right{/if}">
                          <tr>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right"><strong>{$language.lblPromotionSchemaOrderSubtotal} :</strong>&nbsp;</td>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right">{$product.orderSubtotal|price_order:'':$product.purchasedCurrency:$product.userCurrencyID:$product.userCurrencyExcRate}</td>
                            </tr>
                              {if $product.orderOtherServiceCharge>0}
                            <tr>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right"><strong>{$language.lblServiceCharge} :</strong>&nbsp;</td>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right">{$product.orderOtherServiceCharge|price_order:'':$product.purchasedCurrency:$product.userCurrencyID:$product.userCurrencyExcRate}</td>
                            </tr>
                             {/if}
                              
                              {if $product.orderConvenientFee>0}
                            <tr>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right"><strong>{$language.lblConvenientFee} :</strong>&nbsp;</td>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right">{$product.orderConvenientFee|price_order:'':$product.purchasedCurrency:$product.userCurrencyID:$product.userCurrencyExcRate}</td>
                            </tr>
                             {/if}
                               {if $product.orderPromoDiscountAmount>0}
                            <tr>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right"><strong>{$language.lblDiscount} :</strong>&nbsp;</td>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right">{$product.orderPromoDiscountAmount|price_order:'':$product.purchasedCurrency:$product.userCurrencyID:$product.userCurrencyExcRate}<br >
                              {$product.orderPromoCode}</td>
                            </tr>
                             {/if}
                              {if $product.orderUserCreditAmount>0}
                            <tr>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right"><strong>{$language.lblCreditAmount} :</strong>&nbsp;</td>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right">{$product.orderUserCreditAmount|price_order:'':$product.purchasedCurrency:$product.userCurrencyID:$product.userCurrencyExcRate}</td>
                            </tr>
                             {/if}
                            {if $product.orderTaxAmount>0}
                            <tr>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right"><strong>{$language.lblTaxAmount}{if $taxDescription|default:'' neq ''} - {$taxDescription}{/if} :</strong>&nbsp;</td>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right">{$product.orderTaxAmount|price_order:'':$product.purchasedCurrency:$product.userCurrencyID:$product.userCurrencyExcRate}</td>
                            </tr>
                             {/if}
                             {if $product.shippingAmount>0}
                            <tr>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right"><strong>{$language.lblShippingAmount}:</strong>&nbsp;</td>
                              <td align="right" valign="middle" style="white-space: nowrap; font-size: 12px; " class="right">{$product.shippingAmount|price_order:'':$product.purchasedCurrency:$product.userCurrencyID:$product.userCurrencyExcRate}</td>
                            </tr>
                             {/if}
                            <tr align="right" valign="middle" class="right">
                              <td colspan="2"><hr style="border: 0px solid #d5d5d5; border-top-width: 1px;"></td>
                            </tr>
                            <tr>
                              <td align="right" valign="middle" style="white-space: nowrap; font: 15px Tahoma;" class="right">{$language.lblTotal}:&nbsp;</td>
                              <td align="right" valign="middle" style="text-align: right;font-size:17px;white-space:nowrap; " class="right">
                                 {$product.orderTotalAmount|price_order:'':$product.purchasedCurrency:$product.userCurrencyID:$product.userCurrencyExcRate}</td>
                            </tr>
                      </table>
</td>
</tr>
</tbody>
        </table></td>
    </tr>
  </tbody>
</table>
</body>
</html>
