<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  ng-app="myapp">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href="{$view_styles}/theme.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css" media="print">
.main-table {
  background-color: #ffffff !important;
}
    
{literal}
@media print
  {
  .print {display:none;}
  .table_listing{height:auto;}
  }
  {/literal}
</style>
{if $languageDirection eq "rtl"}
   <style type="text/css">
       table{
           font-family: 'droid_arabic_kufi';
       }
        td [align ="left"]{
            text-align: right;
       }
        td [align ="right"]{
            text-align: left;
       }
    </style> 
{else}
    <style type="text/css">
       table{
          font-family: 'oorjit-font';
       }
       
    </style> 
{/if}
    
</head>
<body ng-controller="SearchCtrl" class=" {$languageDirection}">
<img src="{$view_images}/print.png" width="17" height="17" alt="print" class="print" onclick="window.print();"/>
 
<table class="main-table" style="height: 100%; background-color: #f4f6f8;" border="0" cellpadding="0" cellspacing="0" width="100%" dir="{$languageDirection}">
  <tbody>
    <tr>
      <td style="width: 100%; height: 100%;" align="center">
      
      <table style=" width: 602px; table-layout: fixed; margin: 24px 0 24px 0;" border="0" cellpadding="0" cellspacing="0" dir="{$languageDirection}">
          <tbody>
            <tr>
              <td style="background-color: #ffffff; border: 1px solid #e6e6e6; margin: 0 auto; padding: 0 45px 20px; text-align: left;">
              <table style="padding: 15px 0px 15px 0px; border-bottom: 1px solid #868686; margin-bottom: 8px;" border="0" cellpadding="0" cellspacing="0" width="100%" dir="{$languageDirection}" >
                   <tbody>
                    <tr>
                     
                      <td  align="left" style="font-size: 20px; text-transform: uppercase;  margin: 0px;" valign="bottom" >{$language.lblPackingSlip}</td>
                         <td style="padding-bottom: 3px;" align="right" valign="middle">
             {if $defaultLogo} 
           <img src='{$view_public_path}/uploads/languages/logo/{$defaultLogo}' alt='Logo' class='img-responsive'>
                {else}
                          
                    {if $commonCompanyLogo} 
                        <img src='{$commonCompanyLogo}' border='0' alt='Logo' class='img-responsive'>
          {else}
            <h2>{$commonSiteName}</h2>
          {/if} 
              {/if}
            </td>
                    </tr>
                  </tbody>
                </table>
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" dir="{$languageDirection}"> 
                    <tr valign="top">
                      
                      <td align="left"><h2 style="font-size: 17px; margin: 0px;">{$language.lblReturnSlip}&nbsp;#{$resProducts[0]['returnID']}</h2>
                        <table border="0" cellpadding="0" cellspacing="5" dir="{$languageDirection}">
                            <tr valign="top">
                              <td style="font-size: 12px;  text-transform: uppercase; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblOrderDate}:</td>
                              <td style="font-size: 12px; " width="100%"><span> {$orderDetails.0.orderCreatedDate|date_format:$settingsDateFormat|default:''}</span></td>
                            </tr>
                            <tr valign="top">
                              <td style="font-size: 12px;  text-transform: uppercase; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblOrderID}:</td>
                              <td style="font-size: 12px; ">{$orderDetails.0.orderNumber}</td>
                            </tr>
                             {if $orderDetails.0.shipmentDate|default:'' neq '0000-00-00 00:00:00'}
                            <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; ">{$orderDetails.0.shipmentDate|date_format:$settingsDateFormat|default:''}</td>
                            </tr>
                             {/if}
                              <tr valign="top">
                              <td style="font-size: 12px;  text-transform: uppercase; color: #000000; padding-right: 10px; white-space: nowrap;">{$language.lblAction}:</td>
                              <td style="font-size: 12px; ">{$resReturnDetails.actionReason}</td>
                            </tr>
                              
                        </table>
                        </td>
                    </tr>
                  </table>
                <table style="padding:10px 0px 10px 0px;" border="0" cellpadding="0" cellspacing="0" width="100%" dir="{$languageDirection}">
                                     <tr >
                      <td  align="left" valign="top" style="font-size: 12px;  padding-right: 10px; "><h2 style="font-size:17px; padding: 0px 0px 3px 1px; margin: 0px;">{$language.lblFrom}</h2>
                        <p style="margin: 2px 0px 3px 0px;"> {$shippingAddressFormat|address_format:$languageIDs} </p>
                        {if $billingAddress.billingPhone}
                        <p style="margin: 2px 0px 3px 0px;">{$billingAddress.billingPhone} </p> {/if}
                        <p style="margin: 2px 0px 3px 0px;"> <a href="mailto:{$billingAddress.billingEmail}">{$billingAddress.billingEmail}</a></p>
                        
                       </td>
                     <td width=" 50%" align="left" valign="top" style="font-size: 12px; ">
                      <h2 style="font-size:17px; padding: 0px 0px 3px 1px; margin: 0px;">{$language.lblShipto}</h2>
                      <h6 style="font-size:14px; margin: 0px 0px 3px 0px;">{$companyName}</h6>
                        {$adminInfo}
                        {if $companyPhone|default:'' neq ''}
                             <br>{$language.lblPhone}: {$companyPhone}
                        {/if}
                        {if $companyFax|default:'' neq ''}
                             <br>{$language.lblFax}: {$companyFax}
                        {/if}
                        {if $companyWebsite|default:'' neq ''}
                             <br>{$language.lblWebsite}: {$companyWebsite}
                        {/if}
                        {if $companyEmail|default:'' neq ''}
                             <br>{$language.lblEmail}: {$companyEmail}
                        {/if}
           
              </td>
                    </tr>
                  
                </table>
                <table style="background-color: #dddddd;" cellpadding="0" cellspacing="1" width="100%" dir="{$languageDirection}">
                 
                    <tr>
                      <th width="40%" align="left" valign="middle" style="background-color: #eeeeee; padding: 6px 10px; white-space: nowrap; font-size: 12px; ">{$language.lblProduct}</th>
                       
                     
                      <th align="left" width="100" valign="middle" style="background-color: #eeeeee; padding: 6px 10px; white-space: nowrap; font-size: 12px; ">{$language.lblQuantity}</th>
                      
                      <th align="left" valign="middle" style="background-color: #eeeeee; padding: 6px 10px; white-space: nowrap; font-size: 12px; ">{$language.lblReason}</th>
                    </tr>
                     {foreach from=$resProducts item="product" key="key1"}
                    <tr>
                      <td align="left" valign="top" style="padding: 5px 10px; background-color: #ffffff; font-size: 12px; "> {$product.productTitle}
                       {if $product.productTitle neq $product.productOptionName}{$product.productOptionName}) {/if}
                         {assign var="unserialize" value=$product.extra|default:''|unserialize}
                         {if $unserialize.combinationValues.customOption|default:array()|count >0}
                         <br />
                        <strong>{$language.lblCombinationSKU} :</strong>&nbsp; - {$unserialize.combinationValues.cimbinationSKU}<br />
                       {foreach from=$unserialize.combinationValues.customOption 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 align="left" valign="top" style="padding: 5px 10px; background-color: #ffffff; font-size: 12px; ">{$product.quantity}</td>
                      
                      <td align="left" valign="top" style="padding: 5px 10px; background-color: #ffffff;  white-space: nowrap; font-size: 12px; "> {assign var="reason" value="{$language.lblNoReason}"}
                      {if $product.reason|default:'' neq ''}
                            {assign var="reason" value="{$product.reason}"}
                      {/if} 
                      {$reason}
                      </td>
                    </tr>
                    {/foreach}
                </table>
                      
                </td>
            </tr>
          </tbody>
        </table>
        
        </td>
    </tr>
  </tbody>
</table>
</body>
</html>
