.-.-.-.-.-

<?php
/**
 * Format this page for PDF or print.
 *
 * Override this template by copying it to yourtheme/charitable/charitable-pdf-receipts/pdf.php
 *
 * @package Charitable-PDF-Receipts
 * @author  WPCharitable
 * @since   1.8.1
 */

$charitable_action = $view_args['action'] === 'print' ? 'print' : 'download';

$charitable_admin_2_0_css = $view_args['charitable_admin_2_0_css'];

$donations                     = $view_args['donations'];
$donation_total                = $view_args['donation_total'];
$donation_average              = $view_args['donation_average'];
$total_count_donors            = $view_args['total_count_donors'];
$total_amount_refunds          = $view_args['total_amount_refunds'];
$total_count_refunds           = $view_args['total_count_refunds'];
$donation_breakdown_html       = $view_args['donation_breakdown_html'];
$activity_list                 = $view_args['activity_list'];
$top_donors                    = $view_args['top_donors'];
$top_campaigns                 = $view_args['top_campaigns'];
$payment_methods_list          = $view_args['payment_methods_list'];
$headline_chart_options        = $view_args['headline_chart_options'];
$payment_methods_chart_options = $view_args['payment_methods_chart_options'];

$campaign_id = $view_args['campaign_id'];
$campaign    = $view_args['campaign'];

$category_id        = $view_args['category_id'];
$category_term_name = $view_args['category_term_name'];

$charitable_chart_js = $view_args['charitable_chart_js'];

// convert php array values into a javascript array.
$headline_chart_options_donation_axis = wp_json_encode( $headline_chart_options['donation_axis'] );
$headline_chart_options_date_axis     = wp_json_encode( $headline_chart_options['date_axis'] );

$payment_methods_chart_options_payment_percentages = wp_json_encode( $payment_methods_chart_options['payment_percentages'] );
$payment_methods_chart_options_payment_labels      = wp_json_encode( $payment_methods_chart_options['payment_labels'] );

$currency_symbol = $view_args['currency_symbol'];
$currency_symbol = ( false !== $currency_symbol ) ? html_entity_decode( $currency_symbol ) : '$';

$start_date = ! empty( $view_args['start_date'] ) ? $view_args['start_date'] : false;
$end_date   = ! empty( $view_args['end_date'] ) ? $view_args['end_date'] : false;

?>
<!DOCTYPE html>
<html>
	<head>
	<title><?php echo esc_html__( 'Overview Report', 'charitable' ); ?></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<style>
			<?php
			echo file_get_contents( $charitable_admin_2_0_css ); // phpcs:ignore

/**
			 * Add any custom styles to the PDF.
			 *
			 * @since 1.8.1
			 *
			 * @param array $view_args The view arguments.
			 */
			do_action( 'charitable_pdf_receipts_pdf_styles', $view_args );
			?>
		</style>
	</head>

<div class="charitable-overview-report"
		<?php
		if ( $charitable_action === 'download' ) :
			?>
			style="width: 100%; background-color: white; margin: 0; padding: 0;"<?php endif; ?>>

<div class="charitable-headline-reports"
			<?php
			if ( $charitable_action === 'download' ) :
				?>
				style="margin: 0 auto; padding: 0;"<?php endif; ?>>

<div class="charitable-print-header">
					<h1><?php echo esc_html__( 'Overview Report', 'charitable' ); ?></h1>
					<?php if ( $start_date && $end_date ) : ?>
						<p><?php echo esc_html( $start_date ); ?> - <?php echo esc_html( $end_date ); ?></p>
					<?php endif; ?>
					<?php if ( isset( $campaign->post_title ) && $campaign->post_title ) : ?>
						<p><?php echo esc_html__( 'Campaign', 'charitable' ); ?>: <?php echo esc_html( $campaign->post_title ); ?></p>
					<?php endif; ?>
					<?php if ( $category_term_name ) : ?>
						<p><?php echo esc_html__( 'Campaign Category:', 'charitable' ); ?>: <?php echo esc_html( $category_term_name ); ?></p>
					<?php endif; ?>
				</div>

<div class="charitable-cards">
					<div class="charitable-container charitable-report-ui charitable-card"
					<?php
					if ( $charitable_action === 'download' ) :
						?>
						style="width: 24.5%; display:inline-block;"<?php endif; ?>>
						<strong><span id="charitable-top-donation-total-amount"><?php echo $donation_total; // phpcs:ignore ?></span></strong>
						<p><span id="charitable-top-donation-total-count"><?php echo count( $donations ); ?></span> <?php echo esc_html__( 'Total Donations (Net)', 'charitable' ); ?></p>
					</div>
					<div class="charitable-container charitable-report-ui charitable-card"
					<?php
					if ( $charitable_action === 'download' ) :
						?>
						style="width: 24.5%; display:inline-block;"<?php endif; ?>>
						<strong><span id="charitable-top-donation-average"><?php echo $donation_average; // phpcs:ignore ?></span></strong>
						<p><?php echo esc_html__( 'Average Donation', 'charitable' ); ?></p>
					</div>
					<div class="charitable-container charitable-report-ui charitable-card"
					<?php
					if ( $charitable_action === 'download' ) :
						?>
						style="width: 24.5%; display:inline-block;"<?php endif; ?>>
						<strong><span id="charitable-top-donor-count"><?php echo intval( $total_count_donors ); // phpcs:ignore ?></span></strong>
						<p><?php echo esc_html__( 'Donors', 'charitable' ); ?></p>
					</div>
					<div class="charitable-container charitable-report-ui charitable-card"
					<?php
					if ( $charitable_action === 'download' ) :
						?>
						style="width: 24.5%; display:inline-block;"<?php endif; ?>>
						<strong><span id="charitable-top-refund-total-amount"><?php echo charitable_format_money( $total_amount_refunds ); // phpcs:ignore ?></span></strong>
						<p><span id="charitable-top-refund-count"><?php echo intval( $total_count_refunds ); ?></span> <?php echo esc_html__( 'Refunds', 'charitable' ); ?></p>
					</div>
				</div>

<?php if ( $charitable_action === 'print' ) : ?>
					<div class="charitable-container charitable-report-ui charitable-headline-graph-container">
						<div id="charitable-headline-graph" class="charitable-headline-graph">
						</div>
					</div>
				<?php endif; ?>

</div>

<div class="
		<?php
		if ( $charitable_action === 'print' ) :
			?>
			tablenav charitable-section<?php endif; ?>"
			<?php
			if ( $charitable_action === 'download' ) :
				?>
			style="width: 100%; background-color: white; margin: 0px 0 0 0;"<?php endif; ?>>

</div>

<div class="
		<?php
		if ( $charitable_action === 'print' ) :
			?>
			charitable-section-grid charitable-section-grid-column-flexible<?php endif; ?>">

</div>

</div>

<?php if ( $charitable_action === 'print' ) : ?>

/* utils */

/**
				 * Util function that decodes HTML entities.
				 *
				 * @since 1.8.1
				 *
				 */
				function charitable_decodeHtml( html ) {
					var txt = document.createElement("textarea");
					txt.innerHTML = html;
					return txt.value;
				}

charitable_headline_chart.render();

var charitable_payment_chart = new ApexCharts( document.querySelector("#charitable-payment-methods-graph"), {
					series: charitable_reporting.payment_methods_chart_options.payment_percentages,
					labels: charitable_reporting.payment_methods_chart_options.payment_labels,
					colors: [
						'#d21561', '#9e36f9', '#F99E36', '#2B66D1', '#5AA152'
					],
					chart: {
						type: 'donut',
						width: '75%',
						toolbar: {
							autoSelected: "pan",
							show: false
						}
					},
					dataLabels: {
						enabled: false
					},
					yaxis: {
						labels: {
							formatter: (value) => {
								return value + '%'
							}
						}
					},
					plotOptions: {
						pie: {
							donut: {
								size: '80%'
							}
						}
					},
					total: {
						show: true,
						showAlways: true,
						label: 'Total',
						fontSize: '22px',
						fontFamily: 'Helvetica, Arial, sans-serif',
						fontWeight: 600,
						color: '#373d3f',
						formatter: function (w) {
							return w.globals.seriesTotals.reduce((a, b) => {
								return a + b
							}, 0)
						}
					},
					legend: {
						show: false,
						showForSingleSeries: true,
						showForNullSeries: true,
						showForZeroSeries: true,
						position: 'bottom',
						horizontalAlign: 'center',
						floating: false,
						fontSize: '14px',
						fontFamily: 'Helvetica, Arial',
						fontWeight: 400,
						inverseOrder: true,
						customLegendItems: [],
						offsetX: 0,
						offsetY: 0,
						labels: {
							useSeriesColors: false
						},
						markers: {
							width: 12,
							height: 12,
							strokeWidth: 0,
							strokeColor: '#fff',
							radius: 12,
							offsetX: 0,
							offsetY: 0,
							customHTML: function () {
								return '<span class="custom-marker">test</span>'
							}
						},
						itemMargin: {
							horizontal: 5,
							vertical: 0
						}
					}
				});

charitable_payment_chart.render();

window.onload = function() { window.print(); }

</script>

<?php endif; ?>

</body>

</html>

/home/batcwwjx/public_html/wp-content/plugins/charitable/templates/print/overview.php