<?php
/**
 * PDF: Certificate Elegant 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 string $base_url   Base URL.
 */

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

$divider_icon_url = $base_url . 'assets/images/divider-icon-elegant.svg';

$class_show = [
	0 => 'hidden',
	1 => '',
];

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	<table class="divider">
		<tr>
			<td class="divider-left"></td>
			<td class="divider-icon">
				<img src="<?php echo $divider_icon_url; ?>" alt="Divider Icon">
			</td>
			<td class="divider-right"></td>
		</tr>
	</table>

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

	<table class="divider bottom">
		<tr>
			<td class="divider-left"></td>
			<td class="divider-icon">
				<img src="<?php echo $divider_icon_url; ?>" alt="Divider Icon">
			</td>
			<td class="divider-right"></td>
		</tr>
	</table>

	<div class="footer">
		<table>
			<tr>
				<td>
					<div class="badge <?php echo $class_show[ (int) $texts['badge_show'] ]; ?>">
						<img class="" src="<?php echo $texts['badge_image']; ?>" alt="Badge">
						<div class="badge_year"><?php echo $texts['badge_year']; ?></div>
						<div class="badge_subheading"><?php echo $texts['badge_subheading']; ?></div>
					</div>
				</td>
				<td>
					<div class="signature <?php echo $class_show[ (int) $texts['signature_show'] ]; ?>"
						data-type="<?php echo $texts['signature_type']; ?>"
						data-align="<?php echo $texts['signature_position']; ?>">

						<div class="signature_text"><?php echo $texts['signature_text']; ?></div>
						<img class="signature_image"
							src="<?php echo $texts['signature_url']; ?>"
							data-size="<?php echo $texts['signature_size']; ?>"
							alt="Signature">
						<div class="divider"></div>
						<div class="signature_subheading"><?php echo $texts['signature_subheading']; ?></div>
					</div>
				</td>
			</tr>
		</table>
	</div>
</div>