<?php
/**
 * Dashboard: overall SEO score, scan history, prioritized page list — laid out
 * as a bento grid (Stage 7.6), with the overall score as the hero card and the
 * rest as smaller cards around it.
 *
 * Third design pass (Mockup B "wow" scene, ABDS-SEO-TZ-SCORE-WOW-093.md Task
 * B, owner-approved 21Aug26): the hero renders an animated gradient score
 * ring instead of a flat number (SVG here at its final, correct state;
 * src/admin.js's own vanilla rAF script drives the count-up/sweep on top —
 * no React mount, matching the checklist-completion confetti a few sections
 * down, this page's own established pattern for one-shot entrance
 * animation), plus a row of status cards (Content/Indexing/Sitemap) on
 * today's real data. Deliberately no Technical/Schema status cards yet —
 * §104, that data doesn't exist until R3/R4. The grid still auto-flows via
 * plain .abds-seo-bento-card/--wide/--full spans, so R3's planned
 * severity-summary + top-problems cards can slot in as new full-width
 * sections without restructuring this layout.
 *
 * @package ABDS_SEO
 */

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

/**
 * Wrapped in an immediately-invoked closure so every variable below is a
 * genuine function-local, not a top-level "global" one — WordPress.NamingConventions.PrefixAllGlobals
 * otherwise treats top-level script variables in an included file the same
 * as real globals and demands an abds_seo_ prefix on template-local names
 * like $row or $settings, which would be misleading (they are private to
 * this render pass, never read from outside it).
 */
( function () {
	global $wpdb;

	$page_scores_table = $wpdb->prefix . 'abds_seo_page_scores';
	$scans_table       = $wpdb->prefix . 'abds_seo_scans';

	// phpcs:disable WordPress.DB.PreparedSQL.InterpolatedNotPrepared, WordPress.DB.DirectDatabaseQuery.DirectQuery, WordPress.DB.DirectDatabaseQuery.NoCaching, PluginCheck.Security.DirectDB.UnescapedDBParameter -- $page_scores_table/$scans_table are built only from $wpdb->prefix plus a hardcoded literal, never user input, so string interpolation is safe here ($wpdb->prepare() cannot parameterize identifiers anyway). This dashboard is an admin-only screen loaded rarely (one pageview per visit), so the summary aggregates are recomputed on each load rather than cached — the query cost is negligible next to the page's own render cost.
	$avg_technical          = $wpdb->get_var( "SELECT AVG(technical_score) FROM {$page_scores_table}" );
	$avg_content            = $wpdb->get_var( "SELECT AVG(content_score) FROM {$page_scores_table}" );
	$last_scan              = $wpdb->get_row( "SELECT * FROM {$scans_table} ORDER BY id DESC LIMIT 1" );
	$abds_seo_scanned_pages = (int) $wpdb->get_var( "SELECT COUNT(*) FROM {$page_scores_table}" );

	// phpcs:enable

	// Third design pass: "N pages analyzed" is the current total of distinct
	// scanned pages (page_scores is unique-keyed per post_id, so COUNT(*)
	// already reflects re-scans in place), not $last_scan->pages_scanned,
	// which is that one run's own progress counter and can lag behind the
	// true distinct total between scans.
	$abds_seo_last_audit_date = null;
	if ( $last_scan && $last_scan->finished_at ) {
		$abds_seo_last_audit_date = date_i18n( get_option( 'date_format' ), strtotime( $last_scan->finished_at ) );
	} elseif ( $last_scan && $last_scan->started_at ) {
		$abds_seo_last_audit_date = date_i18n( get_option( 'date_format' ), strtotime( $last_scan->started_at ) );
	}

	$abds_seo_noindex_count = ABDS_SEO_Noindex_Count::noindexed_post_count();
	$abds_seo_sitemap       = ( new ABDS_SEO_Sitemap_Controller() )->status();

	// Ranked by ABDS_SEO_Priority_Service, not by raw score: a broken page
	// nobody visits matters less than a slightly-off page carrying real
	// traffic. Passing false forbids an inline GSC call — a cache miss
	// queues a background refresh instead of stalling this page load.
	// limit=0 (all) costs the same as any other limit — ranking trims the
	// already-fully-fetched candidate list, it doesn't re-query per limit —
	// so this reuses one call for both the "N issues across M pages"
	// summary and the top-10 table below.
	$attention            = ( new ABDS_SEO_Priority_Service() )->get_attention_list( 0, false );
	$abds_seo_issue_count = count( $attention['items'] );
	$abds_seo_table_items = array_slice( $attention['items'], 0, 10 );

	$abds_seo_license_status = ( new ABDS_SEO_License_Store() )->get_status();
	$abds_seo_license_state  = (string) ( $abds_seo_license_status['status'] ?? 'none' );
	$abds_seo_license_labels = array(
		'active'             => __( 'License active', 'abds-seo' ),
		'expired'            => __( 'License expired', 'abds-seo' ),
		'revoked'            => __( 'License revoked', 'abds-seo' ),
		'not_found'          => __( 'License not found', 'abds-seo' ),
		'site_limit_reached' => __( 'Site limit reached', 'abds-seo' ),
		'none'               => __( 'License not activated', 'abds-seo' ),
	);
	$abds_seo_license_label  = $abds_seo_license_labels[ $abds_seo_license_state ] ?? $abds_seo_license_labels['none'];
	$abds_seo_settings_url   = admin_url( 'admin.php?page=abds-seo-settings' );

	// Getting-started checklist (Yoast-pattern): four real, objectively
	// measurable milestones — no separate "completed" flag to maintain,
	// each step just reads data this plugin already has. Kept honest:
	// license activation is real progress toward full value, same as
	// Yoast's own checklist includes a Premium step, but it's one of
	// four, not a gate on the other three.
	// phpcs:disable WordPress.DB.DirectDatabaseQuery.DirectQuery, WordPress.DB.DirectDatabaseQuery.NoCaching -- same admin-only, once-per-pageview rationale as the avg_technical/avg_content queries above; $wpdb->postmeta is core, every value passed through prepare().
	$abds_seo_has_keyword       = (int) $wpdb->get_var(
		$wpdb->prepare( "SELECT COUNT(*) FROM {$wpdb->postmeta} WHERE meta_key = %s AND meta_value != ''", '_abds_seo_focus_keyword' )
	) > 0;
	$abds_seo_has_title_or_desc = (int) $wpdb->get_var(
		$wpdb->prepare(
			"SELECT COUNT(*) FROM {$wpdb->postmeta} WHERE meta_key IN (%s, %s) AND meta_value != ''",
			'_abds_seo_title',
			'_abds_seo_description'
		)
	) > 0;
	// phpcs:enable
	$abds_seo_checklist       = array(
		array(
			'done'  => (bool) $last_scan,
			'label' => __( 'Run your first site audit', 'abds-seo' ),
			'url'   => '#abds-seo-first-scan',
		),
		array(
			'done'  => $abds_seo_has_keyword,
			'label' => __( 'Set a focus keyword on at least one page', 'abds-seo' ),
			'url'   => admin_url( 'edit.php' ),
		),
		array(
			'done'  => $abds_seo_has_title_or_desc,
			'label' => __( 'Write an SEO title or meta description', 'abds-seo' ),
			'url'   => admin_url( 'edit.php' ),
		),
		array(
			'done'  => 'active' === $abds_seo_license_state,
			'label' => __( 'Activate your license to unlock Pro features', 'abds-seo' ),
			'url'   => $abds_seo_settings_url,
		),
	);
	$abds_seo_checklist_done  = count( array_filter( wp_list_pluck( $abds_seo_checklist, 'done' ) ) );
	$abds_seo_checklist_total = count( $abds_seo_checklist );

	// The "finishing onboarding" achievement moment (Task B/C wow layer,
	// ABDS-SEO-TZ-SCORE-WOW-093.md, owner-approved Mockup B as-is): the
	// checklist card normally disappears the moment it's done (see the
	// visibility condition below), which would mean nobody ever actually
	// SEES it finish. This renders it one last time, fully checked off,
	// with a one-time confetti burst — then flips a site option so it
	// never shows the completed state again. A real server-tracked flag
	// (not localStorage, unlike the per-post score-ring celebration in
	// sidebar.js/classic-meta-box.js) because this is a single site-wide
	// milestone, not something that varies per post or per browser.
	$abds_seo_onboarding_just_completed = false;
	if ( $abds_seo_checklist_done === $abds_seo_checklist_total && ! get_option( 'abds_seo_onboarding_celebrated' ) ) {
		$abds_seo_onboarding_just_completed = true;
		update_option( 'abds_seo_onboarding_celebrated', true );
	}

	// The overall score is the focus of the dashboard — the average of the
	// technical and content scores when both exist, otherwise whichever is
	// present. Its band drives the substats' colouring; the ring's own
	// gradient stroke is deliberately fixed poor->ok->good regardless of
	// band (same choice src/sidebar.js's ScoreRing makes — see that
	// component's own docblock), so it reads as a living dial, not a flat
	// per-band colour swap.
	$abds_seo_tech    = ( null !== $avg_technical ) ? (int) round( (float) $avg_technical ) : null;
	$abds_seo_content = ( null !== $avg_content ) ? (int) round( (float) $avg_content ) : null;
	if ( null !== $abds_seo_tech && null !== $abds_seo_content ) {
		$abds_seo_overall = (int) round( ( $abds_seo_tech + $abds_seo_content ) / 2 );
	} else {
		$abds_seo_overall = $abds_seo_tech ?? $abds_seo_content;
	}
	$abds_seo_band = 'na';
	if ( null !== $abds_seo_overall ) {
		$abds_seo_band = $abds_seo_overall >= 80 ? 'good' : ( $abds_seo_overall >= 50 ? 'ok' : 'poor' );
	}
	$abds_seo_content_band = 'na';
	if ( null !== $abds_seo_content ) {
		$abds_seo_content_band = $abds_seo_content >= 80 ? 'good' : ( $abds_seo_content >= 50 ? 'ok' : 'poor' );
	}

	$abds_seo_hero_radius        = 52;
	$abds_seo_hero_circumference = 2 * M_PI * $abds_seo_hero_radius;
	$abds_seo_hero_offset        = null !== $abds_seo_overall
		? $abds_seo_hero_circumference * ( 1 - $abds_seo_overall / 100 )
		: $abds_seo_hero_circumference;
	?>
	<div class="wrap abds-seo-wrap">
		<h1 class="abds-seo-page-title">
			<img
				class="abds-seo-logo"
				src="<?php echo esc_url( ABDS_SEO_PLUGIN_URL . 'assets/icon.svg' ); ?>"
				alt=""
				width="28"
				height="28"
			/>
			<?php esc_html_e( 'ABDS SEO — Dashboard', 'abds-seo' ); ?>
		</h1>

		<div class="abds-seo-bento">
			<?php // Hero: the overall SEO score as an animated gradient ring, the largest, most prominent card. ?>
			<section class="abds-seo-bento-card abds-seo-bento-card--hero">
				<h2 class="abds-seo-bento-card__title"><?php esc_html_e( 'Overall SEO score', 'abds-seo' ); ?></h2>
				<?php if ( null === $abds_seo_overall ) : ?>
					<?php
					/*
					 * §104: a block with no data yet must say so honestly and offer
					 * the fix, not just render a lone muted "—" — that reads as
					 * "this is broken", not "nothing scanned yet". The ring itself
					 * shows a "?" over a faint grid texture rather than an empty
					 * gradient arc, matching the same honest-empty-state language
					 * as the rest of this composition.
					 */
					?>
					<p class="abds-seo-bento-card__desc">
						<?php esc_html_e( 'No pages have been analyzed yet — this card fills in once your first site audit completes.', 'abds-seo' ); ?>
					</p>
					<div class="abds-seo-hero-ring-wrap">
						<div class="abds-seo-hero-ring abds-seo-hero-ring--empty">
							<div class="abds-seo-hero-ring__grid-motif" aria-hidden="true"></div>
							<span class="abds-seo-hero-ring__value">?</span>
						</div>
						<div class="abds-seo-hero-sub">
							<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
								<?php wp_nonce_field( 'abds_seo_run_first_scan' ); ?>
								<input type="hidden" name="action" value="abds_seo_run_first_scan" />
								<?php submit_button( __( 'Run first site audit', 'abds-seo' ), 'primary', 'submit', false ); ?>
							</form>
						</div>
					</div>
				<?php else : ?>
					<p class="abds-seo-bento-card__desc">
						<?php esc_html_e( 'Average of the technical and content scores across analyzed pages.', 'abds-seo' ); ?>
					</p>
					<div class="abds-seo-hero-ring-wrap">
						<div
							class="abds-seo-hero-ring"
							data-abds-seo-hero-ring
							data-abds-seo-hero-score="<?php echo esc_attr( (string) $abds_seo_overall ); ?>"
							data-abds-seo-hero-circumference="<?php echo esc_attr( (string) $abds_seo_hero_circumference ); ?>"
						>
							<svg class="abds-seo-hero-ring__svg" viewBox="0 0 120 120" width="120" height="120" aria-hidden="true">
								<defs>
									<linearGradient id="abds-seo-hero-ring-grad" x1="0%" y1="0%" x2="100%" y2="100%">
										<stop offset="0%" stop-color="#b32d2e" />
										<stop offset="50%" stop-color="#e0b83e" />
										<stop offset="100%" stop-color="#007017" />
									</linearGradient>
								</defs>
								<circle class="abds-seo-hero-ring__track" cx="60" cy="60" r="<?php echo esc_attr( (string) $abds_seo_hero_radius ); ?>" />
								<circle
									class="abds-seo-hero-ring__fill"
									data-abds-seo-hero-ring-fill
									cx="60"
									cy="60"
									r="<?php echo esc_attr( (string) $abds_seo_hero_radius ); ?>"
									stroke="url(#abds-seo-hero-ring-grad)"
									style="stroke-dasharray:<?php echo esc_attr( (string) $abds_seo_hero_circumference ); ?>;stroke-dashoffset:<?php echo esc_attr( (string) $abds_seo_hero_offset ); ?>;"
								/>
							</svg>
							<span class="abds-seo-hero-ring__value" data-abds-seo-hero-ring-value><?php echo esc_html( (string) $abds_seo_overall ); ?></span>
						</div>
						<div class="abds-seo-hero-sub">
							<span>
								<?php esc_html_e( 'Technical', 'abds-seo' ); ?>
								<b><?php echo null !== $abds_seo_tech ? esc_html( (string) $abds_seo_tech ) : '—'; ?></b>
							</span>
							<span>
								<?php esc_html_e( 'Content', 'abds-seo' ); ?>
								<b><?php echo null !== $abds_seo_content ? esc_html( (string) $abds_seo_content ) : '—'; ?></b>
							</span>
							<span>
								<?php
								printf(
									/* translators: %d: number of pages analyzed. */
									esc_html( _n( '%d page analyzed', '%d pages analyzed', $abds_seo_scanned_pages, 'abds-seo' ) ),
									(int) $abds_seo_scanned_pages
								);
								?>
							</span>
							<?php if ( $abds_seo_last_audit_date ) : ?>
								<span>
									<?php
									printf(
										/* translators: %s: last audit date. */
										esc_html__( 'Last audit: %s', 'abds-seo' ),
										esc_html( $abds_seo_last_audit_date )
									);
									?>
								</span>
							<?php endif; ?>
							<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
								<?php wp_nonce_field( 'abds_seo_run_first_scan' ); ?>
								<input type="hidden" name="action" value="abds_seo_run_first_scan" />
								<?php submit_button( __( 'Run again', 'abds-seo' ), 'primary', 'submit', false ); ?>
							</form>
						</div>
					</div>
				<?php endif; ?>
			</section>

			<?php
			/*
			 * Content/Indexing/Sitemap status row: a nested .abds-seo-bento
			 * sub-grid, not three direct children of the outer grid — the
			 * hero card's grid-row: span 2 otherwise breaks the outer grid's
			 * auto-placement (it leaves only a 1-column gap beside the hero
			 * on row 1, so the 2nd/3rd status cards get pushed onto their
			 * own separate rows instead of sitting in one row). Same nested-
			 * grid technique Search Appearance's Content Types/Taxonomies
			 * tabs already use for their own 3-across card rows.
			 */
			?>
			<div class="abds-seo-bento abds-seo-dashboard-status-row">
				<?php // Content status (real data: average content score across analyzed pages). ?>
				<section class="abds-seo-bento-card">
					<h2 class="abds-seo-bento-card__title"><?php esc_html_e( 'Content', 'abds-seo' ); ?></h2>
					<span class="abds-seo-stat-card__value abds-seo-stat-card__value--<?php echo esc_attr( $abds_seo_content_band ); ?>">
						<?php echo null !== $abds_seo_content ? esc_html( (string) $abds_seo_content ) : '—'; ?>
					</span>
					<p class="abds-seo-stat-card__note"><?php esc_html_e( 'Average content score across analyzed pages.', 'abds-seo' ); ?></p>
				</section>

				<?php // Indexing status (real data: live noindex count via ABDS_SEO_Noindex_Count). ?>
				<section class="abds-seo-bento-card">
					<h2 class="abds-seo-bento-card__title"><?php esc_html_e( 'Indexing', 'abds-seo' ); ?></h2>
					<span class="abds-seo-stat-card__value"><?php echo esc_html( (string) $abds_seo_noindex_count ); ?></span>
					<p class="abds-seo-stat-card__note">
						<?php
						printf(
							/* translators: %d: number of noindexed pages. */
							esc_html( _n( '%d page currently noindexed.', '%d pages currently noindexed.', $abds_seo_noindex_count, 'abds-seo' ) ),
							(int) $abds_seo_noindex_count
						);
						?>
						<a href="<?php echo esc_url( admin_url( 'admin.php?page=abds-seo-search-appearance' ) ); ?>"><?php esc_html_e( 'Manage in Search Appearance', 'abds-seo' ); ?></a>
					</p>
				</section>

				<?php // Sitemap status (real data: ABDS_SEO_Sitemap_Controller::status(), same call the REST endpoint makes). ?>
				<section class="abds-seo-bento-card">
					<h2 class="abds-seo-bento-card__title"><?php esc_html_e( 'Sitemap', 'abds-seo' ); ?></h2>
					<?php if ( 'suppressed' === $abds_seo_sitemap['status'] ) : ?>
						<span class="abds-seo-stat-card__value abds-seo-stat-card__value--na">—</span>
						<p class="abds-seo-stat-card__note"><?php esc_html_e( 'Disabled — another SEO plugin is active.', 'abds-seo' ); ?></p>
					<?php else : ?>
						<span class="abds-seo-stat-card__value abds-seo-stat-card__value--good"><?php echo esc_html( (string) $abds_seo_sitemap['url_count'] ); ?></span>
						<p class="abds-seo-stat-card__note">
							<?php esc_html_e( 'URLs in the sitemap.', 'abds-seo' ); ?>
							<a href="<?php echo esc_url( admin_url( 'admin.php?page=abds-seo-indexing' ) ); ?>"><?php esc_html_e( 'View sitemap', 'abds-seo' ); ?></a>
						</p>
					<?php endif; ?>
				</section>
			</div>

			<?php // Noindex-activation warning, embedded here instead of a global admin_notices banner — see ABDS_SEO_Noindex_Activation_Notice::render()'s own screen check. ?>
			<?php if ( ABDS_SEO_Noindex_Activation::is_pending() ) : ?>
				<?php $abds_seo_noindex_pending = ABDS_SEO_Noindex_Activation::pending_count(); ?>
				<section class="abds-seo-bento-card abds-seo-bento-card--full abds-seo-bento-card--noindex-activation">
					<h2 class="abds-seo-bento-card__title"><?php esc_html_e( 'Migrated noindex/nofollow data is activating', 'abds-seo' ); ?></h2>
					<p class="abds-seo-bento-card__desc">
						<?php
						printf(
							esc_html(
								/* translators: %d: number of affected posts. */
								_n(
									'%d page has long-stored noindex/nofollow settings from a previous SEO plugin migration that now start taking real effect on your live site with this update.',
									'%d pages have long-stored noindex/nofollow settings from a previous SEO plugin migration that now start taking real effect on your live site with this update.',
									$abds_seo_noindex_pending,
									'abds-seo'
								)
							),
							(int) $abds_seo_noindex_pending
						);
						?>
					</p>
					<div class="abds-seo-bento-card__actions">
						<a href="<?php echo esc_url( admin_url( 'admin.php?page=abds-seo-noindex-activation-review' ) ); ?>" class="button"><?php esc_html_e( 'Review affected pages', 'abds-seo' ); ?></a>
						<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
							<?php wp_nonce_field( 'abds_seo_acknowledge_noindex_activation' ); ?>
							<input type="hidden" name="action" value="abds_seo_acknowledge_noindex_activation" />
							<?php submit_button( __( 'Got it, dismiss', 'abds-seo' ), 'secondary', 'submit', false ); ?>
						</form>
					</div>
				</section>
			<?php endif; ?>

			<?php // Last scan. ?>
			<section class="abds-seo-bento-card abds-seo-bento-card--wide">
				<h2 class="abds-seo-bento-card__title"><?php esc_html_e( 'Last scan', 'abds-seo' ); ?></h2>
				<?php if ( isset( $_GET['abds-seo-scan-started'] ) ) : // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- read-only post-redirect flash flag, not used for any state change. ?>
					<div class="notice notice-success inline">
						<p><?php esc_html_e( 'Audit started — scanning runs in the background and this card updates as pages finish.', 'abds-seo' ); ?></p>
					</div>
				<?php endif; ?>
				<?php if ( ! $last_scan ) : ?>
					<p class="abds-seo-bento-card__desc"><?php esc_html_e( "This site hasn't been audited yet — run the first scan to get a score and a prioritized list of what to fix.", 'abds-seo' ); ?></p>
					<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
						<?php wp_nonce_field( 'abds_seo_run_first_scan' ); ?>
						<input type="hidden" name="action" value="abds_seo_run_first_scan" />
						<?php submit_button( __( 'Run first site audit', 'abds-seo' ), 'primary', 'submit', false ); ?>
					</form>
				<?php elseif ( 'running' === $last_scan->status ) : ?>
					<p>
						<?php
						printf(
							/* translators: %d: number of pages scanned so far. */
							esc_html__( 'Scan in progress — %d pages scanned so far. This card will show the final count once it finishes.', 'abds-seo' ),
							(int) $last_scan->pages_scanned
						);
						?>
					</p>
				<?php else : ?>
					<p>
						<?php
						printf(
							/* translators: 1: scan status, 2: number of pages scanned. */
							esc_html__( 'Status: %1$s, pages: %2$d', 'abds-seo' ),
							esc_html( $last_scan->status ),
							(int) $last_scan->pages_scanned
						);
						?>
					</p>
					<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
						<?php wp_nonce_field( 'abds_seo_run_first_scan' ); ?>
						<input type="hidden" name="action" value="abds_seo_run_first_scan" />
						<?php submit_button( __( 'Run again', 'abds-seo' ), 'secondary', 'submit', false ); ?>
					</form>
				<?php endif; ?>
			</section>

			<?php // License status + the optional onboarding launcher (React). ?>
			<section class="abds-seo-bento-card abds-seo-bento-card--wide">
				<h2 class="abds-seo-bento-card__title"><?php esc_html_e( 'License and settings', 'abds-seo' ); ?></h2>
				<p class="abds-seo-license-status">
					<span class="dashicons dashicons-lock" aria-hidden="true"></span>
					<strong><?php echo esc_html( $abds_seo_license_label ); ?></strong>
					<?php if ( 'active' !== $abds_seo_license_state ) : ?>
						&mdash; <a href="<?php echo esc_url( $abds_seo_settings_url ); ?>"><?php esc_html_e( 'manage license', 'abds-seo' ); ?></a>
					<?php endif; ?>
				</p>
				<?php // Quick-setup wizard: a "run again" button + the modal, which auto-opens once. ?>
				<div id="abds-seo-onboarding-root" class="abds-seo-onboarding-launcher"></div>
			</section>

			<?php // Getting-started checklist (full width) — hidden once everything is done AND the completion moment has already been celebrated once, so a returning power user never sees a stale "getting started" card. ?>
			<?php if ( $abds_seo_checklist_done < $abds_seo_checklist_total || $abds_seo_onboarding_just_completed ) : ?>
				<section
					class="abds-seo-bento-card abds-seo-bento-card--full abds-seo-checklist"
					id="abds-seo-first-scan"
					<?php echo $abds_seo_onboarding_just_completed ? 'data-abds-seo-just-completed' : ''; ?>
				>
					<?php if ( $abds_seo_onboarding_just_completed ) : ?>
						<canvas class="abds-seo-checklist__confetti" data-abds-seo-confetti width="600" height="200" aria-hidden="true"></canvas>
					<?php endif; ?>
					<h2 class="abds-seo-bento-card__title">
						<?php
						printf(
							/* translators: 1: steps completed, 2: total steps. */
							esc_html__( 'Getting started (%1$d of %2$d)', 'abds-seo' ),
							(int) $abds_seo_checklist_done,
							(int) $abds_seo_checklist_total
						);
						?>
					</h2>
					<div class="abds-seo-checklist__bar" role="progressbar" aria-valuenow="<?php echo esc_attr( (string) $abds_seo_checklist_done ); ?>" aria-valuemin="0" aria-valuemax="<?php echo esc_attr( (string) $abds_seo_checklist_total ); ?>">
						<div class="abds-seo-checklist__bar-fill" style="--abds-seo-checklist-fill:<?php echo esc_attr( (string) ( $abds_seo_checklist_done / $abds_seo_checklist_total ) ); ?>"></div>
					</div>
					<ul class="abds-seo-checklist__list">
						<?php foreach ( $abds_seo_checklist as $abds_seo_step ) : ?>
							<li class="abds-seo-checklist__item<?php echo $abds_seo_step['done'] ? ' is-done' : ''; ?>">
								<span class="abds-seo-checklist__icon" aria-hidden="true"><?php echo $abds_seo_step['done'] ? '&#10003;' : ''; ?></span>
								<?php if ( $abds_seo_step['done'] ) : ?>
									<span><?php echo esc_html( $abds_seo_step['label'] ); ?></span>
								<?php else : ?>
									<a href="<?php echo esc_url( $abds_seo_step['url'] ); ?>"><?php echo esc_html( $abds_seo_step['label'] ); ?></a>
								<?php endif; ?>
							</li>
						<?php endforeach; ?>
					</ul>
				</section>
			<?php endif; ?>

			<?php // Prioritized attention list (full width). ?>
			<section class="abds-seo-bento-card abds-seo-bento-card--full">
				<h2 class="abds-seo-bento-card__title"><?php esc_html_e( 'Pages that need attention', 'abds-seo' ); ?></h2>
				<?php if ( $last_scan && $abds_seo_issue_count > 0 ) : ?>
					<p class="abds-seo-bento-card__desc">
						<strong>
							<?php
							printf(
								/* translators: 1: number of pages with issues, 2: total pages scanned. */
								esc_html__( '%1$d pages need attention out of %2$d scanned.', 'abds-seo' ),
								(int) $abds_seo_issue_count,
								(int) $last_scan->pages_scanned
							);
							?>
						</strong>
					</p>
				<?php endif; ?>
				<p class="abds-seo-bento-card__desc">
					<?php
					if ( $attention['traffic_available'] ) {
						printf(
							/* translators: %d: number of days in the traffic window. */
							esc_html__( 'Sorted by priority: issue severity weighted by real Search Console traffic over %d days.', 'abds-seo' ),
							(int) $attention['window_days']
						);
					} else {
						esc_html_e( 'Sorted by issue severity. Connect Search Console to weight priority by real page traffic.', 'abds-seo' );
					}
					?>
				</p>
				<table class="widefat striped">
					<thead>
						<tr>
							<th><?php esc_html_e( 'Page', 'abds-seo' ); ?></th>
							<th><?php esc_html_e( 'Priority', 'abds-seo' ); ?></th>
							<th><?php esc_html_e( 'Reasons', 'abds-seo' ); ?></th>
							<th><?php esc_html_e( 'Clicks', 'abds-seo' ); ?></th>
							<th><?php esc_html_e( 'Content score', 'abds-seo' ); ?></th>
						</tr>
					</thead>
					<tbody>
						<?php if ( empty( $abds_seo_table_items ) ) : ?>
							<tr>
								<td colspan="5"><?php esc_html_e( 'No problem pages found — or no scan has run yet.', 'abds-seo' ); ?></td>
							</tr>
						<?php else : ?>
							<?php
							foreach ( $abds_seo_table_items as $row ) :
								$page_title = '' !== $row['title'] ? $row['title'] : '#' . (int) $row['post_id'];
								?>
								<tr>
									<td>
										<a href="<?php echo esc_url( (string) $row['edit_link'] ); ?>">
											<?php echo esc_html( $page_title ); ?>
										</a>
									</td>
									<td><?php echo esc_html( (string) $row['score'] ); ?></td>
									<td><?php echo esc_html( implode( '; ', $row['reason_labels'] ) ); ?></td>
									<td><?php echo null !== $row['traffic'] ? esc_html( number_format_i18n( (int) $row['traffic'] ) ) : '—'; ?></td>
									<td><?php echo null !== $row['content_score'] ? esc_html( (string) $row['content_score'] ) : '—'; ?></td>
								</tr>
							<?php endforeach; ?>
						<?php endif; ?>
					</tbody>
				</table>
			</section>

			<?php // Premium overview: tier + a teaser for every locked feature (React, full width). ?>
			<section class="abds-seo-bento-card abds-seo-bento-card--full">
				<div id="abds-seo-premium-root"></div>
			</section>
		</div>
	</div>
	<?php
} )();