<?php
/**
 * Summary header HTML template.
 *
 * @since 4.3.16
 *
 * @var string $title          Email title.
 * @var array  $header_image   Header image arguments.
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

?>

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?>">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="color-scheme" content="light dark">
	<title><?php echo esc_html( self::$title ); ?></title>
	<style type="text/css">
	<?php require SEARCHWP_PLUGIN_DIR . '/assets/css/email-summary.css'; ?>
	</style>
</head>
<body <?php echo is_rtl() ? 'rightmargin' : 'leftmargin'; ?>="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" bgcolor="#f8f8f8">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="body" role="presentation" bgcolor="#f8f8f8">
	<tr>
		<td><!-- Deliberately empty to support consistent sizing and layout across multiple email clients. --></td>
		<td align="center" valign="top" class="body-inner" width="700">
			<div class="wrapper" width="100%" dir="<?php echo is_rtl() ? 'rtl' : 'ltr'; ?>">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" class="container" role="presentation">
					<?php if ( ! empty( $header_image['url_dark'] ) ) : ?>
						<tr class="header-wrapper dark-mode">
							<td align="center" valign="middle" class="header">
								<div class="header-image">
									<img width="260" src="<?php echo esc_url( $header_image['url_dark'] ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" />
								</div>
							</td>
						</tr>
					<?php endif; ?>
					<?php if ( ! empty( $header_image['url_light'] ) ) : ?>
						<tr class="header-wrapper light-mode">
							<td align="center" valign="middle" class="header">
								<div class="header-image">
									<img width="260" src="<?php echo esc_url( $header_image['url_light'] ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" />
								</div>
							</td>
						</tr>
					<?php endif; ?>

					<tr>
						<td class="wrapper-inner">
							<table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
								<tr>
									<td valign="top" class="content">
