<?php
/**
 * Click Analytics & Performance Dashboard View.
 *
 * @package AffiStyle
 */

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

if ( ! current_user_can( 'manage_options' ) ) {
	wp_die( esc_html__( 'You do not have sufficient permissions to access this page.', 'affistyle' ) );
}

$affistyle_date_range = '7';
$affistyle_start_date = '';
$affistyle_end_date   = '';

// phpcs:ignore WordPress.Security.NonceVerification.Recommended
if ( isset( $_GET['date_range'] ) ) {
	// phpcs:ignore WordPress.Security.NonceVerification.Recommended
	$affistyle_date_range = sanitize_text_field( wp_unslash( $_GET['date_range'] ) );
	// phpcs:ignore WordPress.Security.NonceVerification.Recommended
	$affistyle_start_date = isset( $_GET['start_date'] ) ? sanitize_text_field( wp_unslash( $_GET['start_date'] ) ) : '';
	// phpcs:ignore WordPress.Security.NonceVerification.Recommended
	$affistyle_end_date = isset( $_GET['end_date'] ) ? sanitize_text_field( wp_unslash( $_GET['end_date'] ) ) : '';
}

$affistyle_summary = class_exists( 'AffiStyle_Database' ) ? AffiStyle_Database::get_analytics_summary( $affistyle_date_range, $affistyle_start_date, $affistyle_end_date ) : array(
	'total_all_time'        => 0,
	'total_last_7_days'     => 0,
	'unique_visitors'       => 0,
	'total_published_cards' => 0,
	'active_cards_tracked'  => 0,
	'top_countries'         => array(),
	'top_posts'             => array(),
);

$affistyle_total_all_time        = absint( $affistyle_summary['total_all_time'] );
$affistyle_total_last_7_days     = absint( $affistyle_summary['total_last_7_days'] );
$affistyle_unique_visitors       = isset( $affistyle_summary['unique_visitors'] ) ? absint( $affistyle_summary['unique_visitors'] ) : 0;
$affistyle_total_published_cards = absint( $affistyle_summary['total_published_cards'] );
$affistyle_active_cards_tracked  = absint( $affistyle_summary['active_cards_tracked'] );
$affistyle_top_countries         = is_array( $affistyle_summary['top_countries'] ) ? $affistyle_summary['top_countries'] : array();
$affistyle_top_posts             = is_array( $affistyle_summary['top_posts'] ) ? $affistyle_summary['top_posts'] : array();
$affistyle_sticky_cta_clicks     = isset( $affistyle_summary['sticky_cta_clicks'] ) ? absint( $affistyle_summary['sticky_cta_clicks'] ) : 0;

$affistyle_range_label = __( 'Last 7 Days', 'affistyle' );
if ( '30' === $affistyle_date_range ) {
	$affistyle_range_label = __( 'Last 30 Days', 'affistyle' );
} elseif ( '60' === $affistyle_date_range ) {
	$affistyle_range_label = __( 'Last 60 Days', 'affistyle' );
} elseif ( '90' === $affistyle_date_range ) {
	$affistyle_range_label = __( 'Last 90 Days', 'affistyle' );
} elseif ( 'all' === $affistyle_date_range ) {
	$affistyle_range_label = __( 'All Time', 'affistyle' );
} elseif ( 'custom' === $affistyle_date_range ) {
	if ( ! empty( $affistyle_start_date ) && ! empty( $affistyle_end_date ) ) {
		/* translators: 1: start date, 2: end date */
		$affistyle_range_label = sprintf( __( '%1$s – %2$s', 'affistyle' ), esc_html( $affistyle_start_date ), esc_html( $affistyle_end_date ) );
	} elseif ( ! empty( $affistyle_start_date ) ) {
		/* translators: %s: start date */
		$affistyle_range_label = sprintf( __( 'From %s', 'affistyle' ), esc_html( $affistyle_start_date ) );
	} elseif ( ! empty( $affistyle_end_date ) ) {
		/* translators: %s: end date */
		$affistyle_range_label = sprintf( __( 'Until %s', 'affistyle' ), esc_html( $affistyle_end_date ) );
	} else {
		$affistyle_range_label = __( 'Custom Range', 'affistyle' );
	}
}

$affistyle_financial = class_exists( 'AffiStyle_Click_Analytics' ) ? AffiStyle_Click_Analytics::get_financial_metrics( $affistyle_date_range, $affistyle_start_date, $affistyle_end_date ) : array(
	'has_revenue_configured' => false,
	'epc'                    => 0.00,
	'currency'               => '$',
	'total_clicks'           => $affistyle_total_last_7_days,
	'prev_clicks'            => 0,
	'estimated_revenue'      => 0.0,
	'growth_pct'             => 0.0,
	'is_positive'            => true,
	'top_card_id'            => 0,
	'top_card_title'         => __( 'None', 'affistyle' ),
	'top_card_clicks'        => 0,
	'top_card_revenue'       => 0.0,
);

$affistyle_financial_settings = class_exists( 'AffiStyle_Click_Analytics' ) ? AffiStyle_Click_Analytics::get_financial_settings() : array(
	'default_epc'     => 0.00,
	'default_aov'     => 0.00,
	'commission_rate' => 0.0,
	'currency_symbol' => '$',
);
?>

<div class="wrap affistyle-analytics-wrap">
	<?php
	$affistyle_active_tab  = 'analytics';
	$affistyle_header_view = AFFISTYLE_PATH . 'admin/views/app-header.php';
	if ( file_exists( $affistyle_header_view ) ) {
		include $affistyle_header_view;
	}
	?>

	<!-- Analytics Date Range Filters -->
	<form method="get" action="<?php echo esc_url( admin_url( 'edit.php' ) ); ?>" class="affistyle-filters-bar">
		<input type="hidden" name="post_type" value="affistyle_box" />
		<input type="hidden" name="page" value="affistyle-analytics" />

		<div class="affistyle-filters-bar-left">
			<label for="affistyle_date_range_select" class="affistyle-filters-label">
				<span class="dashicons dashicons-calendar-alt" aria-hidden="true"></span>
				<span><?php esc_html_e( 'Date Range Filter:', 'affistyle' ); ?></span>
			</label>
			<select name="date_range" id="affistyle_date_range_select" class="affistyle-filters-select"
				onchange="if(this.value!=='custom'){this.form.submit();}">
				<option value="7" <?php selected( $affistyle_date_range, '7' ); ?>>
					<?php esc_html_e( 'Last 7 Days', 'affistyle' ); ?></option>
				<option value="30" <?php selected( $affistyle_date_range, '30' ); ?>>
					<?php esc_html_e( 'Last 30 Days', 'affistyle' ); ?></option>
				<option value="60" <?php selected( $affistyle_date_range, '60' ); ?>>
					<?php esc_html_e( 'Last 60 Days', 'affistyle' ); ?></option>
				<option value="90" <?php selected( $affistyle_date_range, '90' ); ?>>
					<?php esc_html_e( 'Last 90 Days', 'affistyle' ); ?></option>
				<option value="all" <?php selected( $affistyle_date_range, 'all' ); ?>>
					<?php esc_html_e( 'All Time', 'affistyle' ); ?></option>
				<option value="custom" <?php selected( $affistyle_date_range, 'custom' ); ?>>
					<?php esc_html_e( 'Custom Date Range', 'affistyle' ); ?></option>
			</select>
		</div>

		<div id="affistyle_custom_date_inputs" class="affistyle-custom-date-inputs"
			style="display: <?php echo 'custom' === $affistyle_date_range ? 'flex' : 'none'; ?>;">
			<label for="affistyle_start_date"
				class="screen-reader-text"><?php esc_html_e( 'Start Date', 'affistyle' ); ?></label>
			<input type="date" id="affistyle_start_date" name="start_date"
				value="<?php echo esc_attr( $affistyle_start_date ); ?>"
				class="affistyle-filters-date-input" />
			<span class="affistyle-filters-to"><?php esc_html_e( 'to', 'affistyle' ); ?></span>
			<label for="affistyle_end_date"
				class="screen-reader-text"><?php esc_html_e( 'End Date', 'affistyle' ); ?></label>
			<input type="date" id="affistyle_end_date" name="end_date"
				value="<?php echo esc_attr( $affistyle_end_date ); ?>"
				class="affistyle-filters-date-input" />
			<button type="submit"
				class="button button-primary affistyle-filters-apply-btn"><?php esc_html_e( 'Apply Filter', 'affistyle' ); ?></button>
		</div>

		<div class="affistyle-filters-bar-right">
			<span class="affistyle-live-badge">
				<span class="affistyle-live-dot" aria-hidden="true"></span>
				<?php esc_html_e( 'Real-time Analytics', 'affistyle' ); ?>
			</span>
			<?php do_action( 'affistyle_render_analytics_filters' ); ?>
		</div>
	</form>

	<!-- Key Metrics Summary Grid (5 Core Overview Boxes) -->
	<div class="affistyle-dashboard-kpi-grid">
		<!-- KPI 1: Total Clicks -->
		<div class="affistyle-kpi-card kpi-total-clicks">
			<div class="affistyle-kpi-header">
				<span class="affistyle-kpi-label"><?php esc_html_e( 'Total Clicks', 'affistyle' ); ?></span>
				<div class="affistyle-kpi-icon-wrap">
					<span class="dashicons dashicons-chart-bar affistyle-kpi-icon" aria-hidden="true"></span>
				</div>
			</div>
			<div class="affistyle-kpi-value">
				<?php echo esc_html( number_format_i18n( $affistyle_total_all_time ) ); ?>
			</div>
			<div class="affistyle-kpi-sub">
				<?php esc_html_e( 'All-time cumulative affiliate clicks', 'affistyle' ); ?>
			</div>
		</div>

		<!-- KPI 2: Period Clicks -->
		<div class="affistyle-kpi-card kpi-period-clicks">
			<div class="affistyle-kpi-header">
				<span class="affistyle-kpi-label">
					<?php
					/* translators: %s: active date range label e.g. "Last 7 Days" */
					printf( esc_html__( 'Clicks (%s)', 'affistyle' ), esc_html( $affistyle_range_label ) );
					?>
				</span>
				<div class="affistyle-kpi-icon-wrap">
					<span class="dashicons dashicons-clock affistyle-kpi-icon" aria-hidden="true"></span>
				</div>
			</div>
			<div class="affistyle-kpi-value">
				<?php echo esc_html( number_format_i18n( $affistyle_total_last_7_days ) ); ?>
			</div>
			<div class="affistyle-kpi-sub">
				<?php
				if ( $affistyle_total_all_time > 0 ) {
					$affistyle_pct_period = round( ( $affistyle_total_last_7_days / $affistyle_total_all_time ) * 100, 1 );
					/* translators: %s: percentage of total clicks */
					printf( esc_html__( '%s%% of all-time traffic', 'affistyle' ), esc_html( $affistyle_pct_period ) );
				} else {
					esc_html_e( 'Traffic in selected date range', 'affistyle' );
				}

				if ( ! empty( $affistyle_sticky_cta_clicks ) ) {
					echo '<br>';
					/* translators: %s: mobile sticky CTA clicks */
					printf( esc_html__( 'Includes %s mobile sticky clicks', 'affistyle' ), esc_html( number_format_i18n( $affistyle_sticky_cta_clicks ) ) );
				}
				?>
			</div>
		</div>

		<!-- KPI 3: Unique Visitors -->
		<div class="affistyle-kpi-card kpi-unique-visitors">
			<div class="affistyle-kpi-header">
				<span class="affistyle-kpi-label"><?php esc_html_e( 'Unique Visitors', 'affistyle' ); ?></span>
				<div class="affistyle-kpi-icon-wrap">
					<span class="dashicons dashicons-admin-users affistyle-kpi-icon" aria-hidden="true"></span>
				</div>
			</div>
			<div class="affistyle-kpi-value">
				<?php echo esc_html( number_format_i18n( $affistyle_unique_visitors ) ); ?>
			</div>
			<div class="affistyle-kpi-sub">
				<?php
				if ( $affistyle_total_last_7_days > 0 && $affistyle_unique_visitors > 0 ) {
					$affistyle_ratio = round( $affistyle_total_last_7_days / $affistyle_unique_visitors, 1 );
					/* translators: %s: average clicks per unique visitor */
					printf( esc_html__( '%s clicks / visitor avg', 'affistyle' ), esc_html( $affistyle_ratio ) );
				} else {
					esc_html_e( 'Distinct IP visitor sessions', 'affistyle' );
				}
				?>
			</div>
		</div>

		<!-- KPI 4: Published Boxes -->
		<div class="affistyle-kpi-card kpi-published-boxes">
			<div class="affistyle-kpi-header">
				<span class="affistyle-kpi-label"><?php esc_html_e( 'Published Boxes', 'affistyle' ); ?></span>
				<div class="affistyle-kpi-icon-wrap">
					<span class="dashicons dashicons-layout affistyle-kpi-icon" aria-hidden="true"></span>
				</div>
			</div>
			<div class="affistyle-kpi-value">
				<?php echo esc_html( number_format_i18n( $affistyle_total_published_cards ) ); ?>
			</div>
			<div class="affistyle-kpi-sub">
				<a href="<?php echo esc_url( admin_url( 'edit.php?post_type=affistyle_box' ) ); ?>" class="affistyle-kpi-link">
					<?php esc_html_e( 'View all affiliate cards &rarr;', 'affistyle' ); ?>
				</a>
			</div>
		</div>

		<!-- KPI 5: Active Boxes -->
		<div class="affistyle-kpi-card kpi-active-boxes">
			<div class="affistyle-kpi-header">
				<span class="affistyle-kpi-label"><?php esc_html_e( 'Active Boxes', 'affistyle' ); ?></span>
				<div class="affistyle-kpi-icon-wrap">
					<span class="dashicons dashicons-yes-alt affistyle-kpi-icon" aria-hidden="true"></span>
				</div>
			</div>
			<div class="affistyle-kpi-value">
				<?php echo esc_html( number_format_i18n( $affistyle_active_cards_tracked ) ); ?>
			</div>
			<div class="affistyle-kpi-sub">
				<?php
				/* translators: %s: total published boxes */
				printf( esc_html__( 'Out of %s total boxes', 'affistyle' ), esc_html( number_format_i18n( $affistyle_total_published_cards ) ) );
				?>
			</div>
		</div>
	</div>

	<!-- Financial Valuation & Projected Earnings Section -->
	<?php if ( ! empty( $affistyle_financial['has_revenue_configured'] ) ) : ?>
		<div class="affistyle-earnings-dashboard-section">
			<div class="affistyle-earnings-section-header">
				<div>
					<div class="affistyle-earnings-section-title">
						<span>💰</span>
						<span><?php esc_html_e( 'Projected Earnings & Valuation', 'affistyle' ); ?></span>
						<span style="font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; margin-left: 6px;">
							<?php esc_html_e( 'User Input Active', 'affistyle' ); ?>
						</span>
					</div>
					<div class="affistyle-earnings-section-subtitle">
						<?php esc_html_e( 'Calculated strictly based on user-entered card prices, commission rates, and your configured valuation model. AffiStyle never assumes or guesses earnings without your data.', 'affistyle' ); ?>
					</div>
				</div>
				<button type="button" class="affistyle-btn-valuation-cfg affistyle-open-epc-modal-trigger" id="affistyle_open_epc_modal">
					<span class="dashicons dashicons-admin-generic" aria-hidden="true"></span>
					<span><?php esc_html_e( 'Configure Valuation Model', 'affistyle' ); ?></span>
				</button>
			</div>

			<div class="affistyle-earnings-metrics-row">
				<!-- Est. Revenue Velocity -->
				<div class="affistyle-earning-metric-box">
					<div class="affistyle-earning-metric-label">
						<?php esc_html_e( 'Estimated Revenue Velocity', 'affistyle' ); ?>
					</div>
					<div class="affistyle-earning-metric-val">
						<span style="color: #059669;"><?php echo esc_html( $affistyle_financial['currency'] . number_format_i18n( $affistyle_financial['estimated_revenue'], 2 ) ); ?></span>
						<span class="affistyle-trend-badge <?php echo $affistyle_financial['is_positive'] ? 'is-up' : 'is-down'; ?>">
							<?php echo ( $affistyle_financial['is_positive'] ? '▲ +' : '▼ ' ) . esc_html( abs( $affistyle_financial['growth_pct'] ) ); ?>%
						</span>
					</div>
					<div style="font-size: 12px; color: #64748b; margin-top: 4px;">
						<?php esc_html_e( 'Compared to previous period', 'affistyle' ); ?>
					</div>
				</div>

				<!-- Effective EPC -->
				<div class="affistyle-earning-metric-box">
					<div class="affistyle-earning-metric-label">
						<?php esc_html_e( 'Earnings Per Click (EPC)', 'affistyle' ); ?>
					</div>
					<div class="affistyle-earning-metric-val">
						<span><?php echo esc_html( $affistyle_financial['currency'] . number_format_i18n( $affistyle_financial['epc'], 2 ) ); ?></span>
					</div>
					<div style="font-size: 12px; color: #64748b; margin-top: 4px;">
						<?php esc_html_e( 'Effective average per outbound click', 'affistyle' ); ?>
					</div>
				</div>

				<!-- Top Earning Card -->
				<div class="affistyle-earning-metric-box">
					<div class="affistyle-earning-metric-label">
						<?php esc_html_e( 'Top Earning Card 🏆', 'affistyle' ); ?>
					</div>
					<div class="affistyle-earning-metric-val" style="font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="<?php echo esc_attr( $affistyle_financial['top_card_title'] ); ?>">
						<span><?php echo esc_html( $affistyle_financial['currency'] . number_format_i18n( $affistyle_financial['top_card_revenue'], 2 ) ); ?></span>
					</div>
					<div style="font-size: 12px; color: #64748b; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
						<?php echo esc_html( wp_trim_words( $affistyle_financial['top_card_title'], 4, '...' ) ); ?> (<?php echo esc_html( number_format_i18n( $affistyle_financial['top_card_clicks'] ) ); ?> clicks)
					</div>
				</div>
			</div>
		</div>
	<?php else : ?>
		<!-- Properly Displayed Notice when Earnings are Not Yet Configured -->
		<div class="affistyle-revenue-unconfigured-card">
			<div class="affistyle-revenue-unconfigured-icon-wrap">
				<span class="dashicons dashicons-lightbulb affistyle-revenue-unconfigured-icon" aria-hidden="true"></span>
			</div>
			<div class="affistyle-revenue-unconfigured-body">
				<div class="affistyle-revenue-unconfigured-title">
					<?php esc_html_e( 'Projected Earnings & EPC Not Configured', 'affistyle' ); ?>
				</div>
				<div class="affistyle-revenue-unconfigured-desc">
					<?php esc_html_e( 'AffiStyle does not assume or guess how much you earn without your explicit input. To display projected revenue and EPC analytics on this dashboard, edit your affiliate cards and enter either a Commission Rate (%) with Product Price or a Per-Click Estimated Income (EPC). Alternatively, you can configure a site-wide default valuation model below.', 'affistyle' ); ?>
				</div>
				<div class="affistyle-revenue-unconfigured-actions">
					<button type="button" class="affistyle-btn-cfg-primary affistyle-open-epc-modal-trigger" id="affistyle_open_epc_modal">
						<span class="dashicons dashicons-admin-generic" aria-hidden="true"></span>
						<?php esc_html_e( 'Configure Valuation Model', 'affistyle' ); ?>
					</button>
					<a href="<?php echo esc_url( admin_url( 'edit.php?post_type=affistyle_box' ) ); ?>" class="affistyle-btn-cfg-secondary">
						<?php esc_html_e( 'Enter Prices on Affiliate Boxes', 'affistyle' ); ?>
					</a>
				</div>
			</div>
		</div>
	<?php endif; ?>

	<?php if ( 0 === $affistyle_total_all_time ) : ?>
		<!-- Clean Empty State -->
		<div class="affistyle-analytics-empty-state">
			<div class="affistyle-analytics-empty-icon-wrap">
				<span class="dashicons dashicons-chart-area" aria-hidden="true"></span>
			</div>
			<h3 class="affistyle-analytics-empty-title">
				<?php esc_html_e( 'No Click Analytics Recorded Yet', 'affistyle' ); ?>
			</h3>
			<p class="affistyle-analytics-empty-desc">
				<?php esc_html_e( 'Once you insert an AffiStyle card or Gutenberg block on your site, visitor clicks will automatically be logged here with country demographics and performance metrics.', 'affistyle' ); ?>
			</p>
			<a href="<?php echo esc_url( admin_url( 'post-new.php?post_type=affistyle_box' ) ); ?>"
				class="affistyle-btn-cta-primary">
				<span class="dashicons dashicons-plus-alt2" aria-hidden="true"></span>
				<?php esc_html_e( 'Create Your First Affiliate Box', 'affistyle' ); ?>
			</a>
		</div>
	<?php else : ?>

		<!-- Click Trendline Performance Chart Card -->
		<div class="affistyle-analytics-chart-card">
			<div class="affistyle-analytics-chart-header">
				<div class="affistyle-analytics-chart-title-wrap">
					<span class="affistyle-analytics-chart-icon" aria-hidden="true"><span class="dashicons dashicons-chart-line"></span></span>
					<div>
						<h3 class="affistyle-analytics-chart-title">
							<?php esc_html_e( 'Click Performance Over Time', 'affistyle' ); ?>
						</h3>
						<span class="affistyle-analytics-chart-subtitle">
							<?php
							/* translators: %s: active date range label e.g. "Last 7 Days" */
							printf( esc_html__( 'Visual trend for %s', 'affistyle' ), esc_html( $affistyle_range_label ) );
							?>
						</span>
					</div>
				</div>
				<div class="affistyle-analytics-chart-meta">
					<span class="affistyle-chart-meta-pill">
						<span class="affistyle-chart-meta-dot" aria-hidden="true"></span>
						<?php
						/* translators: %s: total clicks in range */
						printf( esc_html__( '%s Clicks', 'affistyle' ), esc_html( number_format_i18n( $affistyle_total_last_7_days ) ) );
						?>
					</span>
					<?php if ( ! empty( $affistyle_financial['has_revenue_configured'] ) ) : ?>
					<span class="affistyle-chart-meta-pill affistyle-pill-revenue">
						<span class="affistyle-chart-meta-dot affistyle-dot-revenue" aria-hidden="true"></span>
						<?php
						/* translators: 1: currency symbol, 2: total revenue in range */
						printf( esc_html__( '%1$s%2$s Est. Revenue', 'affistyle' ), esc_html( $affistyle_financial['currency'] ), esc_html( number_format_i18n( $affistyle_financial['estimated_revenue'], 2 ) ) );
						?>
					</span>
					<?php endif; ?>
				</div>
			</div>

			<div class="affistyle-chart-wrapper">
				<canvas class="affistyle-analytics-canvas" id="affistyle_analytics_canvas" height="260"></canvas>
				<div class="affistyle-chart-tooltip" id="affistyle_chart_tooltip" role="tooltip" aria-hidden="true"></div>
			</div>
		</div>

		<?php
		do_action( 'affistyle_analytics_after_main_chart', $affistyle_date_range, $affistyle_start_date, $affistyle_end_date );
		?>

		<!-- Data Grid Section: Demographics & Top Cards -->
		<div class="affistyle-analytics-tables-grid">

			<!-- Top Countries Table -->
			<div class="affistyle-analytics-table-card">
				<div class="affistyle-analytics-table-header">
					<h3 class="affistyle-analytics-table-title">
						<span class="dashicons dashicons-admin-site-alt3" style="color: #6366f1;" aria-hidden="true"></span>
						<span><?php esc_html_e( 'Top Visitor Countries', 'affistyle' ); ?></span>
					</h3>
					<span class="affistyle-analytics-table-badge"><?php esc_html_e( 'Demographics', 'affistyle' ); ?></span>
				</div>

				<table class="wp-list-table widefat fixed striped table-view-list" style="border: none; margin-top: 10px;">
					<thead>
						<tr>
							<th scope="col"><?php esc_html_e( 'Country / Region', 'affistyle' ); ?></th>
							<th scope="col" style="text-align: right;"><?php esc_html_e( 'Click Count', 'affistyle' ); ?>
							</th>
							<th scope="col" style="text-align: right;"><?php esc_html_e( 'Share', 'affistyle' ); ?></th>
						</tr>
					</thead>
					<tbody>
						<?php if ( empty( $affistyle_top_countries ) ) : ?>
							<tr>
								<td colspan="3" style="text-align: center; color: #64748b;">
									<?php esc_html_e( 'No country data recorded for this period.', 'affistyle' ); ?></td>
							</tr>
						<?php else : ?>
							<?php foreach ( $affistyle_top_countries as $affistyle_c_row ) : ?>
								<?php
								$affistyle_c_code  = ! empty( $affistyle_c_row['country_code'] ) ? sanitize_text_field( $affistyle_c_row['country_code'] ) : 'ZZ';
								$affistyle_c_label = function_exists( 'affistyle_get_country_label' ) ? affistyle_get_country_label( $affistyle_c_code ) : ( 'ZZ' === $affistyle_c_code ? __( 'Unknown Region (ZZ)', 'affistyle' ) : $affistyle_c_code );
								$affistyle_c_count = absint( $affistyle_c_row['click_count'] );
								$affistyle_c_share = $affistyle_total_all_time > 0 ? round( ( $affistyle_c_count / $affistyle_total_all_time ) * 100, 1 ) : 0;
								?>
								<tr>
									<td>
										<strong
											style="font-size: 14px; font-weight: 600; color: #0f172a;"><?php echo esc_html( $affistyle_c_label ); ?></strong>
									</td>
									<td style="text-align: right; font-weight: 600;">
										<?php echo esc_html( number_format_i18n( $affistyle_c_count ) ); ?>
									</td>
									<td style="text-align: right; color: #64748b;"><?php echo esc_html( $affistyle_c_share ); ?>%
									</td>
								</tr>
							<?php endforeach; ?>
						<?php endif; ?>
					</tbody>
				</table>
			</div>

			<!-- Top Performing Affiliate Boxes -->
			<div class="affistyle-analytics-table-card">
				<div class="affistyle-analytics-table-header">
					<h3 class="affistyle-analytics-table-title">
						<span class="dashicons dashicons-awards" style="color: #f59e0b;" aria-hidden="true"></span>
						<span><?php esc_html_e( 'Top Performing Cards', 'affistyle' ); ?></span>
					</h3>
					<span class="affistyle-analytics-table-badge"><?php esc_html_e( 'Top 5 Boxes', 'affistyle' ); ?></span>
				</div>

				<table class="wp-list-table widefat fixed striped table-view-list" style="border: none; margin-top: 10px;">
					<thead>
						<tr>
							<th scope="col"><?php esc_html_e( 'Affiliate Box Title', 'affistyle' ); ?></th>
							<th scope="col" style="text-align: right;"><?php esc_html_e( 'Total Clicks', 'affistyle' ); ?></th>
							<?php if ( ! empty( $affistyle_financial['has_revenue_configured'] ) ) : ?>
								<th scope="col" style="text-align: right;"><?php esc_html_e( 'Est. Revenue', 'affistyle' ); ?></th>
							<?php endif; ?>
						</tr>
					</thead>
					<tbody>
						<?php if ( empty( $affistyle_top_posts ) ) : ?>
							<tr>
								<td colspan="<?php echo ! empty( $affistyle_financial['has_revenue_configured'] ) ? '3' : '2'; ?>" style="text-align: center; color: #64748b;">
									<?php esc_html_e( 'No box clicks recorded for this period.', 'affistyle' ); ?></td>
							</tr>
						<?php else : ?>
							<?php foreach ( $affistyle_top_posts as $affistyle_p_row ) : ?>
								<?php
								$affistyle_p_id    = absint( $affistyle_p_row['post_id'] );
								$affistyle_p_count = absint( $affistyle_p_row['click_count'] );
								$affistyle_p_title = get_the_title( $affistyle_p_id );
								if ( empty( $affistyle_p_title ) ) {
									/* translators: %d: Affiliate Card Post ID */
									$affistyle_p_title = sprintf( __( 'Card #%d', 'affistyle' ), $affistyle_p_id );
								}
								?>
								<tr>
									<td>
										<a href="<?php echo esc_url( get_edit_post_link( $affistyle_p_id ) ); ?>"
											style="font-weight: 600; text-decoration: none;">
											<?php echo esc_html( $affistyle_p_title ); ?>
										</a>
									</td>
									<td style="text-align: right; font-weight: 700; color: #2563eb;">
										<?php echo esc_html( number_format_i18n( $affistyle_p_count ) ); ?>
									</td>
									<?php if ( ! empty( $affistyle_financial['has_revenue_configured'] ) ) : ?>
										<?php
										$affistyle_p_epc = class_exists( 'AffiStyle_Click_Analytics' ) ? AffiStyle_Click_Analytics::get_card_effective_epc( $affistyle_p_id ) : 0.0;
										$affistyle_p_rev = round( $affistyle_p_count * $affistyle_p_epc, 2 );
										?>
										<td style="text-align: right; font-weight: 700; color: #059669;">
											<?php echo esc_html( $affistyle_financial['currency'] . number_format_i18n( $affistyle_p_rev, 2 ) ); ?>
										</td>
									<?php endif; ?>
								</tr>
							<?php endforeach; ?>
						<?php endif; ?>
					</tbody>
				</table>
			</div>

		</div>

		<!-- Pluggable Extension Hooks -->
		<?php do_action( 'affistyle_render_geo_routing_tab' ); ?>
		<?php do_action( 'affistyle_export_csv_action' ); ?>
		<?php do_action( 'affistyle_analytics_dashboard_footer' ); ?>
	<?php endif; ?>

	<!-- Financial Intelligence & EPC Settings Modal -->
	<div class="affistyle-epc-modal-backdrop" id="affistyle_epc_modal_backdrop" role="dialog" aria-modal="true" aria-labelledby="affistyle_epc_modal_title" style="display: none;">
		<div class="affistyle-epc-modal-dialog">
			<div class="affistyle-epc-modal-header">
				<div>
					<h3 class="affistyle-epc-modal-title" id="affistyle_epc_modal_title">
						<span class="dashicons dashicons-chart-pie" style="color: #059669; font-size: 20px; width: 20px; height: 20px; vertical-align: middle;"></span>
						<?php esc_html_e( 'Configure Client Financial Valuation Model', 'affistyle' ); ?>
					</h3>
					<p class="description" style="margin: 4px 0 0; font-size: 12px; color: #64748b;">
						<?php esc_html_e( 'Customize earnings projections and valuation metrics across your dashboard.', 'affistyle' ); ?>
					</p>
				</div>
				<button type="button" class="affistyle-epc-modal-close" id="affistyle_epc_modal_close" aria-label="<?php esc_attr_e( 'Close dialog', 'affistyle' ); ?>">
					<span class="dashicons dashicons-no-alt"></span>
				</button>
			</div>
			<form id="affistyle_financial_settings_form">
				<div class="affistyle-epc-modal-body">
					<?php wp_nonce_field( 'affistyle_save_financial_nonce', 'affistyle_financial_nonce' ); ?>

					<div class="affistyle-epc-grid">
						<div class="affistyle-epc-form-row">
							<label class="affistyle-epc-label" for="affistyle_cfg_currency">
								<?php esc_html_e( 'Currency Symbol', 'affistyle' ); ?>
							</label>
							<input type="text" id="affistyle_cfg_currency" name="currency_symbol" class="affistyle-epc-input" value="<?php echo esc_attr( $affistyle_financial_settings['currency_symbol'] ); ?>" maxlength="5" required />
							<p class="affistyle-epc-desc"><?php esc_html_e( 'E.g., $, €, £, ₹, ¥', 'affistyle' ); ?></p>
						</div>

						<div class="affistyle-epc-form-row">
							<label class="affistyle-epc-label" for="affistyle_cfg_epc">
								<?php esc_html_e( 'Default Earnings Per Click (EPC)', 'affistyle' ); ?>
							</label>
							<input type="number" step="0.01" min="0" id="affistyle_cfg_epc" name="default_epc" class="affistyle-epc-input" value="<?php echo esc_attr( $affistyle_financial_settings['default_epc'] ); ?>" required />
							<p class="affistyle-epc-desc"><?php esc_html_e( 'Niche standard payout per outbound click ($0.25 - $1.50).', 'affistyle' ); ?></p>
						</div>

						<div class="affistyle-epc-form-row">
							<label class="affistyle-epc-label" for="affistyle_cfg_aov">
								<?php esc_html_e( 'Average Order Value (AOV)', 'affistyle' ); ?>
							</label>
							<input type="number" step="0.50" min="0" id="affistyle_cfg_aov" name="default_aov" class="affistyle-epc-input" value="<?php echo esc_attr( $affistyle_financial_settings['default_aov'] ); ?>" />
							<p class="affistyle-epc-desc"><?php esc_html_e( 'Average cart size purchased by referred visitors.', 'affistyle' ); ?></p>
						</div>

						<div class="affistyle-epc-form-row">
							<label class="affistyle-epc-label" for="affistyle_cfg_comm">
								<?php esc_html_e( 'Merchant Commission Rate (%)', 'affistyle' ); ?>
							</label>
							<input type="number" step="0.1" min="0" max="100" id="affistyle_cfg_comm" name="commission_rate" class="affistyle-epc-input" value="<?php echo esc_attr( $affistyle_financial_settings['commission_rate'] ); ?>" />
							<p class="affistyle-epc-desc"><?php esc_html_e( 'Network payout percentage (e.g. 4% Amazon, 25% SaaS).', 'affistyle' ); ?></p>
						</div>
					</div>

					<div class="affistyle-epc-formula-card">
						<span class="dashicons dashicons-info-outline" style="color: #0284c7; font-size: 18px; width: 18px; height: 18px; vertical-align: middle; flex-shrink: 0;"></span>
						<div style="font-size: 11.5px; color: #0369a1; line-height: 1.4;">
							<strong><?php esc_html_e( 'Dynamic Valuation Formula:', 'affistyle' ); ?></strong>
							<?php esc_html_e( 'Cards with card-level revenue configs use their explicit settings. Cards without explicit earnings fall back to these global parameters.', 'affistyle' ); ?>
						</div>
					</div>
				</div>
				<div class="affistyle-epc-modal-footer">
					<button type="button" class="button button-secondary" id="affistyle_epc_modal_cancel">
						<?php esc_html_e( 'Cancel', 'affistyle' ); ?>
					</button>
					<button type="submit" class="button button-primary" id="affistyle_epc_modal_save">
						<span class="dashicons dashicons-saved" style="vertical-align: middle; margin-right: 3px;"></span>
						<?php esc_html_e( 'Save & Recalculate', 'affistyle' ); ?>
					</button>
				</div>
			</form>
		</div>
	</div>

</div>