<?php
/**
 * PDF: Financial Sidebar 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']; ?>;
	}

	.header .business_name {
		color: <?php echo $texts['business_name_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.header .business_address {
		color: <?php echo $texts['business_address_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.header .business_email {
		color: <?php echo $texts['business_email_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.header .business_phone {
		color: <?php echo $texts['business_phone_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

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

	.header .invoice_number_heading {
		color: <?php echo $texts['invoice_number_heading_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.header .invoice_number {
		color: <?php echo $texts['invoice_number_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.header .tax_heading {
		color: <?php echo $texts['tax_heading_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.header .tax_id {
		color: <?php echo $texts['tax_id_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.header .posted_date_heading {
		color: <?php echo $texts['posted_date_heading_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.header .posted_date {
		color: <?php echo $texts['posted_date_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.header .due_date_heading {
		color: <?php echo $texts['due_date_heading_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.header .due_date {
		color: <?php echo $texts['due_date_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

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

	.wpforms-order-summary-preview .wpforms-order-summary-preview-total .wpforms-order-summary-item-price {
		background: <?php echo $theme['accent']; ?>;
    	color: <?php echo $theme['background']; ?>;
	}

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

	.subcontent {
		font-family: <?php echo $appearance['font']; ?>;
	}

	.subheading.billing_heading {
		color: <?php echo $texts['billing_heading_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.subcontent.billing_content, .subcontent.billing_content * {
		color: <?php echo $texts['billing_content_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.subheading.payment_heading {
		color: <?php echo $texts['payment_heading_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.subcontent.payment_content, .subcontent.payment_content * {
		color: <?php echo $texts['payment_content_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.subheading.terms_heading {
		color: <?php echo $texts['terms_heading_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}

	.subcontent.terms_content, .subcontent.terms_content * {
		color: <?php echo $texts['terms_content_color']; ?>;
		font-family: <?php echo $appearance['font']; ?>;
	}
</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-sidebar">
	<div class="header" data-align="<?php echo $appearance['logo_position']; ?>">
		<div class="logo-container"
			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="business-info">
			<div class="business_name">
				<?php echo $texts['business_name']; ?>
			</div>
			<div class="business_address">
				<?php echo $texts['business_address']; ?>
			</div>
			<div class="business_email">
				<a href="mailto:<?php echo $texts['business_email']; ?>"><?php echo $texts['business_email']; ?></a>
			</div>
			<div class="business_phone">
				<a href="tel:<?php echo $texts['business_phone']; ?>"><?php echo $texts['business_phone']; ?></a>
			</div>
		</div>

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

		<div class="sidebar-info">
			<h4 class="invoice_number_heading subheading"><?php echo $texts['invoice_number_heading']; ?></h4>
			<div class="invoice_number subcontent"><?php echo $texts['invoice_number']; ?></div>
		</div>

		<div class="sidebar-info">
			<h4 class="tax_heading subheading"><?php echo $texts['tax_heading']; ?></h4>
			<div class="tax_id subcontent"><?php echo $texts['tax_id']; ?></div>
		</div>

		<div class="sidebar-info">
			<h4 class="posted_date_heading subheading"><?php echo $texts['posted_date_heading']; ?></h4>
			<div class="posted_date subcontent"><?php echo $texts['posted_date']; ?></div>
		</div>

		<div class="sidebar-info">
			<h4 class="due_date_heading subheading"><?php echo $texts['due_date_heading']; ?></h4>
			<div class="due_date subcontent"><?php echo $texts['due_date']; ?></div>
		</div>
	</div>

	<div class="container-content">
		<div class="billing-info">
			<h4 class="billing_heading subheading"><?php echo $texts['billing_heading']; ?></h4>
			<div class="billing_content subcontent"><?php echo $texts['billing_content']; ?></div>
		</div>

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

		<div class="payment-info">
			<h4 class="payment_heading subheading"><?php echo $texts['payment_heading']; ?></h4>
			<div class="payment_content subcontent"><?php echo $texts['payment_content']; ?></div>
		</div>

		<div class="divider"></div>

		<div class="terms-info">
			<h4 class="terms_heading subheading"><?php echo $texts['terms_heading']; ?></h4>
			<div class="terms_content subcontent"><?php echo $texts['terms_content']; ?></div>
		</div>
	</div>
</div>