<?php
/**
 * PDF: Notification Modern template.
 *
 * @since 1.0.0
 *
 * @var array  $appearance Appearance options.
 * @var string $content    Content.
 * @var array  $texts      Text elements.
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

// phpcs:disable WordPress.Security.EscapeOutput.OutputNotEscaped
?>
<style>
	body, table, h1, h2, h3, h4, h5, h6, p, td, th, a {
		font-family: <?php echo $appearance['font']; ?> !important;
	}

	@page{
		background-color: <?php echo $appearance['page_background_color']; ?>;
	}

	body {
		background-color: <?php echo $appearance['page_background_color']; ?>;
	}

	.content-wrapper {
		background: <?php echo $appearance['container_background_color']; ?>;
	}

	.content, .content table td, .content p, .content a, .content span, .content div {
		color: <?php echo $appearance['text_color']; ?>;
		font-size: <?php echo $appearance['font_size']; ?>;
		font-family: <?php echo $appearance['font']; ?> !important;
	}

	.content a {
		color: <?php echo $appearance['link_color']; ?>;
	}

</style>

<div class="page-background"></div>

<div class="container-content container-background-fill">
	<table class="logo-container" data-align="<?php echo $appearance['logo_position']; ?>" data-size="<?php echo $appearance['logo_size']; ?>">
		<tr>
			<td>
				<img class="logo" src="<?php echo $appearance['logo_url']; ?>">
			</td>
		</tr>
	</table>
	<div class="content-wrapper">
		<div class="content">
			<?php echo $content; ?>
		</div>
		<div class="footer">
			<?php esc_html_e( 'Sent from', 'wpforms-pdf' ); ?>
			<a href="<?php echo esc_url( home_url() ); ?>"><?php echo esc_html( $texts['sender_name'] ); ?></a>
		</div>
	</div>
</div>