{include file="templates/emails/elements/top_html.html"}
<h2>Your order has shipped!</h2>
{if $order_data.shipping_tracking_number != "" && $order_data.shipping_tracking_number_type != ""}
<div align="center" style="font-size: 18px;">
Here is your tracking info:<br/>
{if $order_data.shipping_tracking_number_type == "UPS"}
<strong>UPS:</strong> <a target="_blank" href="http://wwwapps.ups.com/etracking/tracking.cgi?tracknums_displayed=5&TypeOfInquiryNumber=T&HTMLVersion=4.0&InquiryNumber1={$order_data.shipping_tracking_number}&InquiryNumber2=&InquiryNumber3=&track=Track">{$order_data.shipping_tracking_number}</a>
{/if}
{if $order_data.shipping_tracking_number_type == "USPS"}
<strong>USPS:</strong> <a target="_blank" href="http://trkcnfrm1.smi.usps.com/PTSInternetWeb/InterLabelInquiry.do?origTrackNum={$order_data.shipping_tracking_number}">{$order_data.shipping_tracking_number}</a>
{/if}
{if $order_data.shipping_tracking_number_type == "FedEx"}
<strong>FedEx:</strong> <a target="_blank" href="http://www.fedex.com/Tracking?cntry_code=us&tracknumber_list={$order_data.shipping_tracking_number}&language=english">{$order_data.shipping_tracking_number}</a>
{/if}
{if $order_data.shipping_tracking_number_type == "CanadaPost"}
<strong>Canada Post</strong>: <a target="_blank" href="http://www.canadapost.ca/cpotools/apps/track/personal/findByTrackNumber?trackingNumber={$order_data.shipping_tracking_number}">{$order_data.shipping_tracking_number}</a>
{/if}
</div>
{/if}<br/><br/>
        <table width="550" style="border-collapse:collapse; background-color:#FaFaFa; margin:0 auto; border:1px solid #E5E5E5">
            <tbody>
            <tr>
                <td width="276" style="vertical-align:top; border-right:1px solid #E5E5E5">
                    <table style="width:100%; border-collapse:collapse">
                        <tbody>
                        <tr>
                            <td style="vertical-align:top; padding:18px 18px 8px 23px; font-weight: 900;">
                                    SUMMARY:
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align:top; padding:0 18px 18px 23px">
                                <table width="100%" style="border-collapse:collapse">
                                    <tbody>
                                    <tr>
                                        <td>
                                            <p style=" margin:0 0 5px 0; ">
                                                Order #:
                                            </p>
                                        </td>
                                        <td align="left">
                                            <p style=" margin:0 0 5px 0; ">
                                            {$order_data.order_num}
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                                Total:
                                        </td>
                                        <td>
                                            {foreach from=$orderView.lineItems key="orderViewLineItemKey" item="orderViewLineItem"}
{if $orderViewLineItem.title eq "Total"}
{$orderViewLineItem.amount}
{/if}
{/foreach}
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </td>
                <td style="vertical-align:top">
                   <table width="100%" style="border-collapse:collapse">
                        <tbody>
                        <tr>
                            <td style="vertical-align:top; padding:18px 18px 8px 23px; ">
                                <p style="text-transform:uppercase; font-weight:900; margin:0;">
                                    Shipping Address:
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align:top; padding:0 18px 18px 23px; ">
                                <table width="100%" style="border-collapse:collapse">
                                    <tbody>
                                    <tr>
                                        <td>
                                            <p style=" margin:0 0 5px 0; ">
                                            {$order_data.shipping_name|htmlspecialchars}
{if $order_data.shipping_company != ""}<br/>
{$order_data.shipping_company|htmlspecialchars}</b>
{/if}
<br/>
                                            {$order_data.shipping_address1|htmlspecialchars}{if $order_data.shipping_address2 != ""}<br/>{$order_data.shipping_address2|htmlspecialchars}{/if}
<br/>
                                          {$order_data.shipping_city|htmlspecialchars}, {$order_data.shipping_province|htmlspecialchars} {$order_data.shipping_zip|htmlspecialchars}<br />
{$order_data.shipping_country_name|htmlspecialchars}
                                            </p>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                   </td>
                </tr>
              </table>
    </td>
</tr>                <tr>
                    <td align="center" cellspacing="0" style="padding:0; vertical-align:middle">
                        <table width="550"
                               style="border-collapse:collapse; background-color:#FaFaFa; margin:0 auto; border-bottom:1px solid #E5E5E5">
                            <tbody>
                            <tr>
                                <td width="380" align="left" style="padding:15px 0 15px 10px; text-transform:uppercase; font-size: 14px; margin:0; font-weight: bold; ">
                                        Items Ordered
                                </td>
                                <td width="60" align="center" style="margin:0; font-size:14px; ;padding:0; text-align:center;font-weight: bold;">
                                        QTY
                                 </td>
                                <td width="80" align="right" style="padding-right:10px; font-weight: bold;">
                                        PRICE
                                 </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
{*** PRODUCT LISTING ***}
{foreach from=$order_items item="order_item"}
    <tr>
        <td style="padding:0;" align="center">
            <table width="550" style="border-collapse:collapse;margin: 0 auto;border-bottom: 1px solid #EBEBEB">
                <tbody>
                <tr>
{*** PRODUCT NAME ***}
                    <td width="380" style="vertical-align:middle; padding: 5px 0 5px 10px;">
                             <strong>{$order_item.title|htmlspecialchars}</strong>
{if $order_item.options != ""}
<br />{$msg.cart.options}: {$order_item.options}
{/if}
                    </td>
{*** PRODUCT NAME ***}
{*** QTY ***}
                    <td align="center" width="60" style="vertical-align:middle; padding:0;">
                        {$order_item.admin_quantity}
                    </td>
{*** QTY ***}
{*** PRICE ***}
                    <td width="80" style="padding: 0 10px 0 0; text-align: right;">
                            {$order_item.admin_quantity*$order_item.admin_price|price}
                    </td>
{**** PRICE ***}
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
{/foreach}
{*** END PRODUCT LISTING ***}
{*** SUBTOTALS AREA ***}
<tr>
    <td align="center" style="padding-top:24px; padding-bottom:20px">
        <table width="550" style="border-collapse:collapse">
            <tbody>
{foreach from=$orderView.lineItems key="orderViewLineItemKey" item="orderViewLineItem"}
            <tr>
                <td align="right" width="460" style="padding-bottom:15px; ">
                       {if $orderViewLineItem.key eq "Shipping"}{foreach from=$shipments item="shipment"}{$shipment.shipping_cm_name|htmlspecialchars}:{/foreach}{else}{$orderViewLineItem.title}{/if}
{if $orderViewLineItem.subtitle != ''}<br>{$orderViewLineItem.subtitle}{/if}
                </td>
                <td width="80" align="right" style="padding: 0 10px 15px 0;{if $orderViewLineItemKey == 'Total'}font-weight: bold;{/if}">
       {$orderViewLineItem.amount}
                </td>
            </tr>
{/foreach}
            </tbody>
        </table>
{include file="templates/emails/elements/bottom_html.html"}