<?php
/**
 * PDF: Document Basic template.
 *
 * @since 1.0.0
 *
 * @var array  $appearance Appearance options.
 * @var array  $theme      Theme data.
 * @var string $content    Content.
 * @var array  $texts      Text elements.
 * @var bool   $is_preview Whether it's an HTML preview.
 */

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

$appearance['container_background_color'] = empty( $appearance['container_background_color'] ) ? 'none' : $appearance['container_background_color'];

// 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']; ?>;
	}

	.content, .content * {
		color: <?php echo $texts['content_color']; ?>;
		font-size: <?php echo $appearance['font_size']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

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

</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 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 class="divider"></div>

	<div class="content">
		<?php echo $content; ?>
	</div>

	<div class="footer">
	</div>
</div>