<?php
/**
 * Settings page view - new reference design (manual render).
 *
 * Each "form tab" (scanner / fixers / ai / advanced) submits its own
 * option-group so saving one tab does not zero-out checkboxes registered
 * on other tabs (options.php whitelist is per-group).
 *
 * View tabs (e.g. statement) include their own self-contained markup.
 */

declare(strict_types=1);

// View file: variables here are local to the include, not true plugin globals.
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound

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

$default_tabs = array(
	'scanner'   => array( 'label' => __( 'Scanner', 'acceguru' ),     'group' => 'acceguru_settings_scanner', 'kind' => 'form' ),
	'fixers'    => array( 'label' => __( 'Fixers', 'acceguru' ),      'group' => 'acceguru_settings_fixers',  'kind' => 'form' ),
	'ai'        => array( 'label' => __( 'AI Alt Text', 'acceguru' ), 'group' => 'acceguru_settings_ai',       'kind' => 'form' ),
	'statement' => array( 'label' => __( 'Statement', 'acceguru' ),   'kind'  => 'view', 'view' => 'statement-page.php' ),
	'advanced'  => array( 'label' => __( 'Rules', 'acceguru' ),         'group' => 'acceguru_settings_advanced', 'kind' => 'form' ),
);

/**
 * Filters the Settings page tab list.
 *
 * Each tab descriptor must have at least: label, kind ('form' | 'view' | 'callback').
 * For 'form' add 'group' (option-group registered via register_setting).
 * For 'view' add 'view' (filename in admin/views/).
 * For 'callback' add 'render' (callable that prints the tab body).
 *
 * @param array $tabs Existing tab descriptors keyed by slug.
 */
$filtered_tabs = apply_filters( 'acceguru_settings_tabs', $default_tabs );
$tabs          = array();

if ( is_array( $filtered_tabs ) ) {
	foreach ( $filtered_tabs as $slug => $tab ) {
		if (
			! is_string( $slug )
			|| '' === $slug
			|| sanitize_key( $slug ) !== $slug
			|| ! is_array( $tab )
			|| ! isset( $tab['label'], $tab['kind'] )
			|| ! is_string( $tab['label'] )
			|| '' === trim( $tab['label'] )
			|| ! is_string( $tab['kind'] )
		) {
			continue;
		}

		$kind = $tab['kind'];
		if ( 'form' === $kind ) {
			// The page has dedicated markup for its four built-in form tabs.
			if (
				! isset( $default_tabs[ $slug ] )
				|| 'form' !== $default_tabs[ $slug ]['kind']
				|| ! isset( $tab['group'] )
				|| ! is_string( $tab['group'] )
				|| '' === trim( $tab['group'] )
			) {
				continue;
			}
		} elseif ( 'view' === $kind ) {
			if (
				! isset( $tab['view'] )
				|| ! is_string( $tab['view'] )
				|| '' === $tab['view']
				|| basename( $tab['view'] ) !== $tab['view']
				|| ! str_ends_with( $tab['view'], '.php' )
				|| ! is_file( ACCEGURU_PATH . 'admin/views/' . $tab['view'] )
			) {
				continue;
			}
		} elseif ( 'callback' === $kind ) {
			if ( ! isset( $tab['render'] ) || ! is_callable( $tab['render'] ) ) {
				continue;
			}
		} else {
			continue;
		}

		$tabs[ $slug ] = $tab;
	}
}

// A broken extension must not leave the Settings page empty.
if ( array() === $tabs ) {
	$tabs = $default_tabs;
}

$active = isset( $_GET['tab'] ) ? sanitize_key( (string) $_GET['tab'] ) : 'scanner'; // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only tab selector for display, sanitised and validated against the known tab list below; no state change.
if ( ! isset( $tabs[ $active ] ) ) {
	$active = isset( $tabs['scanner'] ) ? 'scanner' : (string) array_key_first( $tabs );
}
$current = $tabs[ $active ];

/**
 * Reads scalar settings without converting damaged arrays or objects.
 * Stored values are not changed; the normal default is used for this view.
 */
$option_scalar = static function ( string $name, mixed $default ): mixed {
	$value = get_option( $name, $default );
	return is_scalar( $value ) ? $value : $default;
};

/**
 * Render a label cell for a form-row.
 *
 * @param string $title Field title.
 * @param string $tip   Optional help-tip text. Renders as a help-dot tooltip.
 * @param string $hint  Optional inline hint shown under the title.
 * @param string $badge Optional pre-escaped HTML appended after the title.
 */
$render_label = static function ( string $title, string $tip = '', string $hint = '', string $badge = '' ): void {
	echo '<div class="a11y-d-label"><div><span class="a11y-d-label__title">';
	echo esc_html( $title );
	if ( '' !== $badge ) {
		echo wp_kses( ' ' . $badge, acceguru_admin_allowed_html() );
	}
	echo '</span>';
	if ( '' !== $hint ) {
		echo '<span class="a11y-d-label__hint">' . wp_kses( $hint, array( 'strong' => array(), 'em' => array() ) ) . '</span>';
	}
	echo '</div>';
	if ( '' !== $tip ) {
		echo wp_kses( ' ' . Acceguru_Admin::help_tip( $tip ), acceguru_admin_allowed_html() );
	}
	echo '</div>';
};

/**
 * Render a toggle (checkbox styled as iOS-style switch).
 */
$render_toggle = static function ( string $option, int $default = 0 ) use ( $option_scalar ): void {
	$checked = (int) $option_scalar( $option, $default );
	printf(
		'<label class="a11y-d-toggle"><input type="checkbox" id="%1$s" name="%1$s" value="1" %2$s /><span class="a11y-d-toggle__slider"></span></label>',
		esc_attr( $option ),
		checked( 1, $checked, false )
	);
};

/**
 * Render a select.
 *
 * @param array<string,string> $choices value => label.
 */
$render_select = static function ( string $option, array $choices, string $default = '' ) use ( $option_scalar ): void {
	$current = (string) $option_scalar( $option, '' === $default ? array_key_first( $choices ) : $default );
	printf( '<select class="a11y-d-select" id="%1$s" name="%1$s">', esc_attr( $option ) );
	foreach ( $choices as $val => $label ) {
		printf(
			'<option value="%s"%s>%s</option>',
			esc_attr( (string) $val ),
			selected( $current, (string) $val, false ),
			esc_html( $label )
		);
	}
	echo '</select>';
};

?>
<div class="wrap a11y-design a11y-settings a11y-settings--<?php echo esc_attr( $active ); ?>">
	<hr class="wp-header-end" style="visibility:hidden;height:0;margin:0;border:0;" />
	<?php
	// Two-column shell: the main column keeps its exact pre-rail width
	// (1100px) so nothing inside it reflows; the right-side rail occupies
	// browser space to the RIGHT. Stacks underneath on narrow screens.
	?>
	<div class="a11y-d-with-rail">
	<div class="a11y-d-main">
	<div class="a11y-d-header">
		<div class="a11y-d-logo">
			<img src="<?php echo esc_url( ACCEGURU_URL . 'assets/images/logo.svg' ); ?>" alt="" aria-hidden="true" />
		</div>
		<div class="a11y-d-header__text">
			<h1>
				<span><?php echo esc_html__( 'AcceGuru', 'acceguru' ); ?></span>
				<span class="a11y-d-version">v<?php echo esc_html( ACCEGURU_VERSION ); ?></span>
			</h1>
			<p><?php echo esc_html__( 'Accessibility Scanner, Auto-Fixer & AI Alt Text', 'acceguru' ); ?></p>
		</div>
	</div>

	<nav class="a11y-d-tabs" aria-label="<?php esc_attr_e( 'Settings tabs', 'acceguru' ); ?>">
		<?php foreach ( $tabs as $key => $tab ) : ?>
			<?php
			$url = add_query_arg(
				array( 'page' => 'acceguru-settings', 'tab' => $key ),
				admin_url( 'admin.php' )
			);
			$class = 'a11y-d-tab' . ( $key === $active ? ' is-active' : '' );
			?>
			<a href="<?php echo esc_url( $url ); ?>" class="<?php echo esc_attr( $class ); ?>">
				<?php echo esc_html( $tab['label'] ); ?>
			</a>
		<?php endforeach; ?>
	</nav>

	<?php settings_errors(); ?>

	<?php if ( 'scanner' === $active ) : ?>
		<form method="post" action="options.php">
			<?php settings_fields( $current['group'] ); ?>

			<div class="a11y-d-section-title is-first" style="display:flex;align-items:center;gap:8px;"><?php echo wp_kses( acceguru_section_icon(), acceguru_admin_allowed_html() ); ?><?php esc_html_e( 'Scan rules & scope', 'acceguru' ); ?></div>

			<div class="a11y-d-card">
				<div class="a11y-d-row">
					<?php $render_label( __( 'WCAG level to check', 'acceguru' ), __( 'A, AA and AAA are WCAG conformance levels. AA is a common project target. AAA includes additional criteria and may not be achievable for all content. Choose the level appropriate for your site.', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<?php $render_select( 'acceguru_wcag_level', array( 'A' => 'A', 'AA' => 'AA', 'AAA' => 'AAA' ), 'AA' ); ?>
					</div>
				</div>

				<div class="a11y-d-row">
					<?php $render_label( __( 'Include Section 508 rules', 'acceguru' ), '', __( 'Adds axe-core rules tagged for Section 508. Enable this to include Section 508-tagged findings in scan results.', 'acceguru' ) ); ?>
					<div class="a11y-d-control"><?php $render_toggle( 'acceguru_include_section_508' ); ?></div>
				</div>

				<div class="a11y-d-row">
					<?php $render_label( __( 'Include EN 301 549 rules', 'acceguru' ), '', __( 'Adds axe-core rules tagged for EN 301 549. Enable this to include EN 301 549-tagged findings in scan results.', 'acceguru' ) ); ?>
					<div class="a11y-d-control"><?php $render_toggle( 'acceguru_include_en_301_549' ); ?></div>
				</div>

				<div class="a11y-d-row">
					<?php $render_label( __( 'Include recommended checks', 'acceguru' ), __( 'Adds recommended automated checks from axe-core and AcceGuru that are not formal WCAG failures. Recommended on.', 'acceguru' ) ); ?>
					<div class="a11y-d-control"><?php $render_toggle( 'acceguru_include_best_practice', 1 ); ?></div>
				</div>

				<div class="a11y-d-row a11y-d-cbrow">
					<?php $render_label( __( 'Post types to include in full-site scan', 'acceguru' ), __( 'Choose which content types the site-scan walks.', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<?php
						// One checkbox per eligible post type on the site:
						// built-in Posts and Pages first, then the rest. Read
						// the selection through the scanner's normaliser, so a
						// stored selection that resolved to the Posts + Pages
						// fallback shows those checked here too - the picker and
						// the scanner never disagree about what is selected.
						$selected = Acceguru_Scanner::selected_post_types();

						$render_cb = static function ( $type, array $selected ): void {
							$slug    = (string) $type->name;
							$label   = (string) $type->label;
							$checked = in_array( $slug, $selected, true );

							// How many items of this type the site holds. A scan can
							// still walk fewer of them - a page without a permalink or
							// one an add-on filters out never enters the queue.
							$counts = wp_count_posts( $slug );
							$total  = 0;
							foreach ( array( 'publish', 'draft', 'pending', 'private', 'future' ) as $status ) {
								$total += isset( $counts->$status ) ? (int) $counts->$status : 0;
							}
							?>
							<label class="a11y-d-cb">
								<input type="checkbox" name="acceguru_scan_post_types[]" value="<?php echo esc_attr( $slug ); ?>" <?php checked( $checked ); ?> />
								<span class="a11y-d-cb__box"></span>
								<?php echo esc_html( $label ); ?>
								<span class="a11y-d-cb__count" style="margin-left:6px;color:#9AA3AD;font-weight:400;">(<?php echo esc_html( number_format_i18n( $total ) ); ?>)</span>
							</label>
							<?php
						};
						?>
						<div class="a11y-d-cbgroup">
							<?php
							foreach ( array( 'post', 'page' ) as $slug ) {
								$type = get_post_type_object( $slug );
								if ( $type instanceof WP_Post_Type ) {
									$render_cb( $type, $selected );
								}
							}
							// Every other eligible post type. The eligible list
							// already drops Media and known service types (e.g.
							// WPBakery's Gutenberg storage), so the picker, the
							// coverage line and the scanner all offer the same
							// set.
							$a11y_extra_types = Acceguru_Scanner::eligible_post_types();
							unset( $a11y_extra_types['post'], $a11y_extra_types['page'] );
							foreach ( array_keys( $a11y_extra_types ) as $a11y_extra_slug ) {
								$type = get_post_type_object( (string) $a11y_extra_slug );
								if ( $type instanceof WP_Post_Type ) {
									$render_cb( $type, $selected );
								}
							}
							?>
						</div>
						<span class="a11y-d-label__hint">
							<?php echo esc_html__( 'Site totals. A scan covers fewer: it follows the selected statuses and skips filtered pages.', 'acceguru' ); ?>
						</span>
					</div>
				</div>

				<?php
				/**
				 * Fires inside the scanner settings card, between the
				 * built-in rows; prints additional setting rows.
				 */
				do_action( 'acceguru_scanner_settings_rows' );
				?>

				<div class="a11y-d-row">
					<?php $render_label( __( 'Skip pages marked noindex', 'acceguru' ), __( 'Skips pages your SEO plugin (Rank Math, Yoast, SEOPress) has set to noindex. Skipped pages are listed in the scan log file.', 'acceguru' ) ); ?>
					<div class="a11y-d-control"><?php $render_toggle( 'acceguru_skip_noindex', 0 ); ?></div>
				</div>

				<?php if ( class_exists( 'Acceguru_Compat_WPML' ) && Acceguru_Compat_WPML::is_active() ) : ?>
				<div class="a11y-d-row">
					<?php $render_label( __( 'Skip posts in removed WPML languages', 'acceguru' ), __( 'When you remove a language in WPML but keep its posts, each still exists and redirects to another language. This drops those posts before the scan starts, so they never slow it down or inflate the count. Recommended on.', 'acceguru' ) ); ?>
					<div class="a11y-d-control"><?php $render_toggle( 'acceguru_compat_wpml', 1 ); ?></div>
				</div>
				<?php endif; ?>

				<div class="a11y-d-row">
					<?php $render_label( __( 'Exclude from scanning', 'acceguru' ), __( 'CSS selectors, one per line. Everything inside these areas is skipped by the scanner - on full-site scans, the on-page panel, and editor checks alike. Use for third-party widgets you cannot fix (chat windows, Facebook comments, ad slots): they otherwise add noise and can make issue counts vary between scans. Copy a selector from "Show affected code" in the on-page panel. Not related to the skip-link targets field below. Invalid lines are ignored; an empty field scans everything as before.', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<textarea name="acceguru_scan_exclude_selectors" rows="3" class="a11y-d-input" style="font-family:monospace;font-size:13px;min-width:260px;" placeholder="#fb-comments&#10;.chat-widget"><?php echo esc_textarea( (string) $option_scalar( 'acceguru_scan_exclude_selectors', '' ) ); ?></textarea>
					</div>
				</div>
			</div>

			<?php
			// Prints additional scanner sections registered on this action.
			do_action( 'acceguru_scanner_archives_control' );
			?>

			<div class="a11y-d-section-title" style="display:flex;align-items:center;gap:8px;"><?php echo wp_kses( acceguru_section_icon(), acceguru_admin_allowed_html() ); ?><?php esc_html_e( 'Editor & front-end', 'acceguru' ); ?></div>

			<div class="a11y-d-card">
				<div class="a11y-d-row">
					<?php $render_label( __( 'Show AcceGuru in Block Editor sidebar', 'acceguru' ), '', __( 'Disable to hide the editor sidebar panel.', 'acceguru' ) ); ?>
					<div class="a11y-d-control"><?php $render_toggle( 'acceguru_show_editor_sidebar', 1 ); ?></div>
				</div>

				<div class="a11y-d-row">
					<?php $render_label( __( 'Front-end overlay position', 'acceguru' ), __( 'Which side the AcceGuru panel docks to when you click the admin-bar button on the front end.', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<?php $render_select( 'acceguru_overlay_position', array( 'right' => __( 'Right (default)', 'acceguru' ), 'left' => __( 'Left', 'acceguru' ) ), 'right' ); ?>
					</div>
				</div>

				<div class="a11y-d-row">
					<?php $render_label( __( 'Front-end launcher button', 'acceguru' ), __( 'A floating round AcceGuru button on the front end (visible only to logged-in users who can edit posts). Choose a corner, or turn it off. It hides itself while the scan panel is open.', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<?php
						$render_select(
							'acceguru_fab_position',
							array(
								'bottom-right' => __( 'Bottom right (default)', 'acceguru' ),
								'bottom-left'  => __( 'Bottom left', 'acceguru' ),
								'top-right'    => __( 'Top right', 'acceguru' ),
								'top-left'     => __( 'Top left', 'acceguru' ),
								'off'          => __( 'Off (hide button)', 'acceguru' ),
							),
							'bottom-right'
						);
						?>
					</div>
				</div>

				<div class="a11y-d-row">
					<?php $render_label( __( 'Skip-link target selectors', 'acceguru' ), __( 'Comma-separated CSS selectors the skip link will try first, before falling back to defaults (main, [role=main], #main, #content, #primary). Configures the Skip links fixer.', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<input type="text" class="a11y-d-input a11y-d-input--mono a11y-d-input--wide" id="acceguru_skip_link_targets" name="acceguru_skip_link_targets" value="<?php echo esc_attr( (string) $option_scalar( 'acceguru_skip_link_targets', '' ) ); ?>" placeholder="#site-main, .page-wrapper" />
					</div>
				</div>
			</div>

			<div class="a11y-d-btngroup">
				<button type="submit" class="a11y-d-btn a11y-d-btn--primary"><?php esc_html_e( 'Save Settings', 'acceguru' ); ?></button>
			</div>
		</form>

	<?php elseif ( 'fixers' === $active ) : ?>
		<form method="post" action="options.php">
			<?php settings_fields( $current['group'] ); ?>

			<?php
			$default_fixer_groups = array(
				array(
					'title'  => __( 'Page structure', 'acceguru' ),
					'first'  => true,
					'fields' => array(
						'acceguru_fix_skip_links'     => array( __( 'Enable skip links', 'acceguru' ),         __( 'Adds a "Skip to main content" link as the first focusable element on every page. Helps keyboard users bypass the navigation. WCAG 2.4.1.', 'acceguru' ) ),
						'acceguru_fix_focus_outlines' => array( __( 'Enable focus outlines', 'acceguru' ),     __( 'Adds a visible focus indicator to every interactive element. Required so keyboard users can see what they have selected. WCAG 2.4.7.', 'acceguru' ) ),
						'acceguru_fix_html_lang'      => array( __( 'Add lang and dir to <html>', 'acceguru' ), __( 'Adds <html lang="..." dir="..."> from the site language and text direction, so screen readers pronounce correctly and right-to-left languages render the right way. WCAG 3.1.1.', 'acceguru' ) ),
					),
				),
				array(
					'title'  => __( 'Forms & search', 'acceguru' ),
					'fields' => array(
						'acceguru_fix_search_form_label'    => array( __( 'Add an accessible name to the search field', 'acceguru' ), __( 'Adds an aria-label to the WP search field when it has no accessible name of its own, so screen readers can announce it. Skipped when the field already has a name.', 'acceguru' ) ),
						'acceguru_fix_label_comment_form'   => array( __( 'Add labels to the comment form', 'acceguru' ), __( 'Adds an accessible name to the comment fields (Name, Email, Website, Comment) when the theme leaves them unlabelled. WCAG 1.3.1 / 4.1.2.', 'acceguru' ) ),
						'acceguru_fix_empty_search_results' => array( __( 'Show search results page on empty search', 'acceguru' ), __( 'Forces WordPress to render the search results template when the query is empty.', 'acceguru' ) ),
					),
				),
				array(
					'title'  => __( 'Links & buttons', 'acceguru' ),
					'fields' => array(
						'acceguru_fix_label_new_window'        => array( __( 'Label links opening a new window', 'acceguru' ),  __( 'Adds an "(opens in new tab)" screen-reader label and a small icon to every <a target="_blank">. WCAG 3.2.5.', 'acceguru' ) ),
						'acceguru_fix_label_document_links'    => array( __( 'Flag links to documents (PDF, Word...)', 'acceguru' ), __( 'Appends a short "(PDF)", "(Word)", "(Excel)" marker - plus the file size for files on this site - to links pointing at non-HTML files. Skips links that already say so. WCAG 3.2.4 best practice.', 'acceguru' ) ),
						'acceguru_fix_force_link_underline'    => array( __( 'Underline non-navigation links', 'acceguru' ), __( 'Underlines content links (skipping menus and button-styled links) so colour-blind users can tell links from text. WCAG 1.4.1.', 'acceguru' ) ),
						'acceguru_fix_autoplay_video_controls' => array( __( 'Add controls to autoplay videos', 'acceguru' ),   __( 'Forces controls onto every <video autoplay> that ships without them. WCAG 2.2.2 / 1.4.2.', 'acceguru' ) ),
					),
				),
				array(
					'title'  => __( 'Cleanup', 'acceguru' ),
					'fields' => array(
						'acceguru_fix_remove_positive_tabindex' => array( __( 'Remove positive tabindex values', 'acceguru' ),          __( 'Forces every tabindex greater than 0 to tabindex="0". WCAG 2.4.3.', 'acceguru' ) ),
						'acceguru_fix_remove_redundant_title'   => array( __( 'Remove redundant title attributes', 'acceguru' ),         __( 'Strips title="..." when it duplicates the visible text or aria-label. WCAG 4.1.2.', 'acceguru' ) ),
						'acceguru_fix_viewport_scalable'        => array( __( 'Make viewport scalable', 'acceguru' ),                    __( 'Rewrites <meta viewport> so users can pinch-zoom. WCAG 1.4.4 / 1.4.10.', 'acceguru' ) ),
					),
				),
			);

			/**
			 * Filters the fixer groups before they are rendered.
			 */
			$normalise_fixer_groups = static function ( $groups ): array {
				if ( ! is_array( $groups ) ) {
					return array();
				}

				$normalised = array();

				foreach ( $groups as $group ) {
					if (
						! is_array( $group )
						|| ! isset( $group['title'], $group['fields'] )
						|| ! is_string( $group['title'] )
						|| '' === trim( $group['title'] )
						|| ! is_array( $group['fields'] )
					) {
						continue;
					}

					$fields = array();
					foreach ( $group['fields'] as $option => $row ) {
						if (
							! is_string( $option )
							|| '' === $option
							|| ! is_array( $row )
							|| ! isset( $row[0], $row[1] )
							|| ! is_string( $row[0] )
							|| ! is_string( $row[1] )
						) {
							continue;
						}

						$fields[ $option ] = $row;
					}

					if ( array() === $fields ) {
						continue;
					}

					$group['fields'] = $fields;
					$normalised[]    = $group;
				}

				return $normalised;
			};

			$fixer_groups = $normalise_fixer_groups(
				apply_filters( 'acceguru_fixer_groups', $default_fixer_groups )
			);
			if ( array() === $fixer_groups ) {
				$fixer_groups = $normalise_fixer_groups( $default_fixer_groups );
			}

			$column_size   = max( 1, (int) ceil( count( $fixer_groups ) / 2 ) );
			$fixer_columns = array_pad( array_chunk( $fixer_groups, $column_size ), 2, array() );

			$render_group = static function ( array $group_def, callable $render_label, callable $render_toggle, bool $first ): void {
				?>
				<div class="a11y-d-section-title<?php echo $first ? ' is-first' : ''; ?>" style="display:flex;align-items:center;gap:8px;"><?php echo wp_kses( acceguru_section_icon(), acceguru_admin_allowed_html() ); ?><?php echo esc_html( $group_def['title'] ); ?></div>
				<div class="a11y-d-card">
					<?php foreach ( $group_def['fields'] as $option => $row ) : ?>
						<div class="a11y-d-row">
							<?php $render_label( $row[0], $row[1] ); ?>
							<div class="a11y-d-control">
								<?php $render_toggle( $option ); ?>
							</div>
						</div>
					<?php endforeach; ?>
				</div>
				<?php
			};
			?>
			<div class="a11y-d-cols">
				<?php foreach ( $fixer_columns as $column ) : ?>
					<div>
						<?php foreach ( $column as $group_index => $group ) : ?>
							<?php $render_group( $group, $render_label, $render_toggle, 0 === $group_index ); ?>
						<?php endforeach; ?>
					</div>
				<?php endforeach; ?>
			</div>

			<div class="a11y-d-btngroup">
				<button type="submit" class="a11y-d-btn a11y-d-btn--primary"><?php esc_html_e( 'Save Settings', 'acceguru' ); ?></button>
			</div>
		</form>

	<?php elseif ( 'ai' === $active ) : ?>
		<?php if ( current_user_can( 'upload_files' ) ) : ?>
			<?php include ACCEGURU_PATH . 'admin/views/bulk-alt-text-page.php'; ?>
			<hr class="a11y-d-divider" />
		<?php endif; ?>

		<form method="post" action="options.php">
			<?php settings_fields( $current['group'] ); ?>

			<div class="a11y-d-section-title is-first" style="display:flex;align-items:center;gap:8px;"><?php echo wp_kses( acceguru_section_icon(), acceguru_admin_allowed_html() ); ?><?php esc_html_e( 'AI Alt Text', 'acceguru' ); ?></div>

			<?php
			$active_provider = (string) $option_scalar( 'acceguru_ai_provider', 'gemini' );
			if ( ! in_array( $active_provider, Acceguru_Alt_Text::PROVIDERS, true ) ) {
				$active_provider = 'gemini';
			}
			$has_gemini_key    = '' !== (string) $option_scalar( 'acceguru_ai_api_key', '' );
			$has_mistral_key   = '' !== (string) $option_scalar( 'acceguru_ai_api_key_mistral', '' );
			$has_openai_key    = '' !== (string) $option_scalar( 'acceguru_ai_api_key_openai', '' );
			$has_anthropic_key = '' !== (string) $option_scalar( 'acceguru_ai_api_key_anthropic', '' );
			$active_keys       = array(
				'gemini'    => $has_gemini_key,
				'mistral'   => $has_mistral_key,
				'openai'    => $has_openai_key,
				'anthropic' => $has_anthropic_key,
			);
			$has_active_key    = ! empty( $active_keys[ $active_provider ] );
			?>

			<div class="a11y-d-card" data-a11y-ai-provider="<?php echo esc_attr( $active_provider ); ?>">
				<div class="a11y-d-row">
					<?php $render_label( __( 'AI Provider', 'acceguru' ), __( 'Pick which AI service generates the alt text. Keys for each provider are stored separately - switching does not erase the others.', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<select id="acceguru_ai_provider" name="acceguru_ai_provider" class="a11y-d-input">
							<option value="gemini"    <?php selected( $active_provider, 'gemini' ); ?>>Google Gemini</option>
							<option value="mistral"   <?php selected( $active_provider, 'mistral' ); ?>>Mistral AI</option>
							<option value="openai"    <?php selected( $active_provider, 'openai' ); ?>>OpenAI</option>
							<option value="anthropic" <?php selected( $active_provider, 'anthropic' ); ?>>Anthropic Claude</option>
						</select>
					</div>
				</div>

				<!-- Gemini key + model (rendered always, JS toggles visibility) -->
				<div class="a11y-d-row" data-a11y-provider-row="gemini"<?php echo 'gemini' === $active_provider ? '' : ' style="display:none;"'; ?>>
					<div class="a11y-d-label">
						<label for="acceguru_ai_api_key"><?php esc_html_e( 'Google Gemini API key', 'acceguru' ); ?></label>
					</div>
					<div class="a11y-d-control" style="gap:14px;">
						<?php if ( $has_gemini_key ) : ?>
							<span class="a11y-d-key a11y-d-key--ok"><?php esc_html_e( 'Key saved', 'acceguru' ); ?></span>
						<?php else : ?>
							<span class="a11y-d-key a11y-d-key--missing"><?php esc_html_e( 'No key saved', 'acceguru' ); ?></span>
						<?php endif; ?>
						<input type="password" class="a11y-d-input a11y-d-input--apikey" id="acceguru_ai_api_key" name="acceguru_ai_api_key" value="" autocomplete="new-password"
							placeholder="<?php echo esc_attr( $has_gemini_key ? __( '(key saved - enter new value to replace)', 'acceguru' ) : __( 'Paste your API key here', 'acceguru' ) ); ?>" />
					</div>
				</div>

				<div class="a11y-d-row" data-a11y-provider-row="gemini"<?php echo 'gemini' === $active_provider ? '' : ' style="display:none;"'; ?>>
					<?php $render_label( __( 'Model', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<?php $render_select( 'acceguru_ai_model', array(
							'gemini-3.1-flash-lite' => __( 'Gemini 3.1 Flash Lite (cheap, fast)', 'acceguru' ),
							'gemini-3.5-flash'      => __( 'Gemini 3.5 Flash (better quality, more expensive)', 'acceguru' ),
						), 'gemini-3.1-flash-lite' ); ?>
					</div>
				</div>

				<!-- Mistral key + model -->
				<div class="a11y-d-row" data-a11y-provider-row="mistral"<?php echo 'mistral' === $active_provider ? '' : ' style="display:none;"'; ?>>
					<div class="a11y-d-label">
						<label for="acceguru_ai_api_key_mistral"><?php esc_html_e( 'Mistral API key', 'acceguru' ); ?></label>
					</div>
					<div class="a11y-d-control" style="gap:14px;">
						<?php if ( $has_mistral_key ) : ?>
							<span class="a11y-d-key a11y-d-key--ok"><?php esc_html_e( 'Key saved', 'acceguru' ); ?></span>
						<?php else : ?>
							<span class="a11y-d-key a11y-d-key--missing"><?php esc_html_e( 'No key saved', 'acceguru' ); ?></span>
						<?php endif; ?>
						<input type="password" class="a11y-d-input a11y-d-input--apikey" id="acceguru_ai_api_key_mistral" name="acceguru_ai_api_key_mistral" value="" autocomplete="new-password"
							placeholder="<?php echo esc_attr( $has_mistral_key ? __( '(key saved - enter new value to replace)', 'acceguru' ) : __( 'Paste your API key here', 'acceguru' ) ); ?>" />
					</div>
				</div>

				<div class="a11y-d-row" data-a11y-provider-row="mistral"<?php echo 'mistral' === $active_provider ? '' : ' style="display:none;"'; ?>>
					<?php $render_label( __( 'Model', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<?php $render_select( 'acceguru_ai_model_mistral', array(
							'mistral-small-latest'  => __( 'Mistral Small (latest)', 'acceguru' ),
							'mistral-medium-latest' => __( 'Mistral Medium (latest)', 'acceguru' ),
						), 'mistral-small-latest' ); ?>
					</div>
				</div>

				<!-- OpenAI key + model -->
				<div class="a11y-d-row" data-a11y-provider-row="openai"<?php echo 'openai' === $active_provider ? '' : ' style="display:none;"'; ?>>
					<div class="a11y-d-label">
						<label for="acceguru_ai_api_key_openai"><?php esc_html_e( 'OpenAI API key', 'acceguru' ); ?></label>
					</div>
					<div class="a11y-d-control" style="gap:14px;">
						<?php if ( $has_openai_key ) : ?>
							<span class="a11y-d-key a11y-d-key--ok"><?php esc_html_e( 'Key saved', 'acceguru' ); ?></span>
						<?php else : ?>
							<span class="a11y-d-key a11y-d-key--missing"><?php esc_html_e( 'No key saved', 'acceguru' ); ?></span>
						<?php endif; ?>
						<input type="password" class="a11y-d-input a11y-d-input--apikey" id="acceguru_ai_api_key_openai" name="acceguru_ai_api_key_openai" value="" autocomplete="new-password"
							placeholder="<?php echo esc_attr( $has_openai_key ? __( '(key saved - enter new value to replace)', 'acceguru' ) : __( 'Paste your API key here', 'acceguru' ) ); ?>" />
					</div>
				</div>

				<div class="a11y-d-row" data-a11y-provider-row="openai"<?php echo 'openai' === $active_provider ? '' : ' style="display:none;"'; ?>>
					<?php $render_label( __( 'Model', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<?php $render_select( 'acceguru_ai_model_openai', array(
							'gpt-4o-mini' => __( 'GPT-4o mini (cheap, fast)', 'acceguru' ),
							'gpt-4o'      => __( 'GPT-4o (better quality, more expensive)', 'acceguru' ),
						), 'gpt-4o-mini' ); ?>
					</div>
				</div>

				<!-- Anthropic key + model -->
				<div class="a11y-d-row" data-a11y-provider-row="anthropic"<?php echo 'anthropic' === $active_provider ? '' : ' style="display:none;"'; ?>>
					<div class="a11y-d-label">
						<label for="acceguru_ai_api_key_anthropic"><?php esc_html_e( 'Anthropic API key', 'acceguru' ); ?></label>
					</div>
					<div class="a11y-d-control" style="gap:14px;">
						<?php if ( $has_anthropic_key ) : ?>
							<span class="a11y-d-key a11y-d-key--ok"><?php esc_html_e( 'Key saved', 'acceguru' ); ?></span>
						<?php else : ?>
							<span class="a11y-d-key a11y-d-key--missing"><?php esc_html_e( 'No key saved', 'acceguru' ); ?></span>
						<?php endif; ?>
						<input type="password" class="a11y-d-input a11y-d-input--apikey" id="acceguru_ai_api_key_anthropic" name="acceguru_ai_api_key_anthropic" value="" autocomplete="new-password"
							placeholder="<?php echo esc_attr( $has_anthropic_key ? __( '(key saved - enter new value to replace)', 'acceguru' ) : __( 'Paste your API key here', 'acceguru' ) ); ?>" />
					</div>
				</div>

				<div class="a11y-d-row" data-a11y-provider-row="anthropic"<?php echo 'anthropic' === $active_provider ? '' : ' style="display:none;"'; ?>>
					<?php $render_label( __( 'Model', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<?php $render_select( 'acceguru_ai_model_anthropic', array(
							'claude-haiku-4-5-20251001' => __( 'Claude Haiku 4.5 (cheap, fast)', 'acceguru' ),
							'claude-sonnet-4-6'         => __( 'Claude Sonnet 4.6 (better quality, more expensive)', 'acceguru' ),
						), 'claude-haiku-4-5-20251001' ); ?>
					</div>
				</div>

				<!-- Shared rows: test, auto-generate, max length -->
				<div class="a11y-d-row">
					<div class="a11y-d-label"></div>
					<div class="a11y-d-control" style="flex-direction:column;align-items:flex-end;gap:6px;">
						<button type="button" class="a11y-d-btn a11y-d-btn--outline a11y-d-btn--sm" id="acceguru-test-ai-key"<?php disabled( ! $has_active_key ); ?>><?php esc_html_e( 'Test API key', 'acceguru' ); ?></button>
						<span id="acceguru-test-ai-result" aria-live="polite" class="a11y-d-note" style="display:block;max-width:520px;text-align:left;word-break:break-word;"></span>
					</div>
				</div>

				<div class="a11y-d-row">
					<?php $render_label(
					__( 'Auto-generate alt text on upload', 'acceguru' ),
					'',
					__( '<strong>Attention:</strong> When enabled, each newly uploaded supported image that does not already have alt text is automatically sent to your selected third-party AI provider. AcceGuru reads the image file and sends the image content together with a text prompt using your key; the provider returns generated alt text. Please review the terms and privacy policy of your provider before turning this on.', 'acceguru' )
				); ?>
					<div class="a11y-d-control"><?php $render_toggle( 'acceguru_ai_auto_alt' ); ?></div>
				</div>

				<div class="a11y-d-row">
					<?php $render_label( __( 'Max alt text length (characters)', 'acceguru' ) ); ?>
					<div class="a11y-d-control">
						<input type="number" class="a11y-d-input a11y-d-input--sm" id="acceguru_ai_max_alt_length" name="acceguru_ai_max_alt_length"
							value="<?php echo esc_attr( (string) absint( get_option( 'acceguru_ai_max_alt_length', 125 ) ) ); ?>" min="50" max="500" />
					</div>
				</div>
			</div>

			<div class="a11y-d-btngroup">
				<button type="submit" class="a11y-d-btn a11y-d-btn--primary"><?php esc_html_e( 'Save Settings', 'acceguru' ); ?></button>
			</div>
		</form>

	<?php elseif ( 'advanced' === $active ) : ?>

		<?php
		// Anything registered on this action renders as the first section
		// of the tab (its own title included); otherwise the Ignored Rules
		// section below becomes the first section.
		$a11y_roles_shown = has_action( 'acceguru_settings_roles_permissions' );
		if ( $a11y_roles_shown ) :
		?>
			<?php do_action( 'acceguru_settings_roles_permissions' ); ?>
			<hr class="a11y-d-divider" />
		<?php endif; ?>

		<?php // ----- Ignored Rules ----- ?>
		<?php $ignored = Acceguru_Scanner::get_ignored_rules(); ?>
		<div class="a11y-d-section-title<?php echo $a11y_roles_shown ? '' : ' is-first'; ?>" style="display:flex;align-items:center;gap:8px;"><?php echo wp_kses( acceguru_section_icon(), acceguru_admin_allowed_html() ); ?><?php esc_html_e( 'Ignored Rules', 'acceguru' ); ?></div>

		<?php if ( empty( $ignored ) ) : ?>
			<div class="a11y-d-info">
				<?php esc_html_e( 'No rules are ignored. To hide noisy rules from your reports, click "Ignore" next to a rule on the dashboard\'s Most Common Issues panel.', 'acceguru' ); ?>
			</div>
		<?php else : ?>
			<table class="a11y-d-table">
				<thead>
					<tr>
						<th><?php esc_html_e( 'Rule ID', 'acceguru' ); ?></th>
						<th style="width:140px;"><?php esc_html_e( 'Action', 'acceguru' ); ?></th>
					</tr>
				</thead>
				<tbody>
					<?php foreach ( $ignored as $rule_id ) : ?>
						<tr>
							<td>
								<a href="<?php echo esc_url( acceguru_rule_help_url( $rule_id ) ); ?>" target="_blank" rel="noopener noreferrer" style="font-family:'JetBrains Mono',monospace;color:var(--navy);">
									<?php echo esc_html( $rule_id ); ?>
								</a>
							</td>
							<td>
								<button type="button" class="a11y-d-btn a11y-d-btn--outline a11y-d-btn--sm" data-a11y-restore-rule="<?php echo esc_attr( $rule_id ); ?>">
									<?php esc_html_e( 'Restore', 'acceguru' ); ?>
								</button>
							</td>
						</tr>
					<?php endforeach; ?>
				</tbody>
			</table>
		<?php endif; ?>

		<hr class="a11y-d-divider" />

		<?php // ----- Advanced ----- ?>
		<form method="post" action="options.php">
			<?php settings_fields( $current['group'] ); ?>

			<div class="a11y-d-section-title" style="display:flex;align-items:center;gap:8px;"><?php echo wp_kses( acceguru_section_icon(), acceguru_admin_allowed_html() ); ?><?php esc_html_e( 'Advanced', 'acceguru' ); ?></div>

			<div class="a11y-d-card">
				<div class="a11y-d-row">
					<?php $render_label( __( 'Delete all data on uninstall', 'acceguru' ), '', __( 'When enabled, removing the plugin via Plugins -> Delete will also wipe all plugin settings, scan results, AcceGuru add-on data, and the AI API key. Leave off to preserve data across reinstalls.', 'acceguru' ) ); ?>
					<div class="a11y-d-control"><?php $render_toggle( 'acceguru_delete_on_uninstall' ); ?></div>
				</div>
			</div>

			<div class="a11y-d-btngroup">
				<button type="submit" class="a11y-d-btn a11y-d-btn--primary"><?php esc_html_e( 'Save Settings', 'acceguru' ); ?></button>
			</div>
		</form>

		<?php
		/**
		 * Fires at the bottom of the Roles & Rules tab.
		 */
		do_action( 'acceguru_settings_advanced_extra' );
		?>

	<?php elseif ( 'callback' === ( $current['kind'] ?? '' ) && is_callable( $current['render'] ?? null ) ) : ?>
		<?php call_user_func( $current['render'], $active, $current ); ?>

	<?php else : ?>
		<?php // statement / other view tabs. ?>
		<?php
		if ( 'statement' === $active ) {
			$statement_html = Acceguru_Admin::build_statement_html();
		}
		include ACCEGURU_PATH . 'admin/views/' . $current['view'];
		?>
	<?php endif; ?>
	</div><!-- .a11y-d-main -->
	<?php echo wp_kses( acceguru_rail(), acceguru_admin_allowed_html() ); ?>
	</div><!-- .a11y-d-with-rail -->
</div>