<?php
/**
 * PDF: Document Cover Page template.
 *
 * @since 1.0.0
 *
 * @var array  $appearance Appearance options.
 * @var array  $theme      Theme data.
 * @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']; ?>;
	}

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

	.container-background-fill {
		background: <?php echo $appearance['container_background_color']; ?>;
		border-style: <?php echo $appearance['container_border_style']; ?>;
		border-width: <?php echo $appearance['container_border_size']; ?>;
		border-radius: <?php echo $appearance['container_border_radius']; ?>;
		border-color: <?php echo $appearance['container_border_color']; ?>;
	}

	.heading_1 {
		color: <?php echo $texts['heading_1_color']; ?>;
		font-family: <?php echo $appearance['font']; ?> !important;
	}

	.heading_2 {
		color: <?php echo $texts['heading_2_color']; ?>;
		font-family: <?php echo $appearance['font']; ?> !important;
	}

	.heading_3 {
		color: <?php echo $texts['heading_3_color']; ?>;
		font-family: <?php echo $appearance['font']; ?> !important;
	}
</style>

<?php

// PDF requires tuning for each page.
if ( empty( $is_preview ) ) {
	require WPFORMS_PDF_PATH . 'templates/pdf/tuning/document.php';
}

require WPFORMS_PDF_PATH . 'templates/pdf/elements/background.php';
?>

<div class="container-content">
	<div class="header">
		<div class="logo-container"
			data-align="<?php echo $appearance['logo_position']; ?>"
			data-size="<?php echo $appearance['logo_size']; ?>"
			data-logo="<?php echo $appearance['logo_url'] ? '1' : ''; ?>">
			<img class="logo" src="<?php echo $appearance['logo_url']; ?>" alt="Logo">
		</div>
	</div>

	<div class="content">
		<h1 class="heading_1"><?php echo $texts['heading_1']; ?></h1>
		<h2 class="heading_2"><?php echo $texts['heading_2']; ?></h2>
	</div>

	<div class="footer heading_3">
		<?php echo $texts['heading_3']; ?>
	</div>
</div>