<?php
/**
 * Customer New Order Email Template
 *
 * IMPORTANT: This file contains inline style tags which are REQUIRED for email functionality.
 * Email clients (Gmail, Outlook, etc.) do not support external CSS files or wp_enqueue_style().
 * Inline styles are the industry standard for email templates and ensure maximum compatibility.
 *
 * @package X4EMAIL_Lite
 * @since 1.1.0
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?>
<!DOCTYPE html>
<html>
<head>
<style>
	/* 
 * INLINE STYLES REQUIRED FOR EMAIL COMPATIBILITY
 * These styles CANNOT be moved to external files or wp_enqueue_style()
 * because email clients strip external CSS. This is standard email development practice.
 */
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}#ikx0m{height:auto;}#ioexk{text-align:center;}#ioj99{margin:0px 0 0 0;width:125px;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}.c24526{box-sizing:border-box;text-align:center;font-size:26px;}.c25648{box-sizing:border-box;padding:0px 0px 0px 0px;font-weight:600;}.c25770{box-sizing:border-box;}.c25822{box-sizing:border-box;}.c25645{box-sizing:border-box;padding:0;margin:0;vertical-align:top;}.c25642{box-sizing:border-box;}.c25639{box-sizing:border-box;}.c25636{box-sizing:border-box;height:150px;margin:0 auto 10px auto;padding:5px 5px 5px 5px;width:100%;}.c24681{box-sizing:border-box;padding:0;margin:0;vertical-align:top;}.c24678{box-sizing:border-box;}.c24675{box-sizing:border-box;}.c24523{box-sizing:border-box;padding:10px;text-align:center;}.c24559{box-sizing:border-box;text-align:center;}.c24611{box-sizing:border-box;text-align:center;}.c24672{box-sizing:border-box;height:150px;margin:0 auto 10px auto;width:100%;padding:10px 10px 10px 10px;}.c24381{box-sizing:border-box;padding:0;margin:0;vertical-align:top;}.c24378{box-sizing:border-box;}.c24375{box-sizing:border-box;}.c24372{box-sizing:border-box;height:150px;margin:0 auto 10px auto;padding:5px 5px 5px 5px;background-color:#ffffff;border:1px solid #002fff;max-width:600px;width:100%;border-radius:0px 0px 0px 0;}.c24369{box-sizing:border-box;padding:0;margin:0;vertical-align:top;}.c24366{box-sizing:border-box;}.c24363{box-sizing:border-box;}.c24360{box-sizing:border-box;height:150px;margin:0 auto 10px auto;width:100%;background-color:#e1eeff;padding:10px 0px 0px 0px;}.c3703{padding:0;margin:0;vertical-align:top;}.c3694{height:150px;margin:0 auto 10px auto;padding:5px 5px 5px 5px;width:100%;}
</style>
</head>
<body>
<table id='iymi' width='100%' height='150' bgcolor='#e1eeff' class='c1524 c7574 c11140 c7483 c24360'><tbody id='iep6' class='c7577 c11143 c7486 c24363'><tr id='i78a' class='c7580 c11146 c7489 c24366'><td id='iofo' valign='top' class='c1533 c7583 c11149 c7492 c24369'><table id='izh9' width='100%' height='150' bgcolor='#ffffff' class='c1730 c7586 c11152 c7495 c24372'><tbody id='iewcy' class='c7589 c11155 c7498 c24375'><tr id='iqttj' class='c7592 c11158 c7501 c24378'><td id='icbj' valign='top' class='c1739 c7595 c11161 c7504 c24381'><table id='ikx0m' class='c3694'><tbody><tr><td id='ioexk' class='c3703'>
<?php
// phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- Email template requires direct image URL.
?><img alt='Site Logo' src='<?php echo esc_url( wp_get_attachment_image_url( get_theme_mod( chr( 99 ) . chr( 117 ) . chr( 115 ) . chr( 116 ) . chr( 111 ) . chr( 109 ) . chr( 95 ) . chr( 108 ) . chr( 111 ) . chr( 103 ) . chr( 111 ) ), chr( 102 ) . chr( 117 ) . chr( 108 ) . chr( 108 ) ) ); ?>' id='ioj99' class='c1536'/></td></tr></tbody></table><div id='iqoa' class='c1866 c7598 c11164 c7688 c24523'><span id='ipobw' class='c1948 c7601 c11167 c7691 c24526'>New Order Received🥳</span></div><div data-real-content='<?php echo esc_html( $order->get_date_created() ); ?>' data-preview-content='2025-05-20' id='it8au' class='order-date-created woocommerce-component c7634 c11204 c7730 c24559'><div><?php echo esc_html( $order->get_date_created() ); ?></div></div><div data-real-content='#<?php echo esc_html( $order->get_id() ); ?>' data-preview-content='#1234' id='i301s' class='order-id woocommerce-component c7686 c11260 c7788 c24611'><div>#<?php echo esc_html( $order->get_id() ); ?></div></div><table id='if16j' width='100%' height='150' class='c2193 c7747 c11325 c7855 c24672'><tbody id='iaz8x' class='c7750 c11328 c7858 c24675'><tr id='i77uf' class='c7753 c11331 c7861 c24678'><td id='inft5' valign='top' class='c2202 c7756 c11334 c7864 c24681'><div data-real-content='<table class=&quot;order-items&quot; style=&quot;width: 100%; border-collapse: collapse; margin: 20px 0; font-family: Arial, sans-serif;&quot;>
	<thead>
		<tr>
			<th style=&quot;padding: 10px; border: 1px solid #ddd; text-align: left; background-color: #f8f8f8;&quot;>Product</th>
			<th style=&quot;padding: 10px; border: 1px solid #ddd; text-align: center; background-color: #f8f8f8;&quot;>Quantity</th>
			<th style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;&quot;>Subtotal</th>
		</tr>
	</thead>
	<tbody>
		<?php
		foreach ( $order->get_items() as $item_id => $item ) :
			$product_name = $item->get_name();
			$quantity     = $item->get_quantity();
			$subtotal     = $item->get_subtotal();
			?>
		<tr>
			<td style=&quot;padding: 10px; border: 1px solid #ddd;&quot;><?php echo esc_html( $product_name ); ?></td>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: center;&quot;><?php echo esc_html( $quantity ); ?></td>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right;&quot;><?php echo wp_kses_post( wc_price( $subtotal ) ); ?></td>
		</tr>
		<?php endforeach; ?>

		<!-- Subtotal -->
		<tr>
			<th colspan=&quot;2&quot; style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;&quot;>Sub Total</th>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right;&quot;><?php echo wp_kses_post( wc_price( $order->get_subtotal() ) ); ?></td>
		</tr>

		<!-- Discount -->
		<?php if ( $order->get_discount_total() > 0 ) : ?>
		<tr>
			<th colspan=&quot;2&quot; style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;&quot;>Discount</th>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; color: #d63638;&quot;>-<?php echo wp_kses_post( wc_price( $order->get_discount_total() ) ); ?></td>
		</tr>
		<?php endif; ?>

		<!-- Shipping -->
		<?php if ( $order->get_shipping_total() > 0 ) : ?>
		<tr>
			<th colspan=&quot;2&quot; style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;&quot;>Shipping - <?php echo esc_html( $order->get_shipping_method() ); ?></th>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right;&quot;><?php echo wp_kses_post( wc_price( $order->get_shipping_total() ) ); ?></td>
		</tr>
		<?php endif; ?>

		<!-- Order Total -->
		<tr>
			<th colspan=&quot;2&quot; style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8; font-weight: bold;&quot;>Total</th>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; font-weight: bold;&quot;><?php echo wp_kses_post( wc_price( $order->get_total() ) ); ?></td>
		</tr>

		<!-- Payment Method -->
		<tr>
			<th colspan=&quot;2&quot; style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;&quot;>Payment Method</th>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right;&quot;><?php echo esc_html( $order->get_payment_method_title() ); ?></td>
		</tr>

		<!-- Customer Note -->
		<?php if ( $order->get_customer_note() ) : ?>
		<tr>
			<td colspan=&quot;3&quot; style=&quot;padding: 10px; border: 1px solid #ddd;&quot;>
				<strong style=&quot;display: block; margin-bottom: 5px;&quot;>Customer note:</strong>
				<div style=&quot;font-style: italic;&quot;><?php echo nl2br( esc_html( $order->get_customer_note() ) ); ?></div>
			</td>
		</tr>
		<?php endif; ?>
	</tbody>
</table>' data-preview-content='<table class=&quot;order-items&quot; style=&quot;width: 100%; border-collapse: collapse; margin: 20px 0; font-family: Arial, sans-serif;&quot;>
	<thead>
		<tr>
			<th style=&quot;padding: 10px; border: 1px solid #ddd; text-align: left; background-color: #f8f8f8;&quot;>Product</th>
			<th style=&quot;padding: 10px; border: 1px solid #ddd; text-align: center; background-color: #f8f8f8;&quot;>Quantity</th>
			<th style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;&quot;>Subtotal</th>
		</tr>
	</thead>
	<tbody>
		<!-- Product Rows - Example Static -->
		<tr>
			<td style=&quot;padding: 10px; border: 1px solid #ddd;&quot;>Sample Product 1</td>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: center;&quot;>2</td>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right;&quot;>$40</td>
		</tr>
		<tr>
			<td style=&quot;padding: 10px; border: 1px solid #ddd;&quot;>Sample Product 2</td>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: center;&quot;>1</td>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right;&quot;>$30</td>
		</tr>

		<!-- Subtotal -->
		<tr>
			<th colspan=&quot;2&quot; style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;&quot;>Sub Total</th>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right;&quot;>$70</td>
		</tr>

		<!-- Discount -->
		<tr>
			<th colspan=&quot;2&quot; style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;&quot;>Discount</th>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; color: #d63638;&quot;>-$10</td>
		</tr>

		<!-- Shipping -->
		<tr>
			<th colspan=&quot;2&quot; style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;&quot;>Shipping - Flat Rate</th>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right;&quot;>$5</td>
		</tr>

		<!-- Total -->
		<tr>
			<th colspan=&quot;2&quot; style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8; font-weight: bold;&quot;>Total</th>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; font-weight: bold;&quot;>$65</td>
		</tr>

		<!-- Payment Method -->
		<tr>
			<th colspan=&quot;2&quot; style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;&quot;>Payment Method</th>
			<td style=&quot;padding: 10px; border: 1px solid #ddd; text-align: right;&quot;>Direct Bank Transfer</td>
		</tr>

		<!-- Customer Note -->
		<tr>
			<td colspan=&quot;3&quot; style=&quot;padding: 10px; border: 1px solid #ddd;&quot;>
				<strong style=&quot;display: block; margin-bottom: 5px;&quot;>Customer note:</strong>
				<div style=&quot;font-style: italic;&quot;>This is a customer note. Customers can add a note to their order on checkout.<br><br>
				It can be multiple lines. If theres no note, this section is hidden.</div>
			</td>
		</tr>
	</tbody>
</table>' class='order-items-table woocommerce-component'><div><table class='order-items' style='width: 100%; border-collapse: collapse; margin: 20px 0; font-family: Arial, sans-serif;'>
	<thead>
		<tr>
			<th style='padding: 10px; border: 1px solid #ddd; text-align: left; background-color: #f8f8f8;'>Product</th>
			<th style='padding: 10px; border: 1px solid #ddd; text-align: center; background-color: #f8f8f8;'>Quantity</th>
			<th style='padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;'>Subtotal</th>
		</tr>
	</thead>
	<tbody>
		<?php
		foreach ( $order->get_items() as $item_id => $item ) :
			$product_name = $item->get_name();
			$quantity     = $item->get_quantity();
			$subtotal     = $item->get_subtotal();
			?>
		<tr>
			<td style='padding: 10px; border: 1px solid #ddd;'><?php echo esc_html( $product_name ); ?></td>
			<td style='padding: 10px; border: 1px solid #ddd; text-align: center;'><?php echo esc_html( $quantity ); ?></td>
			<td style='padding: 10px; border: 1px solid #ddd; text-align: right;'><?php echo wp_kses_post( wc_price( $subtotal ) ); ?></td>
		</tr>
		<?php endforeach; ?>

		<!-- Subtotal -->
		<tr>
			<th colspan='2' style='padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;'>Sub Total</th>
			<td style='padding: 10px; border: 1px solid #ddd; text-align: right;'><?php echo wp_kses_post( wc_price( $order->get_subtotal() ) ); ?></td>
		</tr>

		<!-- Discount -->
		<?php if ( $order->get_discount_total() > 0 ) : ?>
		<tr>
			<th colspan='2' style='padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;'>Discount</th>
			<td style='padding: 10px; border: 1px solid #ddd; text-align: right; color: #d63638;'>-<?php echo wp_kses_post( wc_price( $order->get_discount_total() ) ); ?></td>
		</tr>
		<?php endif; ?>

		<!-- Shipping -->
		<?php if ( $order->get_shipping_total() > 0 ) : ?>
		<tr>
			<th colspan='2' style='padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;'>Shipping - <?php echo esc_html( $order->get_shipping_method() ); ?></th>
			<td style='padding: 10px; border: 1px solid #ddd; text-align: right;'><?php echo wp_kses_post( wc_price( $order->get_shipping_total() ) ); ?></td>
		</tr>
		<?php endif; ?>

		<!-- Order Total -->
		<tr>
			<th colspan='2' style='padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8; font-weight: bold;'>Total</th>
			<td style='padding: 10px; border: 1px solid #ddd; text-align: right; font-weight: bold;'><?php echo wp_kses_post( wc_price( $order->get_total() ) ); ?></td>
		</tr>

		<!-- Payment Method -->
		<tr>
			<th colspan='2' style='padding: 10px; border: 1px solid #ddd; text-align: right; background-color: #f8f8f8;'>Payment Method</th>
			<td style='padding: 10px; border: 1px solid #ddd; text-align: right;'><?php echo esc_html( $order->get_payment_method_title() ); ?></td>
		</tr>

		<!-- Customer Note -->
		<?php if ( $order->get_customer_note() ) : ?>
		<tr>
			<td colspan='3' style='padding: 10px; border: 1px solid #ddd;'>
				<strong style='display: block; margin-bottom: 5px;'>Customer note:</strong>
				<div style='font-style: italic;'><?php echo nl2br( esc_html( $order->get_customer_note() ) ); ?></div>
			</td>
		</tr>
		<?php endif; ?>
	</tbody>
</table></div></div><table id='ikhn1' width='100%' height='150' class='c3273 c8711 c12413 c9005 c25636'><tbody id='imlo3' class='c8715 c12416 c9008 c25639'><tr id='ie369' class='c8718 c12419 c9011 c25642'><td id='iskmd' valign='top' class='c3282 c8721 c12422 c9014 c25645'><div id='inu4s' class='c2850 c8725 c12425 c9017 c25648'>Billing Address
									</div><div data-real-content='<?php echo wp_kses_post( $order->get_formatted_billing_address() ); ?>' data-preview-content='John Doe<br>Company<br>123 Fake Street<br>Faketown, CA 12345<br>United States (US)' class='billing-address woocommerce-component'><div><?php echo wp_kses_post( $order->get_formatted_billing_address() ); ?></div></div><div data-real-content='<?php echo esc_html( $order->get_billing_phone() ); ?>' data-preview-content='+1234567890' class='billing-phone woocommerce-component c8850 c12555 c9151 c25770'><div><?php echo esc_html( $order->get_billing_phone() ); ?></div></div><div data-real-content='<?php echo esc_html( $order->get_billing_email() ); ?>' data-preview-content='customer@example.com' class='billing-email woocommerce-component c8903 c12611 c9209 c25822'><div><?php echo esc_html( $order->get_billing_email() ); ?></div></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>
</body>
</html>