
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title><%= trans.messages.email_templates.order_email.order_confirmation_title %></title>
        <!-- Start Common CSS -->
        <style type="text/css">
            #outlook a {padding:0;}
            body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
            .ExternalClass {width:100%;}
            .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
            .backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
            .main-temp table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;}
            .main-temp table td {border-collapse: collapse;}
        </style>
        <!-- End Common CSS -->
    </head>
    <body>
        <table width="100%" cellpadding="0" cellspacing="0" border="0" class="backgroundTable main-temp" style="background-color: #ffffff;">
            <tbody>
                <tr>
                    <td>
                        <table width="600" align="center" cellpadding="15" cellspacing="0" border="0" class="devicewidth" style="background-color: #fdfdfd;">
                            <tbody>
                                <!-- Start header Section -->
                                <!-- <tr align="center">
                                    <td style="padding: 25px 20px; font-size: 28px; font-weight: bold; background-color: #04196c;">
                                        <a href="#" style="text-decoration: none; font-size: 28px; font-weight: bold; color: #ffffff;">Kanzy</a>
                                    </td>
                                </tr> -->
                                <tr>
                                    <td style="padding-top: 20px;">
                                        <table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner" style="text-align: center;">
                                            <tbody>
                                                <tr>
                                                    <td style="padding-bottom: 20px; font-size: 32px; font-weight: bold; color: #04196c;">
                                                        <a href="#" style="text-decoration: none; font-size: 32px; font-weight: bold; color: #04196c;">Kanzy</a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <!-- End header Section -->
                                
                                
                                <!-- Start Thanks for Purchase Section -->
                                <tr>
                                    <td style="padding: 30px 10px 20px 10px; background-color: #f5f5f5;">
                                        <table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
                                            <tbody>
                                                <!-- Thanks Message -->
                                                <tr>
                                                    <td style="text-align: center; padding-bottom: 15px;">
                                                        <span style="font-size: 16px; font-weight: bold; color: #333333;"><%= trans.messages.email_templates.order_email.thank_you_title %></span>
                                                    </td>
                                                </tr>
                                                <!-- Description -->
                                                <tr>
                                                    <td style="text-align: center; font-size: 13px; line-height: 20px; color: #666666; padding-bottom: 20px;">
                                                        <%= trans.messages.email_templates.order_email.thank_you_message %>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>

                                <!-- Two Boxes: Track Order & Contact -->
                                <tr>
                                    <td>
                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <!-- Track Order Box -->
                                                <td style="width: 48%; vertical-align: top; padding-right: 2%;">
                                                    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border: 1px solid #d0d0d0; background-color: #ffffff;">
                                                        <tr>
                                                            <td style="padding: 13px;">
                                                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                                    <tr>
                                                                        <td style="width: 30px; vertical-align: middle; padding-right: 10px;">
                                                                            <img src="/backend/images/email-img/track-icon.png" alt="Track Order" width="28" height="28" style="display: block;">
                                                                        </td>
                                                                        <td style="vertical-align: middle;">
                                                                            <span style="font-size: 13px; color: #333333;"><%= trans.messages.email_templates.order_email.track_order %> </span>
                                                                            <a href="#" style="font-size: 13px; color: #333333; text-decoration: underline; font-weight: 600;"><%= trans.messages.email_templates.order_email.track_order_here %></a>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <!-- Contact Box -->
                                                <td style="width: 48%; vertical-align: top; padding-left: 2%;">
                                                    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border: 1px solid #d0d0d0; background-color: #ffffff;">
                                                        <tr>
                                                            <td style="padding: 10px;">
                                                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                                    <tr>
                                                                        <td style="width: 30px; vertical-align: middle; padding-right: 10px;">
                                                                            <img src="/backend/images/email-img/information.png" alt="Contact" width="28" height="28" style="display: block;">
                                                                        </td>
                                                                        <td style="vertical-align: middle;">
                                                                            <span style="font-size: 12px; color: #333333;"><%= trans.messages.email_templates.order_email.contact_us %></span>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <!-- End Thanks for Purchase Section -->

                                <!-- Start Order Details Section -->
                                <tr>
                                    <td style="padding: 20px 10px;">
                                        <table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                            <tr>
                                                                <td style="padding-bottom: 15px;">
                                                                    <table cellpadding="0" cellspacing="0" border="0">
                                                                        <tr>
                                                                            <td style="vertical-align: middle; padding-right: 8px;">
                                                                                <img src="/backend/images/email-img/order-1.png" alt="Order" width="65" style="display: block;">
                                                                            </td>
                                                                            <td style="vertical-align: middle;">
                                                                                <span style="font-size: 14px; font-weight: bold; color: #333333; text-transform: uppercase;"><%= trans.messages.email_templates.order_email.order_details %></span>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="font-size: 14px; line-height: 22px; color: #333333; padding-left: 10px;">
                                                                    <strong><%= trans.messages.email_templates.order_email.order_number %>:</strong> 10637697761<br>
                                                                    <strong><%= trans.messages.email_templates.order_email.order_date %>:</strong> 29.10.2025
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <!-- End Order Details Section -->



                                
                                <!-- Start product Section -->
                                <tr>
                                    <td rowspan="1" style="padding-bottom: 15px;">
                                        <table cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <td style="vertical-align: middle; padding-right: 8px;">
                                                    <img src="/backend/images/email-img/order-1.png" alt="Order" width="65" style="display: block;">
                                                </td>
                                                <td style="vertical-align: middle;">
                                                    <span style="font-size: 14px; font-weight: bold; color: #333333; text-transform: uppercase;"><%= trans.messages.email_templates.order_email.order_summary %>:</span>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>

                                <tr>
                                    <td style="padding-top: 0;">
                                        <table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner" style="border-bottom: 1px solid #eeeeee;">
                                            <tbody>
                                                <tr>
                                                    <td rowspan="4" style="padding-right: 10px; padding-bottom: 10px;">
                                                        <img style="height: 80px;" src="/backend/images/email-img/product-1.jpg" alt="Product Image" />
                                                    </td>
                                                    <td colspan="2" style="font-size: 14px; font-weight: bold; color: #333333; padding-bottom: 5px;">
                                                        Lorem ipsum dolor sit amet
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 14px; line-height: 18px; color: #757575; width: 440px;">
                                                        Quantity: 100
                                                    </td>
                                                    <td style="width: 130px;"></td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 14px; line-height: 18px; color: #757575;">
                                                        Color: White & Blue
                                                    </td>
                                                    <td style="font-size: 14px; line-height: 18px; color: #757575; text-align: right;">
                                                        $1.23 Per Unit
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 14px; line-height: 18px; color: #757575; padding-bottom: 10px;">
                                                        Size: XL
                                                    </td>
                                                    <td style="font-size: 14px; line-height: 18px; color: #757575; text-align: right; padding-bottom: 10px;">
                                                        <b style="color: #333333;">$1,234.50</b> <%= trans.messages.email_templates.order_email.total %>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <!-- End product Section -->
                                
                                <!-- Start calculation Section -->
                                <tr>
                                    <td style="padding-top: 0;">
                                        <table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner" style="border-bottom: 1px solid #bbbbbb; margin-top: -5px;">
                                            <tbody>
                                                <tr>
                                                    <td rowspan="5" style="width: 55%;"></td>
                                                    <td style="font-size: 14px; line-height: 18px; color: #333333;">
                                                        <%= trans.messages.email_templates.order_email.sub_total %>:
                                                    </td>
                                                    <td style="font-size: 14px; line-height: 18px; color: #333333; width: 130px; text-align: right;">
                                                        $1,234.50
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 14px; line-height: 18px; color: #333333; padding-bottom: 10px; border-bottom: 1px solid #eeeeee;">
                                                        <%= trans.messages.email_templates.order_email.shipping_fee %>:
                                                    </td>
                                                    <td style="font-size: 14px; line-height: 18px; color: #333333; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; text-align: right;">
                                                        $10.20
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 14px; font-weight: bold; line-height: 18px; color: #333333; padding-top: 10px;">
                                                        <%= trans.messages.email_templates.order_email.order_total %>:
                                                    </td>
                                                    <td style="font-size: 14px; font-weight: bold; line-height: 18px; color: #333333; padding-top: 10px; text-align: right;">
                                                        $1,234.50
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 14px; font-weight: bold; line-height: 18px; color: #333333;">
                                                        <%= trans.messages.email_templates.order_email.payment_term %>:
                                                    </td>
                                                    <td style="font-size: 14px; font-weight: bold; line-height: 18px; color: #333333; text-align: right;">
                                                        100%
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 14px; font-weight: bold; line-height: 18px; color: #333333; padding-bottom: 10px;">
                                                        <%= trans.messages.email_templates.order_email.deposit_amount %>:
                                                    </td>
                                                    <td style="font-size: 14px; font-weight: bold; line-height: 18px; color: #333333; text-align: right; padding-bottom: 10px;">
                                                        $1,234.50
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <!-- End calculation Section -->

                                <!-- Start Delivery & Invoice Address Section -->
                                <tr>
                                    <td style="padding: 20px 10px 0;">
                                        <table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
                                            <tbody>
                                                <!-- Delivery Address -->
                                                <tr>
                                                    <td style="padding-bottom: 30px;">
                                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                            <tr>
                                                                <td style="padding-bottom: 15px;">
                                                                    <table cellpadding="0" cellspacing="0" border="0">
                                                                        <tr>
                                                                            <td style="vertical-align: middle; padding-right: 8px;">
                                                                                <img src="/backend/images/email-img/pin-1.png" alt="Location" width="65" style="display: block;">
                                                                            </td>
                                                                            <td style="vertical-align: middle;">
                                                                                <span style="font-size: 14px; font-weight: bold; color: #333333; text-transform: uppercase;"><%= trans.messages.email_templates.order_email.delivery_address %></span>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="font-size: 14px; line-height: 20px; color: #333333; padding-left: 10px;">
                                                                    <strong>Sami Iskandrani</strong><br>
                                                                    JEMA4297- 4297 حي الشحنة-7343 ,شارع النبع الفردي- Jeddah 23617<br>
                                                                    Phone: 556633222<br>
                                                                    Zip Code:<br>
                                                                    Al Muhammadiyah / Jeddah
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>

                                                <!-- Invoice Address -->
                                                <tr>
                                                    <td style="padding-bottom: 30px;">
                                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                            <tr>
                                                                <td style="padding-bottom: 15px;">
                                                                    <table cellpadding="0" cellspacing="0" border="0">
                                                                        <tr>
                                                                            <td style="vertical-align: middle; padding-right: 8px;">
                                                                                <img src="/backend/images/email-img/shopper-1.png" alt="Invoice" width="65" style="display: block;">
                                                                            </td>
                                                                            <td style="vertical-align: middle;">
                                                                                <span style="font-size: 14px; font-weight: bold; color: #333333; text-transform: uppercase;"><%= trans.messages.email_templates.order_email.invoice_address %></span>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="font-size: 14px; line-height: 20px; color: #333333; padding-left: 10px;">
                                                                    <strong>Sami Iskandrani</strong><br>
                                                                    JEMA4297- 4297 حي الشحنة-7343 ,شارع النبع الفردي- Jeddah 23617<br>
                                                                    Phone: 556633222<br>
                                                                    Zip Code:<br>
                                                                    Al Muhammadiyah / Jeddah
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>

                                                <!-- Payment Method -->
                                                <tr>
                                                    <td>
                                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                            <tr>
                                                                <td style="padding-bottom: 10px;">
                                                                    <table cellpadding="0" cellspacing="0" border="0">
                                                                        <tr>
                                                                            <td style="vertical-align: middle; padding-right: 8px;">
                                                                                <img src="/backend/images/email-img/payment-protection-1.png" alt="Payment" width="65" style="display: block;">
                                                                            </td>
                                                                            <td style="vertical-align: middle;">
                                                                                <span style="font-size: 14px; font-weight: bold; color: #333333; text-transform: uppercase;">
                                                                                    <%= trans.messages.email_templates.order_email.payment_method %>:
                                                                                </span>
                                                                                <span style="font-size: 14px; color: #333333;"> 
                                                                                    <%= trans.messages.email_templates.order_email.card %>
                                                                                </span>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <!-- End Delivery & Invoice Address Section -->


                                <!-- Start Icons Section -->
                                <tr>
                                    <td>
                                       <img src="/backend/images/email-img/payment-flow.png" alt="" width="560" style="display: block; margin: 0 auto;">
                                    </td>
                                </tr>
                                <!-- End Icons Section -->

                                <!-- Start Need Help Section -->
                                <tr>
                                    <td style="padding: 0 10px;">
                                        <table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
                                            <tbody>
                                                <tr>
                                                    <td style="text-align: center; padding: 15px 0;">
                                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                            <tr>
                                                                <td style="font-size: 18px; font-weight: bold; color: #333333; padding-bottom: 10px; text-align: center;">
                                                                    <%= trans.messages.email_templates.order_email.need_help %>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="font-size: 13px; line-height: 20px; color: #333333; padding-bottom: 15px; text-align: center;">
                                                                    <%= trans.messages.email_templates.order_email.customer_service %>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="text-align: center; padding-bottom: 15px;">
                                                                    <table align="center" cellpadding="0" cellspacing="0" border="0">
                                                                        <tr>
                                                                            <td style="background-color: #ffffff; border: 2px solid #333333; border-radius: 3px;">
                                                                                <a href="#" style="padding: 10px 30px; font-size: 14px; font-weight: bold; color: #333333; text-decoration: none; display: block;"><%= trans.messages.email_templates.order_email.help_center %></a>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="font-size: 13px; font-weight: bold; color: #333333; padding-bottom: 5px; text-align: center;">
                                                                    <%= trans.messages.email_templates.order_email.available %>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="font-size: 13px; color: #333333; padding-bottom: 3px; text-align: center;">
                                                                    <%= trans.messages.email_templates.order_email.live_chat %>:
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="font-size: 13px; color: #333333; padding-bottom: 15px; text-align: center;">
                                                                    <%= trans.messages.email_templates.order_email.time %>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <!-- End Need Help Section -->

                                <!-- Start FAQ Section -->
                                <tr>
                                    <td style="padding: 0 10px; background-color: #e2e2e2;">
                                        <table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
                                            <tbody>
                                                <tr>
                                                    <td style="text-align: center; padding: 15px 0;">
                                                        <a href="#" style="font-size: 14px; font-weight: 600; color: #333333; text-decoration: underline;"><%= trans.messages.email_templates.order_email.faq_page %></a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <!-- End FAQ Section -->

                                <!-- Start Social Media Section -->
                                <tr>
                                    <td style="padding: 15px 10px; background-color: #ffffff;">
                                        <table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
                                            <tbody>
                                                <tr>
                                                    <td style="text-align: center; padding-bottom: 10px;">
                                                        <span style="font-size: 13px; color: #333333;"><%= trans.messages.email_templates.order_email.fashion_inspiration %></span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: center; padding-bottom: 15px;">
                                                        <table align="center" cellpadding="0" cellspacing="0" border="0">
                                                            <tr>
                                                                <td style="padding: 0 5px;">
                                                                    <a href="#" style="display: inline-block;">
                                                                        <img src="/backend/images/email-img/facebook-icon.png" alt="Facebook" width="28" height="28" style="display: block; border-radius: 50%; background-color: #333333;">
                                                                    </a>
                                                                </td>
                                                                <td style="padding: 0 5px;">
                                                                    <a href="#" style="display: inline-block;">
                                                                        <img src="/backend/images/email-img/instagram-icon.png" alt="Instagram" width="28" height="28" style="display: block; border-radius: 50%; background-color: #333333;">
                                                                    </a>
                                                                </td>
                                                                <td style="padding: 0 5px;">
                                                                    <a href="#" style="display: inline-block;">
                                                                        <img src="/backend/images/email-img/youtube-icon.png" alt="YouTube" width="28" height="28" style="display: block; border-radius: 50%; background-color: #333333;">
                                                                    </a>
                                                                </td>
                                                                <td style="padding: 0 5px;">
                                                                    <a href="#" style="display: inline-block;">
                                                                        <img src="/backend/images/email-img/pinterest-icon.png" alt="Pinterest" width="28" height="28" style="display: block; border-radius: 50%; background-color: #333333;">
                                                                    </a>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <!-- End Social Media Section -->

                                <!-- Start Payment Logos Section -->
                                <tr>
                                    <td style="padding: 0;">
                                        <img src="/backend/images/email-img/payment-img.png" alt="payment methods" width="600" style="display: block; margin: 0 auto;">
                                    </td>
                                </tr>
                                <!-- End Payment Logos Section -->

                                <!-- Start Trustpilot Footer -->
                                <tr>
                                    <td style="padding: 15px 10px; background-color: #000000;">
                                        <table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
                                            <tbody>
                                                <tr>
                                                    <td style="text-align: center;">
                                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                            <tr>
                                                                <td style="font-size: 11px; line-height: 16px; color: #ffffff; text-align: center;">
                                                                    Twentyfourseven.nl Tower 14, Floor 14/07AY Amsterdam, Netherlands +442045245244
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="font-size: 10px; line-height: 14px; color: #999999; text-align: center; padding-top: 8px; font-style: italic;">
                                                                    <%= trans.messages.email_templates.order_email.auto_generated %>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <!-- End Trustpilot Footer -->

                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>