<?php
/**
 * Admin panel ("Performance dashboard" design).
 */

defined( 'ABSPATH' ) || exit;

class CTPS_Admin {

	const PAGE = 'ctps-pagespeed';

	const PRIVATE_KEYS = array( 'psi_api_key', 'cf_zone', 'cf_token' );

	/** @var string */
	private static $hook = '';

	public static function init() {
		add_action( 'admin_menu', array( __CLASS__, 'menu' ) );
		add_action( 'admin_init', array( __CLASS__, 'register' ) );
		add_action( 'admin_enqueue_scripts', array( __CLASS__, 'assets' ) );
		add_action( 'admin_post_ctps_purge', array( __CLASS__, 'handle_purge' ) );
		add_action( 'admin_post_ctps_profile', array( __CLASS__, 'handle_profile' ) );
		add_action( 'admin_post_ctps_restore', array( __CLASS__, 'handle_restore' ) );
		add_action( 'wp_ajax_ctps_psi', array( __CLASS__, 'ajax_psi' ) );
		add_action( 'wp_ajax_ctps_webp', array( __CLASS__, 'ajax_webp' ) );
		add_action( 'wp_ajax_ctps_db', array( __CLASS__, 'ajax_db' ) );
		add_action( 'wp_ajax_ctps_import', array( __CLASS__, 'ajax_import' ) );
		add_action( 'wp_ajax_ctps_webp_remove', array( __CLASS__, 'ajax_webp_remove' ) );
		add_action( 'wp_ajax_ctps_wr_step', array( __CLASS__, 'ajax_wr_step' ) );
		add_action( 'wp_ajax_ctps_wr_retry', array( __CLASS__, 'ajax_wr_retry' ) );
		add_action( 'wp_ajax_ctps_wr_bg', array( __CLASS__, 'ajax_wr_bg' ) );
		foreach ( array( 'cf_test', 'report_test', 'snapshot_restore', 'emergency_on', 'emergency_off', 'key_regen', 'key_mail', 'export', 'db_backup', 'purge_all', 'log_clear', 'log_download', 'used_css_remove', 'oc_enable', 'oc_disable' ) as $a ) {
			add_action( 'admin_post_ctps_' . $a, array( __CLASS__, 'handle_' . $a ) );
		}
		add_action( 'admin_bar_menu', array( __CLASS__, 'admin_bar' ), 100 );
		add_filter( 'plugin_action_links_' . plugin_basename( CTPS_FILE ), array( __CLASS__, 'action_links' ) );
	}

	/**
	 * Nonce-protected link that closes the setup wizard prompt.
	 *
	 * @return string
	 */
	public static function wizard_skip_url() {
		return wp_nonce_url( add_query_arg( 'wizard_skip', 1, self::page_url() ), 'ctps_wizard_skip' );
	}

	public static function page_url( $section = '' ) {
		return admin_url( 'admin.php?page=' . self::PAGE ) . ( $section ? '#' . $section : '' );
	}

	public static function menu() {
		// Lives under the single Adaptive Speed menu; the slug is unchanged so old links keep working.
		self::$hook = add_submenu_page( 'adaptive-speed', __( 'Optimizations', 'celero-adaptive-speed' ), __( 'Optimizations', 'celero-adaptive-speed' ), 'manage_options', self::PAGE, array( __CLASS__, 'render' ) );
	}

	public static function register() {
		register_setting( 'ctps', CTPS_Settings::OPTION, array( 'sanitize_callback' => array( 'CTPS_Settings', 'sanitize' ) ) );
	}

	public static function assets( $hook ) {
		if ( $hook !== self::$hook ) {
			return;
		}
		wp_enqueue_style( 'ctps-admin', CTPS_URL . 'assets/admin.css', array(), CTPS_VERSION );
		wp_enqueue_script( 'ctps-critical', CTPS_URL . 'assets/critical.js', array(), CTPS_VERSION, true );
		wp_enqueue_script( 'ctps-used-css', CTPS_URL . 'assets/used-css.js', array( 'ctps-critical' ), CTPS_VERSION, true );
		if ( isset( $_GET['setup'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification
			wp_enqueue_script( 'ctps-wizard', CTPS_URL . 'assets/wizard.js', array( 'ctps-critical' ), CTPS_VERSION, true );
			$handle = 'ctps-wizard';
		} else {
			wp_enqueue_script( 'ctps-admin', CTPS_URL . 'assets/admin.js', array( 'ctps-critical' ), CTPS_VERSION, true );
			$handle = 'ctps-admin';
		}

		$last                           = get_option( CTPS_PSI::LAST, array() );
		$history                        = get_option( CTPS_PSI::HISTORY, array() );
		list( $webp_done, $webp_total ) = CTPS_Webp::stats();

		wp_localize_script(
			$handle,
			'CTPS',
			array(
				'ajax'         => admin_url( 'admin-ajax.php' ),
				'nonce'        => wp_create_nonce( 'ctps_admin' ),
				'home'         => home_url( '/' ),
				'last'         => is_array( $last ) ? $last : array(),
				'history'      => is_array( $history ) ? array_values( $history ) : array(),
				'webp'         => array( 'done' => $webp_done, 'total' => $webp_total, 'supported' => CTPS_Webp::supported() ),
				'wr'           => array( 'remaining' => CTPS_Webp_Replace::remaining(), 'stats' => CTPS_Webp_Replace::public_stats(), 'supported' => CTPS_Webp_Replace::supported(), 'bg' => CTPS_Webp_Replace::bg_on() ),
				'backupRecent' => CTPS_DB_Backup::recent(),
				'backupPlugin' => CTPS_Safety::backup_plugin(),
				'criticalUrls' => CTPS_Safety::check_urls(),
				'rum'          => array( 'mobile' => CTPS_RUM::summary( 0 ), 'desktop' => CTPS_RUM::summary( 1 ) ),
				'usedCssUrls'  => CTPS_Used_CSS::sample_urls(),
				'safelist'     => CTPS_Compat::css_safelist(),
				'assetsNonce'  => wp_create_nonce( 'ctps_assets' ),
				'i18n'         => CTPS_I18n::js(),
				'locale'       => str_replace( '_', '-', get_user_locale() ),
			)
		);
	}

	public static function action_links( $links ) {
		array_unshift( $links, '<a href="' . esc_url( self::page_url() ) . '">' . esc_html__( 'Settings', 'celero-adaptive-speed' ) . '</a>' );
		return $links;
	}

	public static function admin_bar( $bar ) {
		if ( ! current_user_can( 'manage_options' ) ) {
			return;
		}
		$last  = get_option( CTPS_PSI::LAST, array() );
		$score = isset( $last['mobile']['scores']['performance']['score'] ) ? (int) $last['mobile']['scores']['performance']['score'] : null;
		$title = 'Adaptive Speed' . ( null !== $score ? ' ' . $score : '' );
		$bar->add_node( array( 'id' => 'ctps', 'title' => $title, 'href' => self::page_url() ) );
		$bar->add_node(
			array(
				'parent' => 'ctps',
				'id'     => 'ctps-purge',
				'title'  => esc_html__( 'Clear cache', 'celero-adaptive-speed' ),
				'href'   => wp_nonce_url( admin_url( 'admin-post.php?action=ctps_purge' ), 'ctps_purge' ),
			)
		);
	}

	/* ---------------------------------------------------------------------
	 * Actions
	 * ------------------------------------------------------------------ */

	private static function guard( $nonce_action ) {
		if ( ! current_user_can( 'manage_options' ) ) {
			wp_die( esc_html__( 'Permission denied.', 'celero-adaptive-speed' ), 403 );
		}
		check_admin_referer( $nonce_action );
	}

	private static function back( $arg ) {
		$back = wp_get_referer() ? wp_get_referer() : self::page_url();
		wp_safe_redirect( add_query_arg( 'ctps_msg', $arg, remove_query_arg( 'ctps_msg', $back ) ) );
		exit;
	}

	public static function handle_purge() {
		self::guard( 'ctps_purge' );
		CTPS_Page_Cache::purge_all();
		self::back( 'purged' );
	}

	public static function handle_profile() {
		self::guard( 'ctps_profile' );
		$id = isset( $_GET['profile'] ) ? sanitize_key( $_GET['profile'] ) : ''; // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- nonce verified in guard()
		self::back( CTPS_Settings::apply_profile( $id ) ? 'profile' : 'error' );
	}

	public static function handle_restore() {
		self::guard( 'ctps_restore' );
		self::back( CTPS_Settings::restore_backup() ? 'restored' : 'error' );
	}

	private static function ajax_guard() {
		if ( ! current_user_can( 'manage_options' ) ) {
			wp_send_json_error( __( 'Permission denied.', 'celero-adaptive-speed' ), 403 );
		}
		check_ajax_referer( 'ctps_admin' );
	}

	public static function ajax_psi() {
		self::ajax_guard();
		$url      = isset( $_POST['url'] ) ? esc_url_raw( wp_unslash( $_POST['url'] ) ) : home_url( '/' ); // phpcs:ignore WordPress.Security.NonceVerification.Missing -- nonce verified in ajax_guard()
		$strategy = isset( $_POST['strategy'] ) ? sanitize_key( $_POST['strategy'] ) : 'mobile'; // phpcs:ignore WordPress.Security.NonceVerification.Missing -- nonce verified in ajax_guard()
		$result   = CTPS_PSI::run( $url ? $url : home_url( '/' ), $strategy, true );
		if ( is_wp_error( $result ) ) {
			wp_send_json_error( $result->get_error_message() );
		}
		wp_send_json_success(
			array(
				'result'  => $result,
				'history' => array_values( (array) get_option( CTPS_PSI::HISTORY, array() ) ),
			)
		);
	}

	public static function ajax_webp() {
		self::ajax_guard();
		if ( CTPS_Webp::paused() ) {
			/* translators: %s: name of another image plugin */
			wp_send_json_error( sprintf( __( '%s already creates the WebP images on this site: the conversion is paused so the same work is not done twice.', 'celero-adaptive-speed' ), CTPS_Webp::other_provider() ) );
		}
		if ( ! CTPS_Webp::supported() ) {
			wp_send_json_error( __( 'The server does not support WebP conversion (GD or Imagick with WebP support is required).', 'celero-adaptive-speed' ) );
		}
		$batch                = CTPS_Webp::convert_batch();
		list( $done, $total ) = CTPS_Webp::stats();
		if ( $batch['processed'] > 0 ) {
			CTPS_Page_Cache::purge_all();
		}
		wp_send_json_success( array_merge( $batch, array( 'done' => $done, 'total' => $total ) ) );
	}

	private static function action_url( $action, $args = array() ) {
		return wp_nonce_url( add_query_arg( array_merge( array( 'action' => 'ctps_' . $action ), $args ), admin_url( 'admin-post.php' ) ), 'ctps_' . $action );
	}

	public static function handle_cf_test() {
		self::guard( 'ctps_cf_test' );
		$r = CTPS_CDN::cf_test();
		set_transient(
			'ctps_admin_msg',
			true === $r
				? __( 'Cloudflare connected: the CDN cache will be cleared together with the plugin cache.', 'celero-adaptive-speed' )
				/* translators: %s: Cloudflare error message */
				: sprintf( __( 'Cloudflare: %s', 'celero-adaptive-speed' ), $r ),
			60
		);
		self::back( true === $r ? 'custom_ok' : 'custom_error' );
	}

	public static function handle_report_test() {
		self::guard( 'ctps_report_test' );
		$to = CTPS_Report::recipients();
		if ( ! $to ) {
			$to = array( wp_get_current_user()->user_email );
		}
		self::back( CTPS_Report::send( $to ) ? 'report_sent' : 'mail_error' );
	}

	public static function handle_snapshot_restore() {
		self::guard( 'ctps_snapshot_restore' );
		$id = isset( $_GET['id'] ) ? sanitize_key( $_GET['id'] ) : ''; // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- nonce verified in guard()
		self::back( CTPS_Safety::restore( $id ) ? 'restored' : 'error' );
	}

	public static function handle_emergency_on() {
		self::guard( 'ctps_emergency_on' );
		CTPS_Safety::enter_emergency();
		self::back( 'emergency_on' );
	}

	public static function handle_emergency_off() {
		self::guard( 'ctps_emergency_off' );
		CTPS_Safety::exit_emergency();
		self::back( CTPS_Safety::is_disabled() ? 'still_disabled' : 'emergency_off' );
	}

	public static function handle_key_regen() {
		self::guard( 'ctps_key_regen' );
		CTPS_Safety::regenerate_key();
		self::back( 'key' );
	}

	public static function handle_key_mail() {
		self::guard( 'ctps_key_mail' );
		self::back( CTPS_Safety::mail_recovery_link() ? 'mailed' : 'mail_error' );
	}

	public static function handle_purge_all() {
		self::guard( 'ctps_purge_all' );
		CTPS_Page_Cache::purge_all();
		CTPS_Assets::remove_all();
		self::back( 'purged_all' );
	}

	public static function handle_oc_enable() {
		self::guard( 'ctps_oc_enable' );
		$r = CTPS_Object_Cache::enable();
		if ( is_wp_error( $r ) ) {
			set_transient( 'ctps_admin_msg', $r->get_error_message(), 60 );
			self::back( 'custom_error' );
		}
		CTPS_Log::add( 'cache', 'Redis object cache enabled' );
		self::back( 'oc_enabled' );
	}

	public static function handle_oc_disable() {
		self::guard( 'ctps_oc_disable' );
		$r = CTPS_Object_Cache::disable();
		if ( is_wp_error( $r ) ) {
			set_transient( 'ctps_admin_msg', $r->get_error_message(), 60 );
			self::back( 'custom_error' );
		}
		delete_option( 'ctps_oc_resume' );
		CTPS_Log::add( 'cache', 'Redis object cache disabled' );
		self::back( 'oc_disabled' );
	}

	public static function handle_log_clear() {
		self::guard( 'ctps_log_clear' );
		CTPS_Log::clear();
		self::back( 'log_cleared' );
	}

	public static function handle_log_download() {
		self::guard( 'ctps_log_download' );
		$file = CTPS_Log::file();
		nocache_headers();
		header( 'Content-Type: text/plain; charset=utf-8' );
		header( 'Content-Disposition: attachment; filename="ctps-debug-' . gmdate( 'Y-m-d' ) . '.log"' );
		header( 'X-Content-Type-Options: nosniff' );
		if ( file_exists( $file . '.1' ) ) {
			readfile( $file . '.1' ); // phpcs:ignore
		}
		if ( file_exists( $file ) ) {
			readfile( $file ); // phpcs:ignore
		}
		exit;
	}

	public static function handle_used_css_remove() {
		self::guard( 'ctps_used_css_remove' );
		$s = CTPS_Settings::all();
		CTPS_Used_CSS::remove();
		if ( ! empty( $s['used_css'] ) ) {
			$s['used_css'] = 0;
			update_option( CTPS_Settings::OPTION, $s );
		} else {
			CTPS_Page_Cache::purge_all();
		}
		self::back( 'used_css_removed' );
	}

	public static function handle_db_backup() {
		self::guard( 'ctps_db_backup' );
		CTPS_DB_Backup::stream();
	}

	/**
	 * Settings as JSON (without the API key, which is a secret).
	 */
	public static function handle_export() {
		self::guard( 'ctps_export' );
		$settings = CTPS_Settings::all();
		// Secrets and update settings do not travel in exported files.
		foreach ( self::PRIVATE_KEYS as $k ) {
			unset( $settings[ $k ] );
		}
		$data = array(
			'plugin'   => 'celero-adaptive-speed',
			'version'  => CTPS_VERSION,
			'site'     => home_url(),
			'exported' => gmdate( 'c' ),
			'settings' => $settings,
		);
		$host = preg_replace( '/[^a-z0-9.-]/i', '', (string) wp_parse_url( home_url(), PHP_URL_HOST ) );
		nocache_headers();
		header( 'Content-Type: application/json; charset=utf-8' );
		header( 'Content-Disposition: attachment; filename="pagespeed-' . $host . '-' . wp_date( 'Ymd-His' ) . '.json"' );
		echo wp_json_encode( $data, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE ); // phpcs:ignore
		exit;
	}

	public static function ajax_import() {
		self::ajax_guard();
		$raw  = isset( $_POST['json'] ) && is_string( $_POST['json'] ) ? wp_unslash( $_POST['json'] ) : ''; // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized, WordPress.Security.NonceVerification.Missing -- nonce checked in ajax_guard(); JSON document: decoded below, then every setting is sanitized by CTPS_Settings::sanitize()
		$data = json_decode( (string) $raw, true );
		if ( ! is_array( $data ) || ! in_array( ( $data['plugin'] ?? '' ), array( 'celero-adaptive-speed', 'adaptive-speed', 'wp-adaptive' ), true ) || ! isset( $data['settings'] ) || ! is_array( $data['settings'] ) ) {
			wp_send_json_error( __( 'This file is not a Adaptive Speed export.', 'celero-adaptive-speed' ) );
		}
		// Only known settings, each sanitized by its own rule (CTPS_Settings::sanitize()).
		$import = CTPS_Settings::sanitize( array_merge( CTPS_Settings::all(), array_intersect_key( $data['settings'], CTPS_Settings::defaults() ) ) );
		$new    = array_merge( CTPS_Settings::all(), $import );
		// An imported file cannot change API keys or tokens.
		foreach ( self::PRIVATE_KEYS as $k ) {
			$new[ $k ] = CTPS_Settings::get( $k );
		}
		$new = CTPS_Settings::sanitize( $new );
		/* translators: %s: source site URL */
		CTPS_Safety::label( sprintf( __( 'Before import from %s', 'celero-adaptive-speed' ), sanitize_text_field( (string) ( $data['site'] ?? 'file' ) ) ) );
		update_option( CTPS_Settings::OPTION, $new );
		$health = get_option( CTPS_Safety::HEALTH );
		wp_send_json_success( array( 'rolled_back' => ! empty( $health['rolled_back'] ) && $health['time'] >= time() - 60 ) );
	}

	public static function ajax_wr_step() {
		self::ajax_guard();
		if ( empty( $_POST['backup'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing -- nonce verified in ajax_guard()
			wp_send_json_error( __( 'Confirm that the site has a recent backup.', 'celero-adaptive-speed' ) );
		}
		if ( ! CTPS_Webp_Replace::supported() ) {
			wp_send_json_error( __( 'The server cannot create or read WebP images (GD with WebP support is required).', 'celero-adaptive-speed' ) );
		}
		$r = CTPS_Webp_Replace::step( 0, CTPS_Webp_Replace::budget( 20 ) );
		if ( is_wp_error( $r ) ) {
			wp_send_json_error( $r->get_error_message() );
		}
		wp_send_json_success( $r );
	}

	/** Starts or stops the background replacement (WP-Cron, every minute). */
	public static function ajax_wr_bg() {
		self::ajax_guard();
		$mode = isset( $_POST['mode'] ) ? sanitize_key( wp_unslash( $_POST['mode'] ) ) : ''; // phpcs:ignore WordPress.Security.NonceVerification.Missing -- nonce verified in ajax_guard()
		if ( 'start' === $mode ) {
			if ( empty( $_POST['backup'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing -- nonce verified in ajax_guard()
				wp_send_json_error( __( 'Confirm that the site has a recent backup.', 'celero-adaptive-speed' ) );
			}
			if ( ! CTPS_Webp_Replace::supported() ) {
				wp_send_json_error( __( 'The server cannot create or read WebP images (GD with WebP support is required).', 'celero-adaptive-speed' ) );
			}
			CTPS_Webp_Replace::start_bg();
		} else {
			CTPS_Webp_Replace::stop_bg();
		}
		wp_send_json_success( array( 'bg' => CTPS_Webp_Replace::bg_on(), 'remaining' => CTPS_Webp_Replace::remaining(), 'stats' => CTPS_Webp_Replace::public_stats() ) );
	}

	public static function ajax_wr_retry() {
		self::ajax_guard();
		CTPS_Webp_Replace::retry_skipped();
		wp_send_json_success( array( 'remaining' => CTPS_Webp_Replace::remaining(), 'stats' => CTPS_Webp_Replace::public_stats() ) );
	}

	public static function ajax_webp_remove() {
		self::ajax_guard();
		$r = CTPS_Webp::remove_batch();
		if ( 0 === $r['left'] ) {
			CTPS_Page_Cache::purge_all();
		}
		list( $done, $total ) = CTPS_Webp::stats();
		wp_send_json_success( array_merge( $r, array( 'done' => $done, 'total' => $total ) ) );
	}

	public static function ajax_db() {
		self::ajax_guard();
		$type = isset( $_POST['type'] ) ? sanitize_key( $_POST['type'] ) : ''; // phpcs:ignore WordPress.Security.NonceVerification.Missing -- nonce verified in ajax_guard()
		if ( ! isset( CTPS_Database::items()[ $type ] ) ) {
			wp_send_json_error( __( 'Invalid type.', 'celero-adaptive-speed' ) );
		}
		$deleted = CTPS_Database::clean( $type );
		wp_send_json_success( array( 'deleted' => $deleted, 'counts' => CTPS_Database::counts() ) );
	}

	/* ---------------------------------------------------------------------
	 * Components
	 * ------------------------------------------------------------------ */

	private static function name( $key ) {
		return CTPS_Settings::OPTION . '[' . $key . ']';
	}

	/**
	 * Card with a toggle (real checkbox, styled).
	 */
	private static function toggle( $key, $title, $desc, $impact = '', $metric = '' ) {
		static $n = 0;
		$id       = 'ctps-' . $key . '-' . ( ++$n );
		$impacts  = array(
			'alto'  => __( 'High impact', 'celero-adaptive-speed' ),
			'medio' => __( 'Medium impact', 'celero-adaptive-speed' ),
			'basso' => __( 'Low impact', 'celero-adaptive-speed' ),
		);
		?>
		<label class="ctps-opt" for="<?php echo esc_attr( $id ); ?>">
			<span class="ctps-opt-head">
				<span class="ctps-opt-text">
					<span class="ctps-opt-title"><?php echo esc_html( $title ); ?></span>
					<span class="ctps-opt-desc"><?php echo esc_html( $desc ); ?></span>
				</span>
				<input type="checkbox" role="switch" class="ctps-switch" id="<?php echo esc_attr( $id ); ?>" name="<?php echo esc_attr( self::name( $key ) ); ?>" value="1" data-key="<?php echo esc_attr( $key ); ?>" <?php checked( CTPS_Settings::on( $key ) ); ?>>
			</span>
			<?php if ( $impact || $metric ) : ?>
				<span class="ctps-badges">
					<?php if ( $impact ) : ?>
						<span class="ctps-badge ctps-impact-<?php echo esc_attr( $impact ); ?>"><?php echo esc_html( isset( $impacts[ $impact ] ) ? $impacts[ $impact ] : $impact ); ?></span>
					<?php endif; ?>
					<?php if ( $metric ) : ?>
						<span class="ctps-badge ctps-metric"><?php echo esc_html( $metric ); ?></span>
					<?php endif; ?>
				</span>
			<?php endif; ?>
		</label>
		<?php
	}

	private static function textarea( $key, $label, $help = '', $rows = 4 ) {
		$id = 'ctps-' . $key;
		?>
		<div class="ctps-field">
			<label for="<?php echo esc_attr( $id ); ?>"><?php echo esc_html( $label ); ?></label>
			<textarea id="<?php echo esc_attr( $id ); ?>" name="<?php echo esc_attr( self::name( $key ) ); ?>" rows="<?php echo (int) $rows; ?>" spellcheck="false"><?php echo esc_textarea( (string) CTPS_Settings::get( $key ) ); ?></textarea>
			<?php
			if ( $help ) :
				?>
				<p class="ctps-help"><?php echo esc_html( $help ); ?></p><?php endif; ?>
		</div>
		<?php
	}

	private static function text( $key, $label, $help = '', $placeholder = '', $type = 'text' ) {
		$id = 'ctps-' . $key;
		?>
		<div class="ctps-field">
			<label for="<?php echo esc_attr( $id ); ?>"><?php echo esc_html( $label ); ?></label>
			<input type="<?php echo esc_attr( $type ); ?>" id="<?php echo esc_attr( $id ); ?>" name="<?php echo esc_attr( self::name( $key ) ); ?>" value="<?php echo esc_attr( (string) CTPS_Settings::get( $key ) ); ?>" placeholder="<?php echo esc_attr( $placeholder ); ?>" autocomplete="<?php echo 'password' === $type ? 'new-password' : 'off'; ?>" spellcheck="false">
			<?php
			if ( $help ) :
				?>
				<p class="ctps-help"><?php echo esc_html( $help ); ?></p><?php endif; ?>
		</div>
		<?php
	}

	private static function number( $key, $label, $suffix = '' ) {
		$id = 'ctps-' . $key;
		?>
		<div class="ctps-field ctps-field-inline">
			<label for="<?php echo esc_attr( $id ); ?>"><?php echo esc_html( $label ); ?></label>
			<span><input type="number" min="0" id="<?php echo esc_attr( $id ); ?>" name="<?php echo esc_attr( self::name( $key ) ); ?>" value="<?php echo (int) CTPS_Settings::get( $key ); ?>"> <?php echo esc_html( $suffix ); ?></span>
		</div>
		<?php
	}

	private static function section_head( $title, $desc ) {
		?>
		<header class="ctps-head">
			<div>
				<h1><?php echo esc_html( $title ); ?></h1>
				<p><?php echo esc_html( $desc ); ?></p>
			</div>
		</header>
		<?php
	}

	/* ---------------------------------------------------------------------
	 * Page
	 * ------------------------------------------------------------------ */

	public static function render() {
		if ( ! current_user_can( 'manage_options' ) ) {
			return;
		}
		if ( isset( $_GET['setup'] ) && ! CTPS_Safety::is_disabled() ) { // phpcs:ignore WordPress.Security.NonceVerification
			CTPS_Wizard::render();
			return;
		}
		if ( isset( $_GET['wizard_skip'], $_GET['_wpnonce'] ) && wp_verify_nonce( sanitize_text_field( wp_unslash( $_GET['_wpnonce'] ) ), 'ctps_wizard_skip' ) ) {
			update_option( CTPS_Wizard::DONE, time(), false );
		}
		$sections = array(
			'overview' => __( 'Overview', 'celero-adaptive-speed' ),
			'rum'      => __( 'Real-user metrics', 'celero-adaptive-speed' ),
			'cache'    => __( 'Cache', 'celero-adaptive-speed' ),
			'js'       => 'JavaScript',
			'css'      => __( 'CSS and fonts', 'celero-adaptive-speed' ),
			'media'    => __( 'Images and video', 'celero-adaptive-speed' ),
			'cleanup'  => __( 'WordPress cleanup', 'celero-adaptive-speed' ),
			'server'   => __( 'Server and advanced', 'celero-adaptive-speed' ),
			'safety'   => __( 'Safety and recovery', 'celero-adaptive-speed' ),
		);
		$messages = array(
			'purged'           => __( 'Cache cleared. The main pages will be regenerated in the background.', 'celero-adaptive-speed' ),
			'profile'          => __( 'Profile applied and cache cleared. Run a new test to see the result.', 'celero-adaptive-speed' ),
			'restored'         => __( 'Settings restored. The site has been checked again.', 'celero-adaptive-speed' ),
			'purged_all'       => __( 'Cache, local fonts and generated CSS deleted.', 'celero-adaptive-speed' ),
			'emergency_on'     => __( 'Emergency mode enabled: the plugin no longer changes anything on the site.', 'celero-adaptive-speed' ),
			'emergency_off'    => __( 'Emergency mode disabled: optimizations are active again.', 'celero-adaptive-speed' ),
			'still_disabled'   => __( 'The plugin is still disabled by the ctps-off file or the CTPS_DISABLE constant: remove them to reactivate it.', 'celero-adaptive-speed' ),
			'key'              => __( 'New emergency link created: the previous link no longer works.', 'celero-adaptive-speed' ),
			'report_sent'      => __( 'Test report sent.', 'celero-adaptive-speed' ),
			'custom_ok'        => '',
			'custom_error'     => '',
			'mailed'           => __( 'Emergency link sent to the administrator email.', 'celero-adaptive-speed' ),
			'mail_error'       => __( 'Email could not be sent: copy the link and keep it yourself.', 'celero-adaptive-speed' ),
			'error'            => __( 'Operation failed.', 'celero-adaptive-speed' ),
			'oc_enabled'       => __( 'Redis object cache enabled.', 'celero-adaptive-speed' ),
			'oc_disabled'      => __( 'Redis object cache disabled.', 'celero-adaptive-speed' ),
			'log_cleared'      => __( 'Debug log cleared.', 'celero-adaptive-speed' ),
			'used_css_removed' => __( 'Used CSS deleted: pages load the full CSS again.', 'celero-adaptive-speed' ),
		);
		$msg      = isset( $_GET['ctps_msg'] ) ? sanitize_key( $_GET['ctps_msg'] ) : ''; // phpcs:ignore WordPress.Security.NonceVerification
		?>
		<div class="wrap ctps-wrap">
			<h1 class="screen-reader-text">Adaptive Speed</h1>
			<div class="ctps">
				<nav class="ctps-side" aria-label="<?php esc_attr_e( 'PageSpeed sections', 'celero-adaptive-speed' ); ?>">
					<div class="ctps-brand">
						<span class="ctps-logo" aria-hidden="true"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 4 14h7l-1 8 9-12h-7z"/></svg></span>
						<span>Adaptive Speed</span>
					</div>
					<?php foreach ( $sections as $id => $label ) : ?>
						<a href="#<?php echo esc_attr( $id ); ?>" class="ctps-nav" data-section="<?php echo esc_attr( $id ); ?>"><?php echo esc_html( $label ); ?></a>
					<?php endforeach; ?>
					<div class="ctps-side-foot">
						<?php
						$cached = (int) CTPS_Page_Cache::count_files();
						/* translators: %s: number of cached pages */
						printf( esc_html( _n( 'Cache: %s page', 'Cache: %s pages', $cached, 'celero-adaptive-speed' ) ), '<strong>' . $cached . '</strong>' ); // phpcs:ignore WordPress.Security.EscapeOutput
						?>
						<?php $remaining = CTPS_Preload::remaining(); ?>
						<?php if ( $remaining ) : ?>
							<br>
							<?php
							/* translators: %d: number of pages waiting to be preloaded */
							printf( esc_html__( 'Preload: %d queued', 'celero-adaptive-speed' ), (int) $remaining );
							?>
						<?php endif; ?>
						<br><a href="<?php echo esc_url( wp_nonce_url( admin_url( 'admin-post.php?action=ctps_purge' ), 'ctps_purge' ) ); ?>"><?php esc_html_e( 'Clear cache', 'celero-adaptive-speed' ); ?></a>
						<br><a href="<?php echo esc_url( CTPS_Wizard::url() ); ?>"><?php esc_html_e( 'Setup wizard', 'celero-adaptive-speed' ); ?></a>
					</div>
				</nav>

				<div class="ctps-main">
					<?php
					if ( $msg && isset( $messages[ $msg ] ) ) :
						$text = $messages[ $msg ];
						if ( 0 === strpos( $msg, 'custom_' ) ) {
							$text = (string) get_transient( 'ctps_admin_msg' );
							delete_transient( 'ctps_admin_msg' );
						}
						$is_err = in_array( $msg, array( 'error', 'mail_error', 'custom_error', 'still_disabled' ), true );
						if ( '' !== $text ) :
							?>
							<div class="ctps-notice <?php echo $is_err ? 'is-error' : 'is-ok'; ?>" role="<?php echo $is_err ? 'alert' : 'status'; ?>"><?php echo esc_html( $text ); ?></div>
							<?php
						endif;
					endif;
					?>
					<?php if ( isset( $_GET['settings-updated'] ) ) : // phpcs:ignore ?>
						<div class="ctps-notice is-ok" role="status"><?php esc_html_e( 'Settings saved and cache cleared.', 'celero-adaptive-speed' ); ?></div>
					<?php endif; ?>
					<?php self::warnings(); ?>
					<?php if ( ! CTPS_Wizard::is_done() && ! CTPS_Safety::is_disabled() ) : ?>
						<div class="ctps-notice is-info" role="status">
							<?php
							/* translators: 1: opening strong tag, 2: closing strong tag */
							printf( esc_html__( '%1$sSet up the plugin in 3 steps:%2$s analyze the site, choose a profile and check the result.', 'celero-adaptive-speed' ), '<strong>', '</strong>' );
							?>
							<a class="ctps-btn ctps-btn-small ctps-btn-primary" href="<?php echo esc_url( CTPS_Wizard::url() ); ?>"><?php esc_html_e( 'Start the setup wizard', 'celero-adaptive-speed' ); ?></a> <a href="<?php echo esc_url( self::wizard_skip_url() ); ?>"><?php esc_html_e( 'Not now', 'celero-adaptive-speed' ); ?></a></div>
					<?php endif; ?>

					<form method="post" action="options.php" id="ctps-form">
						<?php settings_fields( 'ctps' ); ?>
						<?php self::section_overview(); ?>
						<?php self::section_rum(); ?>
						<?php self::section_cache(); ?>
						<?php self::section_js(); ?>
						<?php self::section_css(); ?>
						<?php self::section_media(); ?>
						<?php self::section_cleanup(); ?>
						<?php self::section_server(); ?>
						<?php self::section_safety(); ?>

						<div class="ctps-savebar" id="ctps-savebar">
							<span class="ctps-savebar-text"><?php esc_html_e( 'You have unsaved changes.', 'celero-adaptive-speed' ); ?></span>
							<button type="submit" class="ctps-btn ctps-btn-primary"><?php esc_html_e( 'Save and clear cache', 'celero-adaptive-speed' ); ?></button>
						</div>
					</form>
					<p class="ctps-foot">
						<?php
						/* translators: 1: URL query string, 2: HTML attribute name */
						printf( esc_html__( 'Preview without optimizations: add %1$s to the URL. To exclude an element, add %2$s to its tag.', 'celero-adaptive-speed' ), '<code>?ctps_off=1</code>', '<code>data-ctps-skip</code>' );
						?>
					</p>
				</div>
			</div>
		</div>
		<?php
	}

	private static function warnings() {
		$reason = CTPS_Safety::disabled_reason();
		if ( $reason ) {
			$why = array(
				/* translators: %s: date and time */
				'emergency' => sprintf( __( 'enabled from the emergency link or the panel on %s', 'celero-adaptive-speed' ), wp_date( get_option( 'date_format' ) . ' H:i', (int) get_option( CTPS_Safety::EMERGENCY ) ) ),
				'file'      => __( 'enabled by the wp-content/ctps-off file: delete it to reactivate the plugin', 'celero-adaptive-speed' ),
				'constant'  => __( 'enabled by CTPS_DISABLE in wp-config.php: remove it to reactivate the plugin', 'celero-adaptive-speed' ),
			);
			/* translators: 1: opening strong tag, 2: closing strong tag, 3: how emergency mode was enabled */
			echo '<div class="ctps-notice is-error ctps-emergency" role="alert">' . sprintf( esc_html__( '%1$sEmergency mode%2$s %3$s. No optimizations are active on the site.', 'celero-adaptive-speed' ), '<strong>', '</strong>', esc_html( $why[ $reason ] ) );
			if ( 'emergency' === $reason ) {
				echo ' <a class="ctps-btn ctps-btn-small" href="' . esc_url( self::action_url( 'emergency_off' ) ) . '">' . esc_html__( 'Re-enable optimizations', 'celero-adaptive-speed' ) . '</a>';
			}
			echo '</div>';
		}

		$health = get_option( CTPS_Safety::HEALTH );
		if ( is_array( $health ) && 'fail' === $health['status'] && $health['time'] > time() - DAY_IN_SECONDS ) {
			/* translators: 1: opening strong tag, 2: closing strong tag, 3: page URL, 4: error detail */
			echo '<div class="ctps-notice is-error" role="alert">' . sprintf( esc_html__( '%1$sAutomatic check:%2$s after the last change, page %3$s returned "%4$s".', 'celero-adaptive-speed' ), '<strong>', '</strong>', esc_html( $health['url'] ), esc_html( $health['detail'] ) ) . ' '
				. ( $health['rolled_back'] ? esc_html__( 'The previous settings were restored automatically.', 'celero-adaptive-speed' ) : esc_html__( 'Restore a copy from the Safety and recovery section.', 'celero-adaptive-speed' ) ) . '</div>';
		}

		$w = array();
		if ( CTPS_Settings::on( 'htaccess_rules' ) && ! CTPS_Htaccess::is_apache() ) {
			$w[] = __( 'The server is not Apache/LiteSpeed: compression and browser caching must be configured in nginx: the rules to copy are in "Server and advanced".', 'celero-adaptive-speed' );
		}
		if ( CTPS_Settings::on( 'async_css' ) && '' === trim( (string) CTPS_Settings::get( 'critical_css' ) ) ) {
			$w[] = __( '"Async CSS" is enabled without critical CSS: the page may briefly appear unstyled.', 'celero-adaptive-speed' );
		}
		$info = array();
		foreach ( array( 'wp_rocket' => 'WP Rocket', 'litespeed_cache' => 'LiteSpeed Cache', 'w3_total_cache' => 'W3 Total Cache', 'wp_super_cache' => 'WP Super Cache', 'wp_fastest_cache' => 'WP Fastest Cache', 'autoptimize' => 'Autoptimize' ) as $key => $name ) {
			if ( ! WPADAPT_Environment::has( $key ) ) {
				continue;
			}
			$left = array();
			foreach ( WPADAPT_Conflict_Engine::conflicts() as $feature => $by ) {
				if ( in_array( $key, (array) $by, true ) ) {
					$left[] = class_exists( 'WPADAPT_Decisions' ) ? WPADAPT_Decisions::label( $feature, WPADAPT_Feature_Registry::label( $feature ) ) : $feature;
				}
			}
			$info[] = $left
				/* translators: 1: other plugin, 2: list of features */
				? sprintf( __( '%1$s is active: Adaptive Speed automatically leaves to it what it already does (%2$s), so the two never do the same job. Nothing to do.', 'celero-adaptive-speed' ), $name, implode( ', ', array_slice( array_unique( $left ), 0, 8 ) ) )
				/* translators: %s: other plugin */
				: sprintf( __( '%s is active: no overlap with Adaptive Speed was detected.', 'celero-adaptive-speed' ), $name );
		}
		foreach ( $info as $text ) {
			echo '<div class="ctps-notice is-info" role="status">' . esc_html( $text ) . '</div>';
		}
		foreach ( $w as $text ) {
			echo '<div class="ctps-notice is-warn" role="status">' . esc_html( $text ) . '</div>';
		}
	}

	private static function section_overview() {
		$profiles = CTPS_Settings::profiles();
		$current  = CTPS_Settings::current_profile();
		$backup   = (bool) CTPS_Safety::snapshots();
		$no_bkp   = '' === CTPS_Safety::backup_plugin();
		$desc     = array(
			'safe'     => __( 'Cache, compression, lazy-load, WebP and cleanup. Does not touch JavaScript.', 'celero-adaptive-speed' ),
			'balanced' => __( 'Safe + deferred and delayed JavaScript, local fonts, LCP priority.', 'celero-adaptive-speed' ),
			'max'      => __( 'Balanced + async CSS and block CSS removal. Check it page by page.', 'celero-adaptive-speed' ),
		);
		$risk     = array(
			'safe'     => _x( 'Minimal', 'risk level', 'celero-adaptive-speed' ),
			'balanced' => _x( 'Low', 'risk level', 'celero-adaptive-speed' ),
			'max'      => _x( 'Medium', 'risk level', 'celero-adaptive-speed' ),
		);
		?>
		<section class="ctps-section" data-section="overview" id="ctps-overview">
			<header class="ctps-head">
				<div>
					<h1><?php esc_html_e( 'Overview', 'celero-adaptive-speed' ); ?></h1>
					<?php /* translators: %s: site domain */ ?>
					<p id="ctps-sub"><?php printf( esc_html__( '%s · no test run yet', 'celero-adaptive-speed' ), esc_html( wp_parse_url( home_url(), PHP_URL_HOST ) ) ); ?></p>
				</div>
				<div class="ctps-head-actions">
					<div class="ctps-seg" role="group" aria-label="<?php esc_attr_e( 'Device', 'celero-adaptive-speed' ); ?>">
						<button type="button" class="is-on" data-device="mobile" aria-pressed="true"><?php esc_html_e( 'Mobile', 'celero-adaptive-speed' ); ?></button>
						<button type="button" data-device="desktop" aria-pressed="false"><?php esc_html_e( 'Desktop', 'celero-adaptive-speed' ); ?></button>
					</div>
					<label class="screen-reader-text" for="ctps-url"><?php esc_html_e( 'URL to test', 'celero-adaptive-speed' ); ?></label>
					<input type="url" id="ctps-url" class="ctps-url" value="<?php echo esc_attr( home_url( '/' ) ); ?>">
					<button type="button" class="ctps-btn ctps-btn-primary" id="ctps-run"><?php esc_html_e( 'Run new test', 'celero-adaptive-speed' ); ?></button>
				</div>
			</header>

			<?php if ( '' === (string) CTPS_Settings::get( 'psi_api_key' ) ) : ?>
				<div class="ctps-notice is-info" role="status"><?php esc_html_e( 'Google PageSpeed tests need a free API key: without it Google shares one small daily limit among all sites and the test almost always fails. Create the key in Google Cloud Console (enable "PageSpeed Insights API", then Credentials → Create API key) and paste it in Server and advanced → "PageSpeed Insights API key". Adaptive Speed\'s own measurements (Overview of the Adaptive Speed menu, real visitors) do not need it.', 'celero-adaptive-speed' ); ?></div>
			<?php endif; ?>
			<div id="ctps-results" class="ctps-results" aria-live="polite"></div>

			<div class="ctps-block">
				<div class="ctps-block-head">
					<h2><?php esc_html_e( 'Profiles', 'celero-adaptive-speed' ); ?></h2>
					<?php if ( $backup ) : ?>
						<a href="<?php echo esc_url( wp_nonce_url( admin_url( 'admin-post.php?action=ctps_restore' ), 'ctps_restore' ) ); ?>"><?php esc_html_e( 'Restore previous settings', 'celero-adaptive-speed' ); ?></a>
					<?php endif; ?>
				</div>
				<div class="ctps-profiles">
					<?php foreach ( $profiles as $id => $p ) : ?>
						<div class="ctps-profile<?php echo $current === $id ? ' is-current' : ''; ?>">
							<div class="ctps-profile-top">
								<strong><?php echo esc_html( $p['name'] ); ?></strong>
								<?php
								if ( 'balanced' === $id ) :
									?>
									<span class="ctps-badge ctps-impact-alto"><?php esc_html_e( 'Recommended', 'celero-adaptive-speed' ); ?></span><?php endif; ?>
							</div>
							<p><?php echo esc_html( $desc[ $id ] ); ?></p>
							<div class="ctps-profile-foot">
								<?php /* translators: %s: risk level */ ?>
								<span><?php printf( esc_html__( 'Risk: %s', 'celero-adaptive-speed' ), '<strong>' . esc_html( $risk[ $id ] ) . '</strong>' ); ?></span>
								<?php if ( $current === $id ) : ?>
									<span class="ctps-current"><?php esc_html_e( 'Active', 'celero-adaptive-speed' ); ?></span>
								<?php else : ?>
									<a class="ctps-btn ctps-btn-small" href="<?php echo esc_url( wp_nonce_url( admin_url( 'admin-post.php?action=ctps_profile&profile=' . $id ), 'ctps_profile' ) ); ?>"<?php echo ( 'max' === $id && $no_bkp ) ? ' data-confirm="' . esc_attr__( 'No backup plugin seems to be active. The Maximum profile is the most aggressive: do you have a recent backup of the site?', 'celero-adaptive-speed' ) . '"' : ''; ?>><?php esc_html_e( 'Apply', 'celero-adaptive-speed' ); ?></a>
								<?php endif; ?>
							</div>
						</div>
					<?php endforeach; ?>
				</div>
			</div>

			<div class="ctps-block">
				<div class="ctps-block-head">
					<h2><?php esc_html_e( 'Main optimizations', 'celero-adaptive-speed' ); ?></h2>
					<span class="ctps-muted" id="ctps-active-count"></span>
				</div>
				<div class="ctps-grid" id="ctps-main-opts">
					<?php
					self::toggle( 'page_cache', __( 'Page cache', 'celero-adaptive-speed' ), __( 'Static HTML pages for visitors, served without PHP.', 'celero-adaptive-speed' ), 'alto', 'TTFB' );
					self::toggle( 'delay_js', __( 'Delay third-party scripts', 'celero-adaptive-speed' ), __( 'Analytics, pixels and chat start on the first scroll or tap.', 'celero-adaptive-speed' ), 'alto', 'TBT · INP' );
					self::toggle( 'defer_js', __( 'Defer JavaScript', 'celero-adaptive-speed' ), __( 'Scripts no longer block rendering.', 'celero-adaptive-speed' ), 'alto', 'FCP · LCP' );
					self::toggle( 'lcp_preload', __( 'LCP image priority', 'celero-adaptive-speed' ), __( 'Preload and fetchpriority on the main image.', 'celero-adaptive-speed' ), 'medio', 'LCP' );
					self::toggle( 'webp_serve', __( 'Serve WebP images', 'celero-adaptive-speed' ), __( 'Uses the WebP versions of images when they exist.', 'celero-adaptive-speed' ), 'medio', __( 'LCP · size', 'celero-adaptive-speed' ) );
					self::toggle( 'local_google_fonts', __( 'Local Google Fonts', 'celero-adaptive-speed' ), __( 'Off by default. When on, your server downloads the theme\'s Google Fonts once from Google and then serves them from your domain.', 'celero-adaptive-speed' ), 'medio', 'FCP · GDPR' );
					?>
				</div>
			</div>

			<div class="ctps-block" id="ctps-history-block" hidden>
				<div class="ctps-block-head"><h2><?php esc_html_e( 'Performance history', 'celero-adaptive-speed' ); ?></h2><span class="ctps-muted" id="ctps-history-label"></span></div>
				<div class="ctps-card"><div class="ctps-history" id="ctps-history"></div></div>
			</div>
		</section>
		<?php
	}

	private static function section_cache() {
		?>
		<section class="ctps-section" data-section="cache" hidden>
			<?php self::section_head( __( 'Cache', 'celero-adaptive-speed' ), __( 'Caching cuts server response time, the metric that affects all the others.', 'celero-adaptive-speed' ) ); ?>
			<div class="ctps-grid">
				<?php
				self::toggle( 'page_cache', __( 'Page cache', 'celero-adaptive-speed' ), __( 'Saves pages as static HTML for logged-out visitors. Turn it off if you already use another cache plugin.', 'celero-adaptive-speed' ), 'alto', 'TTFB' );
				self::toggle( 'cache_preload', __( 'Cache preload', 'celero-adaptive-speed' ), __( 'After each purge, regenerates the home page, posts, pages and categories in the background.', 'celero-adaptive-speed' ), 'medio', 'TTFB' );
				self::toggle( 'prefetch_links', __( 'Link prefetch', 'celero-adaptive-speed' ), __( 'Loads the page in advance when the visitor hovers over a link.', 'celero-adaptive-speed' ), 'basso', __( 'Navigation', 'celero-adaptive-speed' ) );
				?>
			</div>
			<div class="ctps-card ctps-fields">
				<?php self::number( 'cache_lifetime', __( 'Cache lifetime', 'celero-adaptive-speed' ), __( 'hours (0 = until the content changes)', 'celero-adaptive-speed' ) ); ?>
				<?php self::textarea( 'cache_exclude', __( 'Pages excluded from the cache', 'celero-adaptive-speed' ), __( 'One URL fragment per line (cart, checkout, members area).', 'celero-adaptive-speed' ) ); ?>
			</div>
			<?php self::object_cache_block(); ?>
		</section>
		<?php
	}

	private static function section_js() {
		?>
		<section class="ctps-section" data-section="js" hidden>
			<?php self::section_head( 'JavaScript', __( 'JavaScript is the leading cause of high Total Blocking Time and INP.', 'celero-adaptive-speed' ) ); ?>
			<div class="ctps-grid">
				<?php
				self::toggle( 'defer_js', __( 'Defer JavaScript', 'celero-adaptive-speed' ), __( 'Adds defer to scripts, inline ones included, keeping the execution order.', 'celero-adaptive-speed' ), 'alto', 'FCP · LCP' );
				self::toggle( 'delay_js', __( 'Delay third-party scripts', 'celero-adaptive-speed' ), __( 'Loads the scripts listed below only on the first user interaction.', 'celero-adaptive-speed' ), 'alto', 'TBT · INP' );
				self::toggle( 'js_minify', __( 'Minify JavaScript', 'celero-adaptive-speed' ), __( 'Creates compressed copies of scripts that are not minified. Conservative: a file that cannot be processed safely is left as it is.', 'celero-adaptive-speed' ), 'basso', __( 'Size', 'celero-adaptive-speed' ) );
				?>
			</div>
			<?php self::assets_block(); ?>
			<?php self::compat_block(); ?>
			<div class="ctps-card ctps-fields">
				<?php self::textarea( 'defer_exclude', __( 'Scripts not to defer', 'celero-adaptive-speed' ), __( 'Part of the URL or id. jQuery is excluded for theme compatibility.', 'celero-adaptive-speed' ), 3 ); ?>
				<?php self::textarea( 'delay_patterns', __( 'Scripts to delay', 'celero-adaptive-speed' ), __( 'One string per line: if it appears in the script URL or code, the script is delayed.', 'celero-adaptive-speed' ), 8 ); ?>
				<?php self::number( 'delay_timeout', __( 'Load them anyway after', 'celero-adaptive-speed' ), __( 'seconds (0 = only on interaction)', 'celero-adaptive-speed' ) ); ?>
			</div>
		</section>
		<?php
	}

	private static function section_css() {
		?>
		<section class="ctps-section" data-section="css" hidden>
			<?php self::section_head( __( 'CSS and fonts', 'celero-adaptive-speed' ), __( 'Less render-blocking CSS and immediately visible fonts improve First Contentful Paint.', 'celero-adaptive-speed' ) ); ?>
			<div class="ctps-grid">
				<?php
				self::toggle( 'minify_css', __( 'Minify CSS', 'celero-adaptive-speed' ), __( 'Creates compressed copies of stylesheets that are not minified.', 'celero-adaptive-speed' ), 'basso', 'FCP' );
				self::toggle( 'local_google_fonts', __( 'Local Google Fonts', 'celero-adaptive-speed' ), __( 'Off by default. When on, your server downloads the theme\'s Google Fonts once from Google and then serves them from your domain: visitors no longer connect to Google.', 'celero-adaptive-speed' ), 'medio', 'FCP · GDPR' );
				self::toggle( 'font_display_swap', 'font-display: swap', __( 'Text stays visible while the font loads.', 'celero-adaptive-speed' ), 'medio', 'FCP' );
				self::toggle( 'async_css', __( 'Async CSS', 'celero-adaptive-speed' ), __( 'Stylesheets no longer block rendering. Requires critical CSS.', 'celero-adaptive-speed' ), 'alto', 'FCP · LCP' );
				self::toggle( 'used_css', __( 'Remove unused CSS', 'celero-adaptive-speed' ), __( 'Pages load only the CSS rules they use; the full CSS arrives at the first interaction. Generate it with the button below.', 'celero-adaptive-speed' ), 'alto', 'FCP · LCP' );
				self::toggle( 'remove_block_css', __( 'Remove block CSS', 'celero-adaptive-speed' ), __( 'Only on pages that do not use the block editor.', 'celero-adaptive-speed' ), 'basso', __( 'Size', 'celero-adaptive-speed' ) );
				self::toggle( 'remove_global_styles', __( 'Remove global styles', 'celero-adaptive-speed' ), __( 'Classic themes only: block themes keep it.', 'celero-adaptive-speed' ), 'basso', __( 'Size', 'celero-adaptive-speed' ) );
				?>
			</div>
			<div class="ctps-card ctps-webp">
				<div>
					<h2><?php esc_html_e( 'Automatic critical CSS', 'celero-adaptive-speed' ); ?></h2>
					<p class="ctps-muted" id="ctps-critical-status"><?php esc_html_e( 'Analyzes the home page, a post and a page on mobile and desktop, and keeps only the styles for the part visible without scrolling. It also finds the fonts to preload. Regenerate it when you change theme or layout.', 'celero-adaptive-speed' ); ?></p>
				</div>
				<button type="button" class="ctps-btn ctps-btn-primary" id="ctps-critical-run"><?php esc_html_e( 'Generate critical CSS', 'celero-adaptive-speed' ); ?></button>
			</div>
			<?php self::used_css_block(); ?>
			<div class="ctps-card ctps-fields">
				<?php self::textarea( 'critical_css', __( 'Critical CSS', 'celero-adaptive-speed' ), __( 'Added inline in the <head> when "Async CSS" is enabled. You can generate it with the button above or paste it manually.', 'celero-adaptive-speed' ), 8 ); ?>
				<?php self::textarea( 'async_css_exclude', __( 'Stylesheets not to load asynchronously', 'celero-adaptive-speed' ), '', 3 ); ?>
			</div>
		</section>
		<?php
	}

	/**
	 * "Replace existing images with WebP": converts, updates every reference,
	 * deletes the old files only after all the checks.
	 */
	private static function webp_replace_block() {
		$st   = CTPS_Webp_Replace::stats();
		$left = CTPS_Webp_Replace::remaining();
		?>
		<div class="ctps-card ctps-fields" id="ctps-wr" data-no-dirty>
			<h2><?php esc_html_e( 'Replace existing images with WebP', 'celero-adaptive-speed' ); ?></h2>
			<p class="ctps-help"><?php esc_html_e( 'The work goes on by itself on the server, a little every minute, even with this page closed; it slows down when the server is busy and can be stopped at any time.', 'celero-adaptive-speed' ); ?></p>
			<p class="ctps-help"><?php esc_html_e( 'Each JPEG/PNG image of the library is converted to WebP (original and every size). Before deleting the old files the plugin checks that every WebP opens, has the same size and looks the same, updates every address in posts, settings and other plugins and checks that no old address is left, and makes sure that old .jpg links lead to the WebP. If a check fails, nothing is deleted and the image is listed below. Deleted files cannot be recovered from the site: work only with a recent backup.', 'celero-adaptive-speed' ); ?></p>
			<p class="ctps-muted" id="ctps-wr-status">
			<?php
			/* translators: 1: images replaced, 2: images still to process, 3: images skipped */
			echo esc_html( sprintf( __( 'Replaced: %1$d · still to do: %2$d · skipped: %3$d', 'celero-adaptive-speed' ), (int) $st['done'], (int) $left, (int) $st['skipped'] ) );
			if ( $st['before'] > $st['after'] ) {
				/* translators: %s: disk space, e.g. "1.2 GB" */
				echo ' · ' . esc_html( sprintf( __( 'space freed: %s', 'celero-adaptive-speed' ), size_format( $st['before'] - $st['after'], 1 ) ) );
			}
			?>
			</p>
			<div class="ctps-progress" aria-hidden="true"><span id="ctps-wr-bar"></span></div>
			<label class="ctps-check"><input type="checkbox" id="ctps-wr-backup"> <span><?php esc_html_e( 'The site has a recent backup (files and database).', 'celero-adaptive-speed' ); ?></span></label>
			<p>
				<button type="button" class="ctps-btn ctps-btn-primary" id="ctps-wr-run" disabled><?php esc_html_e( 'Start replacement', 'celero-adaptive-speed' ); ?></button>
				<button type="button" class="ctps-btn" id="ctps-wr-stop" hidden><?php esc_html_e( 'Stop', 'celero-adaptive-speed' ); ?></button>
				<?php if ( $st['skipped'] ) : ?>
					<button type="button" class="ctps-btn" id="ctps-wr-retry"><?php esc_html_e( 'Try skipped images again', 'celero-adaptive-speed' ); ?></button>
				<?php endif; ?>
			</p>
			<?php if ( ! CTPS_Htaccess::is_apache() ) : ?>
				<p class="ctps-help"><?php esc_html_e( 'nginx: add this rule to the server configuration before starting, so that old .jpg addresses lead to the WebP:', 'celero-adaptive-speed' ); ?></p>
				<pre class="ctps-code">location ~* ^(.+)\.(jpe?g|png)$ { try_files $uri $1.webp =404; }</pre>
			<?php endif; ?>
			<?php if ( ! empty( $st['log'] ) ) : ?>
				<details>
					<summary>
					<?php
					/* translators: %d: number of images */
					echo esc_html( sprintf( _n( '%d image skipped (nothing deleted)', '%d images skipped (nothing deleted)', count( $st['log'] ), 'celero-adaptive-speed' ), count( $st['log'] ) ) );
					?>
					</summary>
					<ul class="ctps-list">
						<?php foreach ( array_reverse( $st['log'] ) as $row ) : ?>
							<li><a href="<?php echo esc_url( get_edit_post_link( (int) $row['id'] ) ); ?>"><?php echo esc_html( $row['title'] ? $row['title'] : '#' . (int) $row['id'] ); ?></a> — <?php echo esc_html( $row['reason'] ); ?></li>
						<?php endforeach; ?>
					</ul>
				</details>
			<?php endif; ?>
		</div>
		<?php
	}

	private static function section_media() {
		?>
		<section class="ctps-section" data-section="media" hidden>
			<?php self::section_head( __( 'Images and video', 'celero-adaptive-speed' ), __( 'Images are often the LCP element and the heaviest part of the page.', 'celero-adaptive-speed' ) ); ?>

			<?php if ( CTPS_Webp::paused() ) : ?>
			<div class="ctps-card ctps-webp">
				<div>
					<h2><?php esc_html_e( 'WebP images', 'celero-adaptive-speed' ); ?></h2>
					<p class="ctps-muted">
					<?php
					/* translators: %s: name of another image plugin */
					echo esc_html( sprintf( __( '%s already creates and serves the WebP images on this site, so the WebP and AVIF options below are paused: the same work is never done twice and no file is created twice. They start again by themselves if that plugin stops doing it.', 'celero-adaptive-speed' ), CTPS_Webp::other_provider() ) );
					?>
					</p>
				</div>
			</div>
			<?php else : ?>
			<div class="ctps-card ctps-webp" id="ctps-webp">
				<div>
					<h2><?php esc_html_e( 'Convert the library to WebP', 'celero-adaptive-speed' ); ?></h2>
					<p class="ctps-muted" id="ctps-webp-status"></p>
					<div class="ctps-progress" aria-hidden="true"><span id="ctps-webp-bar"></span></div>
				</div>
				<button type="button" class="ctps-btn ctps-btn-primary" id="ctps-webp-run"><?php esc_html_e( 'Start conversion', 'celero-adaptive-speed' ); ?></button>
			</div>
			<?php endif; ?>

			<?php self::webp_replace_block(); ?>

			<div class="ctps-grid">
				<?php
				self::toggle( 'webp_serve', __( 'Serve WebP images', 'celero-adaptive-speed' ), __( 'Replaces JPEG and PNG with the WebP version when it exists.', 'celero-adaptive-speed' ), 'medio', __( 'LCP · size', 'celero-adaptive-speed' ) );
				self::toggle( 'webp_uploads', __( 'WebP for new uploads', 'celero-adaptive-speed' ), __( 'Automatically converts every uploaded image.', 'celero-adaptive-speed' ), 'medio', __( 'Size', 'celero-adaptive-speed' ) );
				self::toggle( 'webp_only', __( 'Keep only the WebP of new uploads', 'celero-adaptive-speed' ), __( 'JPEG and PNG images are converted to WebP as soon as they are uploaded and the original file is deleted, so each image is stored only once. Images already on the site are not touched. Keep the originals on your computer.', 'celero-adaptive-speed' ), 'basso', __( 'Disk space', 'celero-adaptive-speed' ) );
				self::toggle(
					'avif',
					__( 'AVIF images', 'celero-adaptive-speed' ),
					CTPS_Webp::avif_supported()
						? __( 'Also creates an AVIF version (about 20% lighter than WebP) of new uploads and of the converted library, served with automatic fallback for older browsers.', 'celero-adaptive-speed' )
						: __( 'Not available: the server image library (GD or Imagick) cannot create AVIF files. Ask your hosting to enable it.', 'celero-adaptive-speed' ),
					'medio',
					__( 'LCP · size', 'celero-adaptive-speed' )
				);
				self::toggle( 'lazy_load', __( 'Lazy-load images', 'celero-adaptive-speed' ), __( 'Loads images only when they are about to enter the screen.', 'celero-adaptive-speed' ), 'alto', __( 'LCP · size', 'celero-adaptive-speed' ) );
				self::toggle( 'lcp_preload', __( 'LCP image priority', 'celero-adaptive-speed' ), __( 'Preload and fetchpriority="high" on the main image.', 'celero-adaptive-speed' ), 'medio', 'LCP' );
				self::toggle( 'add_dimensions', __( 'Image dimensions', 'celero-adaptive-speed' ), __( 'Adds missing width and height to prevent layout shifts.', 'celero-adaptive-speed' ), 'medio', 'CLS' );
				self::toggle( 'lazy_iframes', __( 'Lazy-load iframes', 'celero-adaptive-speed' ), __( 'Embedded maps and videos load only when visible.', 'celero-adaptive-speed' ), 'medio', 'TBT' );
				self::toggle( 'youtube_facade', __( 'YouTube facade', 'celero-adaptive-speed' ), __( 'Lightweight preview: the player loads on click.', 'celero-adaptive-speed' ), 'alto', __( 'TBT · size', 'celero-adaptive-speed' ) );
				self::toggle( 'lazy_bg', __( 'Lazy-load backgrounds', 'celero-adaptive-speed' ), __( 'Section background images (page builders) load as they approach the screen.', 'celero-adaptive-speed' ), 'medio', __( 'LCP · size', 'celero-adaptive-speed' ) );
				self::toggle( 'missing_alt', __( 'Alt text', 'celero-adaptive-speed' ), __( 'Adds alt to images that do not have it.', 'celero-adaptive-speed' ), 'basso', __( 'Accessibility', 'celero-adaptive-speed' ) );
				?>
			</div>
			<div class="ctps-card ctps-fields">
				<?php self::number( 'lazy_skip', __( 'Exclude from lazy-load the first', 'celero-adaptive-speed' ), __( 'images (logo, main image)', 'celero-adaptive-speed' ) ); ?>
				<?php self::number( 'max_image_width', __( 'Maximum width of uploaded images', 'celero-adaptive-speed' ), __( 'pixels (larger photos are scaled down on upload; 0 = WordPress default)', 'celero-adaptive-speed' ) ); ?>
			</div>
		</section>
		<?php
	}

	private static function section_cleanup() {
		$counts = CTPS_Database::counts();
		?>
		<section class="ctps-section" data-section="cleanup" hidden>
			<?php self::section_head( __( 'WordPress cleanup', 'celero-adaptive-speed' ), __( 'Removes scripts, styles and requests that WordPress loads even when they are not needed.', 'celero-adaptive-speed' ) ); ?>
			<div class="ctps-grid">
				<?php
				self::toggle( 'disable_emojis', __( 'Emojis', 'celero-adaptive-speed' ), __( 'Removes the WordPress emoji scripts and styles.', 'celero-adaptive-speed' ), 'basso', __( 'Requests', 'celero-adaptive-speed' ) );
				self::toggle( 'disable_embeds', 'wp-embed', __( 'Removes the oEmbed script and links.', 'celero-adaptive-speed' ), 'basso', __( 'Requests', 'celero-adaptive-speed' ) );
				self::toggle( 'remove_jquery_migrate', 'jQuery Migrate', __( 'Removes the compatibility library on the front end.', 'celero-adaptive-speed' ), 'basso', 'TBT' );
				self::toggle( 'dashicons_logged_out', 'Dashicons', __( 'Does not load the admin icons for visitors.', 'celero-adaptive-speed' ), 'basso', __( 'Size', 'celero-adaptive-speed' ) );
				self::toggle( 'conditional_assets', __( 'Plugin files only where used', 'celero-adaptive-speed' ), __( 'Contact Form 7 and MC4WP files, and the ProfilePress date and select libraries, are removed from pages that do not contain their form.', 'celero-adaptive-speed' ), 'medio', __( 'Size · TBT', 'celero-adaptive-speed' ) );
				self::toggle( 'turnstile_lazy', __( 'Cloudflare Turnstile only when a form is used', 'celero-adaptive-speed' ), __( 'The Turnstile anti-spam script is loaded only when the visitor starts filling in a protected form (for example the comment form), not on every page. The widget appears a moment after the first click in the form.', 'celero-adaptive-speed' ), 'alto', __( 'Size · TBT', 'celero-adaptive-speed' ) );
				self::toggle( 'disable_xmlrpc', __( 'XML-RPC and pingbacks', 'celero-adaptive-speed' ), __( 'Disables an old, frequently attacked interface.', 'celero-adaptive-speed' ), 'basso', __( 'Security', 'celero-adaptive-speed' ) );
				self::toggle( 'remove_head_junk', __( '<head> cleanup', 'celero-adaptive-speed' ), __( 'Removes generator, wlwmanifest, shortlink and REST links.', 'celero-adaptive-speed' ), 'basso', 'HTML' );
				self::toggle( 'minify_html', __( 'Minify HTML', 'celero-adaptive-speed' ), __( 'Removes whitespace and comments from the HTML.', 'celero-adaptive-speed' ), 'basso', __( 'Size', 'celero-adaptive-speed' ) );
				?>
			</div>
			<?php if ( class_exists( 'WooCommerce' ) ) : ?>
				<div class="ctps-block">
					<div class="ctps-block-head"><h2>WooCommerce</h2></div>
					<div class="ctps-grid">
						<?php
						self::toggle( 'woo_cart_fragments', __( 'Stop cart-fragments', 'celero-adaptive-speed' ), __( 'No mini-cart AJAX request on every page while the cart is empty.', 'celero-adaptive-speed' ), 'alto', 'TBT · TTFB' );
						self::toggle( 'woo_assets', __( 'Scripts and styles only in the shop', 'celero-adaptive-speed' ), __( 'Removes WooCommerce CSS and JS from pages that are not shop, cart or account pages.', 'celero-adaptive-speed' ), 'medio', __( 'Size · TBT', 'celero-adaptive-speed' ) );
						?>
					</div>
				</div>
			<?php endif; ?>
			<div class="ctps-card ctps-fields">
				<div class="ctps-field ctps-field-inline">
					<label for="ctps-heartbeat">Heartbeat</label>
					<select id="ctps-heartbeat" name="<?php echo esc_attr( self::name( 'heartbeat' ) ); ?>">
						<?php foreach ( array( 'default' => __( 'Default', 'celero-adaptive-speed' ), 'reduce' => __( 'Every 60 seconds', 'celero-adaptive-speed' ), 'disable_front' => __( 'Disabled on the front end', 'celero-adaptive-speed' ) ) as $v => $l ) : ?>
							<option value="<?php echo esc_attr( $v ); ?>" <?php selected( CTPS_Settings::get( 'heartbeat' ), $v ); ?>><?php echo esc_html( $l ); ?></option>
						<?php endforeach; ?>
					</select>
				</div>
				<input type="hidden" name="<?php echo esc_attr( self::name( 'remove_html_comments' ) ); ?>" value="<?php echo CTPS_Settings::on( 'remove_html_comments' ) ? 1 : 0; ?>">
			</div>

			<div class="ctps-block">
				<div class="ctps-block-head"><h2><?php esc_html_e( 'Database', 'celero-adaptive-speed' ); ?></h2></div>
				<div class="ctps-card ctps-db">
					<?php foreach ( CTPS_Database::items() as $type => $label ) : ?>
						<div class="ctps-db-row">
							<span><?php echo esc_html( $label ); ?></span>
							<strong data-db-count="<?php echo esc_attr( $type ); ?>"><?php echo (int) $counts[ $type ]; ?></strong>
							<button type="button" class="ctps-btn ctps-btn-small" data-db="<?php echo esc_attr( $type ); ?>" <?php disabled( 0, $counts[ $type ] ); ?>><?php esc_html_e( 'Delete', 'celero-adaptive-speed' ); ?></button>
						</div>
					<?php endforeach; ?>
					<p class="ctps-help"><?php esc_html_e( 'Tip: back up the database before the first cleanup.', 'celero-adaptive-speed' ); ?></p>
				</div>
			</div>
		</section>
		<?php
	}

	private static function section_server() {
		?>
		<section class="ctps-section" data-section="server" hidden>
			<?php self::section_head( __( 'Server and advanced', 'celero-adaptive-speed' ), __( 'Compression, browser caching, headers and automatic tests.', 'celero-adaptive-speed' ) ); ?>
			<div class="ctps-grid">
				<?php
				self::toggle( 'htaccess_rules', __( '.htaccess rules', 'celero-adaptive-speed' ), __( 'Gzip/Brotli compression and 1-year browser caching. Apache/LiteSpeed only.', 'celero-adaptive-speed' ), 'alto', __( 'Size · cache', 'celero-adaptive-speed' ) );
				self::toggle( 'security_headers', __( 'Security headers', 'celero-adaptive-speed' ), 'X-Content-Type-Options, Referrer-Policy, X-Frame-Options, COOP, HSTS.', 'basso', __( 'Best practice', 'celero-adaptive-speed' ) );
				self::toggle( 'auto_preconnect', __( 'Automatic preconnect', 'celero-adaptive-speed' ), __( 'Opens connections to the most used external domains in advance (max 4).', 'celero-adaptive-speed' ), 'basso', 'FCP' );
				self::toggle( 'meta_description', __( 'Meta description', 'celero-adaptive-speed' ), __( 'Generates it when no SEO plugin is active (Yoast, Rank Math, AIOSEO, SEOPress).', 'celero-adaptive-speed' ), 'basso', 'SEO' );
				self::toggle( 'psi_schedule', __( 'Daily automatic test', 'celero-adaptive-speed' ), __( 'Tests the home page on mobile every day and updates the history. Off by default: when on, the page address is sent to Google PageSpeed Insights.', 'celero-adaptive-speed' ), 'basso', __( 'Monitoring', 'celero-adaptive-speed' ) );
				self::toggle( 'alerts', __( 'Performance alerts', 'celero-adaptive-speed' ), __( 'Email when the PageSpeed score or the real visitors\' Core Web Vitals get suddenly worse (at most every 3 days).', 'celero-adaptive-speed' ), 'basso', __( 'Monitoring', 'celero-adaptive-speed' ) );
				self::toggle( 'debug_log', __( 'Debug log', 'celero-adaptive-speed' ), __( 'Records what the plugin does and why (uncached pages, purges, rollbacks, errors). Turn it on only while investigating a problem.', 'celero-adaptive-speed' ), '', __( 'Diagnostics', 'celero-adaptive-speed' ) );
				?>
			</div>
			<?php self::nginx_block(); ?>
			<?php self::log_block(); ?>
			<div class="ctps-card ctps-fields">
				<?php self::textarea( 'preconnect_extra', __( 'Extra preconnects', 'celero-adaptive-speed' ), __( 'Origins, one per line (e.g. https://cdn.example.com).', 'celero-adaptive-speed' ), 2 ); ?>
				<?php self::textarea( 'preload_extra', __( 'Resources to preload', 'celero-adaptive-speed' ), __( 'URLs of critical fonts, CSS or images, one per line.', 'celero-adaptive-speed' ), 3 ); ?>
				<div class="ctps-field">
					<label for="ctps-psi_api_key"><?php esc_html_e( 'PageSpeed Insights API key', 'celero-adaptive-speed' ); ?></label>
					<input type="text" id="ctps-psi_api_key" name="<?php echo esc_attr( self::name( 'psi_api_key' ) ); ?>" value="<?php echo esc_attr( CTPS_Settings::get( 'psi_api_key' ) ); ?>" autocomplete="off" spellcheck="false">
					<p class="ctps-help"><?php esc_html_e( 'Optional: without a key, Google limits the number of tests. You can create one for free in Google Cloud Console (API "PageSpeed Insights").', 'celero-adaptive-speed' ); ?></p>
				</div>
			</div>

			<div class="ctps-block">
				<div class="ctps-block-head"><h2><?php esc_html_e( 'Hosting cache', 'celero-adaptive-speed' ); ?></h2></div>
				<div class="ctps-card ctps-fields">
					<?php $hosts = CTPS_Hosting::names(); ?>
					<?php if ( $hosts ) : ?>
						<?php /* translators: %s: list of detected hosting caches */ ?>
						<p><strong class="is-good"><?php printf( esc_html__( 'Detected: %s.', 'celero-adaptive-speed' ), esc_html( implode( ', ', $hosts ) ) ); ?></strong></p>
						<p class="ctps-help"><?php esc_html_e( 'When the plugin clears its cache, it also clears the hosting cache, so changes show up right away.', 'celero-adaptive-speed' ); ?></p>
					<?php else : ?>
						<p><strong><?php esc_html_e( 'No hosting cache detected.', 'celero-adaptive-speed' ); ?></strong></p>
						<p class="ctps-help">
							<?php
							/* translators: %s: PHP code line */
							printf( esc_html__( 'Supported: SiteGround, Kinsta, WP Engine, Pantheon, Cloudways (Breeze), Nginx Helper (RunCloud, GridPane), SpinupWP, LiteSpeed servers. For a generic Varnish, add %s to wp-config.php.', 'celero-adaptive-speed' ), '<code>define( \'CTPS_VARNISH_IP\', \'127.0.0.1\' );</code>' );
							?>
						</p>
					<?php endif; ?>
				</div>
			</div>

			<div class="ctps-block">
				<div class="ctps-block-head"><h2><?php esc_html_e( 'CDN and Cloudflare', 'celero-adaptive-speed' ); ?></h2></div>
				<div class="ctps-card ctps-fields">
					<?php self::text( 'cdn_url', __( 'CDN address', 'celero-adaptive-speed' ), __( 'E.g. https://cdn.example.com. CSS, JS, images and fonts from wp-content and wp-includes will be loaded from here. The CDN must pull files from your site (origin) and allow fonts from other domains (CORS).', 'celero-adaptive-speed' ), __( 'https://cdn.example.com', 'celero-adaptive-speed' ) ); ?>
					<?php self::text( 'cf_zone', __( 'Cloudflare: zone ID', 'celero-adaptive-speed' ), __( 'In the Cloudflare dashboard, on the domain "Overview" page, right-hand column.', 'celero-adaptive-speed' ) ); ?>
					<?php self::text( 'cf_token', __( 'Cloudflare: API token', 'celero-adaptive-speed' ), __( 'Create a token with the "Zone → Cache Purge" permission for this domain. With zone and token set, clearing the plugin cache also clears the Cloudflare cache.', 'celero-adaptive-speed' ), '', 'password' ); ?>
					<?php if ( CTPS_CDN::cloudflare_ready() ) : ?>
						<p><a class="ctps-btn ctps-btn-small" href="<?php echo esc_url( self::action_url( 'cf_test' ) ); ?>"><?php esc_html_e( 'Test Cloudflare connection', 'celero-adaptive-speed' ); ?></a></p>
					<?php endif; ?>
				</div>
			</div>

		</section>
		<?php
	}
	/**
	 * Script manager: explanation, link to the page and active rules.
	 */
	private static function assets_block() {
		$rules = CTPS_Asset_Manager::rules_for_admin();
		?>
		<div class="ctps-block" id="ctps-assets-block">
			<div class="ctps-block-head"><h2><?php esc_html_e( 'Script manager', 'celero-adaptive-speed' ); ?></h2></div>
			<div class="ctps-card ctps-fields">
				<p><?php esc_html_e( 'Disable the scripts and styles a page does not need (e.g. the contact form plugin everywhere except the contact page). Open a page of the site, look at what it loads and choose where each file is needed.', 'celero-adaptive-speed' ); ?></p>
				<p><a class="ctps-btn ctps-btn-primary" href="<?php echo esc_url( add_query_arg( 'ctps_assets', '1', home_url( '/' ) ) ); ?>" target="_blank" rel="noopener"><?php esc_html_e( 'Open the script manager on the home page', 'celero-adaptive-speed' ); ?></a></p>
				<p class="ctps-help"><?php esc_html_e( 'On any other page, use "Adaptive Speed → Script manager (this page)" in the admin bar. To check a page with all files loaded, add ?ctps_assets_off=1 to its address.', 'celero-adaptive-speed' ); ?></p>
				<?php if ( $rules ) : ?>
					<table class="ctps-table" id="ctps-asset-rules">
						<caption class="screen-reader-text"><?php esc_html_e( 'Active rules', 'celero-adaptive-speed' ); ?></caption>
						<thead><tr><th scope="col"><?php esc_html_e( 'File', 'celero-adaptive-speed' ); ?></th><th scope="col"><?php esc_html_e( 'Rule', 'celero-adaptive-speed' ); ?></th><th scope="col"><span class="screen-reader-text"><?php esc_html_e( 'Actions', 'celero-adaptive-speed' ); ?></span></th></tr></thead>
						<tbody>
							<?php foreach ( $rules as $r ) : ?>
								<tr>
									<td><code><?php echo esc_html( strtoupper( $r['type'] ) . ' · ' . $r['handle'] ); ?></code></td>
									<td><?php echo esc_html( $r['text'] ); ?></td>
									<td><button type="button" class="ctps-btn ctps-btn-small" data-asset-reset="<?php echo esc_attr( $r['key'] ); ?>"><?php esc_html_e( 'Load everywhere', 'celero-adaptive-speed' ); ?></button></td>
								</tr>
							<?php endforeach; ?>
						</tbody>
					</table>
				<?php else : ?>
					<p class="ctps-muted"><?php esc_html_e( 'No rules yet: every page loads all its files.', 'celero-adaptive-speed' ); ?></p>
				<?php endif; ?>
			</div>
		</div>
		<?php
	}

	private static function object_cache_block() {
		$st    = CTPS_Object_Cache::status();
		$state = $st['state'];
		$cls   = CTPS_Object_Cache::STATE_ACTIVE === $state ? 'is-good' : ( CTPS_Object_Cache::STATE_FALLBACK === $state ? 'is-bad' : '' );
		?>
		<div class="ctps-block" id="ctps-object-cache">
			<div class="ctps-block-head"><h2><?php esc_html_e( 'Redis object cache', 'celero-adaptive-speed' ); ?></h2></div>
			<div class="ctps-card ctps-fields">
				<p><?php esc_html_e( 'Keeps the results of database queries in memory (Redis), so pages that cannot be cached — cart, account, admin — are generated faster.', 'celero-adaptive-speed' ); ?></p>
				<p><strong class="<?php echo esc_attr( $cls ); ?>"><?php echo esc_html( $st['label'] ); ?></strong></p>
				<?php if ( '' !== (string) $st['message'] ) : ?>
					<p class="ctps-help"><?php echo esc_html( $st['message'] ); ?></p>
				<?php endif; ?>
				<?php if ( CTPS_Object_Cache::STATE_ACTIVE === $state && is_array( $st['stats'] ) ) : ?>
					<p class="ctps-help">
						<?php
						$srv = isset( $st['stats']['server'] ) ? (array) $st['stats']['server'] : array();
						/* translators: 1: hit ratio percentage, 2: Redis version, 3: memory used */
						printf( esc_html__( 'This page: %1$s%% of reads from the cache · Redis %2$s · memory used %3$s', 'celero-adaptive-speed' ), esc_html( (string) $st['stats']['hit_ratio'] ), esc_html( isset( $srv['redis_version'] ) ? $srv['redis_version'] : '?' ), esc_html( isset( $srv['used_memory_human'] ) ? $srv['used_memory_human'] : '?' ) );
						?>
					</p>
				<?php endif; ?>
				<?php if ( CTPS_Object_Cache::STATE_NONE === $state ) : ?>
					<?php $ok = CTPS_Object_Cache::available(); ?>
					<?php if ( is_wp_error( $ok ) ) : ?>
						<p class="ctps-help">
							<?php
							echo esc_html( $ok->get_error_message() ) . ' ';
							/* translators: %s: PHP constants */
							printf( esc_html__( 'Your hosting must provide Redis and the PHP "redis" extension. Connection settings go in wp-config.php: %s.', 'celero-adaptive-speed' ), '<code>CTPS_REDIS_HOST</code>, <code>CTPS_REDIS_PORT</code>, <code>CTPS_REDIS_PASSWORD</code>, <code>CTPS_REDIS_DB</code>' );
							?>
						</p>
					<?php else : ?>
						<p><a class="ctps-btn ctps-btn-primary" href="<?php echo esc_url( self::action_url( 'oc_enable' ) ); ?>"><?php esc_html_e( 'Enable Redis object cache', 'celero-adaptive-speed' ); ?></a></p>
					<?php endif; ?>
				<?php elseif ( CTPS_Object_Cache::STATE_FOREIGN !== $state ) : ?>
					<p><a class="ctps-btn ctps-btn-small" href="<?php echo esc_url( self::action_url( 'oc_disable' ) ); ?>" data-confirm="<?php esc_attr_e( 'Disable the Redis object cache?', 'celero-adaptive-speed' ); ?>"><?php esc_html_e( 'Disable', 'celero-adaptive-speed' ); ?></a></p>
				<?php endif; ?>
			</div>
		</div>
		<?php
	}

	private static function compat_block() {
		$active = CTPS_Compat::active();
		?>
		<div class="ctps-block">
			<div class="ctps-block-head"><h2><?php esc_html_e( 'Plugin compatibility', 'celero-adaptive-speed' ); ?></h2></div>
			<div class="ctps-card ctps-fields">
				<?php if ( $active ) : ?>
					<p><?php esc_html_e( 'Automatic adjustments applied for the plugins active on this site:', 'celero-adaptive-speed' ); ?></p>
					<ul class="ctps-ul">
						<?php foreach ( $active as $p ) : ?>
							<li><strong><?php echo esc_html( $p[0] ); ?></strong> — <?php echo esc_html( $p[1] ); ?></li>
						<?php endforeach; ?>
					</ul>
				<?php else : ?>
					<p class="ctps-muted"><?php esc_html_e( 'No plugin needing special handling was detected.', 'celero-adaptive-speed' ); ?></p>
				<?php endif; ?>
				<p class="ctps-help"><?php esc_html_e( 'Cookie banners, payments and captchas are never delayed, whatever the settings.', 'celero-adaptive-speed' ); ?></p>
			</div>
		</div>
		<?php
	}

	private static function used_css_block() {
		$d = CTPS_Used_CSS::data();
		if ( $d ) {
			/* translators: 1: used CSS size, 2: original CSS size, 3: number of stylesheets, 4: date */
			$status = sprintf( __( 'Generated: %1$s instead of %2$s, from %3$d stylesheets (%4$s).', 'celero-adaptive-speed' ), size_format( $d['size'], 1 ), size_format( max( $d['size'], $d['original'] ), 1 ), count( $d['sources'] ), wp_date( get_option( 'date_format' ), $d['created'] ) );
			if ( ! empty( $d['stale'] ) ) {
				$status .= ' ' . __( 'The theme or a plugin changed since then: regenerate it.', 'celero-adaptive-speed' );
			}
		} else {
			$status = __( 'Analyzes up to 10 sample pages on mobile and desktop and keeps only the CSS rules they use. Regenerate it when you change theme, plugins or layout.', 'celero-adaptive-speed' );
		}
		?>
		<div class="ctps-card ctps-webp" id="ctps-ucss">
			<div>
				<h2><?php esc_html_e( 'Used CSS', 'celero-adaptive-speed' ); ?></h2>
				<p class="ctps-muted <?php echo ( $d && ! empty( $d['stale'] ) ) ? 'is-bad' : ''; ?>" id="ctps-ucss-status" role="status" aria-live="polite"><?php echo esc_html( $status ); ?></p>
			</div>
			<div class="ctps-actions">
				<button type="button" class="ctps-btn ctps-btn-primary" id="ctps-ucss-run"><?php echo $d ? esc_html__( 'Regenerate used CSS', 'celero-adaptive-speed' ) : esc_html__( 'Generate used CSS', 'celero-adaptive-speed' ); ?></button>
				<?php if ( $d ) : ?>
					<a class="ctps-btn ctps-btn-small" href="<?php echo esc_url( self::action_url( 'used_css_remove' ) ); ?>"><?php esc_html_e( 'Delete', 'celero-adaptive-speed' ); ?></a>
				<?php endif; ?>
			</div>
		</div>
		<div class="ctps-card ctps-fields">
			<?php self::textarea( 'used_css_safelist', __( 'Selectors to always keep', 'celero-adaptive-speed' ), __( 'Parts of class names or selectors, one per line, for elements that appear only after a click (menus, popups, sliders). Common plugins are already covered.', 'celero-adaptive-speed' ), 3 ); ?>
		</div>
		<?php
	}

	private static function nginx_block() {
		if ( CTPS_Htaccess::is_apache() ) {
			return;
		}
		?>
		<div class="ctps-block">
			<div class="ctps-block-head"><h2><?php esc_html_e( 'Rules for nginx', 'celero-adaptive-speed' ); ?></h2></div>
			<div class="ctps-card ctps-fields">
				<p><?php echo CTPS_Htaccess::is_nginx() ? esc_html__( 'This site runs on nginx, which does not read .htaccess files. Ask your hosting to add these lines to the server block of the site (or add them yourself if you manage the server), then reload nginx.', 'celero-adaptive-speed' ) : esc_html__( 'This server does not read .htaccess files. If it runs nginx, ask your hosting to add these lines to the server block of the site.', 'celero-adaptive-speed' ); ?></p>
				<label for="ctps-nginx" class="screen-reader-text"><?php esc_html_e( 'Rules for nginx', 'celero-adaptive-speed' ); ?></label>
				<textarea id="ctps-nginx" rows="12" readonly spellcheck="false" class="ctps-code"><?php echo esc_textarea( CTPS_Htaccess::nginx_rules() ); ?></textarea>
				<p><button type="button" class="ctps-btn ctps-btn-small" data-copy="#ctps-nginx"><?php esc_html_e( 'Copy', 'celero-adaptive-speed' ); ?></button></p>
			</div>
		</div>
		<?php
	}

	private static function log_block() {
		if ( ! CTPS_Settings::on( 'debug_log' ) && ! file_exists( CTPS_Log::file() ) ) {
			return;
		}
		$lines = CTPS_Log::tail( 150 );
		?>
		<div class="ctps-block" id="ctps-log">
			<div class="ctps-block-head"><h2><?php esc_html_e( 'Debug log', 'celero-adaptive-speed' ); ?></h2></div>
			<div class="ctps-card ctps-fields">
				<?php if ( $lines ) : ?>
					<p class="ctps-help"><?php esc_html_e( 'Latest events first. The file is stored with a random name and cannot be opened from the web.', 'celero-adaptive-speed' ); ?></p>
					<pre class="ctps-log" tabindex="0"><?php echo esc_html( implode( "\n", $lines ) ); ?></pre>
					<p>
						<a class="ctps-btn ctps-btn-small" href="<?php echo esc_url( self::action_url( 'log_download' ) ); ?>"><?php esc_html_e( 'Download', 'celero-adaptive-speed' ); ?></a>
						<a class="ctps-btn ctps-btn-small" href="<?php echo esc_url( self::action_url( 'log_clear' ) ); ?>" data-confirm="<?php esc_attr_e( 'Clear the debug log?', 'celero-adaptive-speed' ); ?>"><?php esc_html_e( 'Clear', 'celero-adaptive-speed' ); ?></a>
					</p>
				<?php else : ?>
					<p class="ctps-muted"><?php esc_html_e( 'The log is empty: visit a few pages of the site, then reload this page.', 'celero-adaptive-speed' ); ?></p>
				<?php endif; ?>
			</div>
		</div>
		<?php
	}

	private static function section_safety() {
		$snaps   = array_reverse( CTPS_Safety::snapshots() );
		$health  = get_option( CTPS_Safety::HEALTH );
		$reason  = CTPS_Safety::disabled_reason();
		$bplugin = CTPS_Safety::backup_plugin();
		$last_db = CTPS_DB_Backup::last_time();
		$status  = array(
			'ok'          => array( 'good', __( 'Site working', 'celero-adaptive-speed' ) ),
			'fail'        => array( 'bad', __( 'Problem detected', 'celero-adaptive-speed' ) ),
			'preexisting' => array( 'avg', __( 'Error not caused by the plugin', 'celero-adaptive-speed' ) ),
			'unreachable' => array( 'avg', __( 'Check not possible', 'celero-adaptive-speed' ) ),
		);
		?>
		<section class="ctps-section" data-section="safety" hidden>
			<?php self::section_head( __( 'Safety and recovery', 'celero-adaptive-speed' ), __( 'Every change is reversible: automatic copies, site checks and an emergency exit.', 'celero-adaptive-speed' ) ); ?>

			<div class="ctps-grid">
				<div class="ctps-card ctps-stat">
					<span class="ctps-stat-label"><?php esc_html_e( 'Automatic check', 'celero-adaptive-speed' ); ?></span>
					<?php if ( is_array( $health ) && isset( $status[ $health['status'] ] ) ) : ?>
						<strong class="is-<?php echo esc_attr( $status[ $health['status'] ][0] ); ?>"><?php echo esc_html( $status[ $health['status'] ][1] ); ?></strong>
						<span class="ctps-muted"><?php echo esc_html( wp_date( 'j M, H:i', $health['time'] ) ); ?> · <?php /* translators: %d: number of pages checked */ ?><?php echo esc_html( sprintf( _n( '%d page', '%d pages', (int) $health['pages'], 'celero-adaptive-speed' ), (int) $health['pages'] ) ); ?><?php echo 'unreachable' === $health['status'] ? ' · ' . esc_html__( 'the hosting blocks requests from the site to itself', 'celero-adaptive-speed' ) : ''; ?></span>
					<?php else : ?>
						<strong><?php esc_html_e( 'No check yet', 'celero-adaptive-speed' ); ?></strong>
						<span class="ctps-muted"><?php esc_html_e( 'Runs at the next save', 'celero-adaptive-speed' ); ?></span>
					<?php endif; ?>
				</div>
				<div class="ctps-card ctps-stat">
					<span class="ctps-stat-label"><?php esc_html_e( 'Plugin status', 'celero-adaptive-speed' ); ?></span>
					<?php if ( $reason ) : ?>
						<strong class="is-bad"><?php esc_html_e( 'Emergency mode', 'celero-adaptive-speed' ); ?></strong>
						<span class="ctps-muted"><?php esc_html_e( 'No optimizations active', 'celero-adaptive-speed' ); ?></span>
					<?php else : ?>
						<strong class="is-good"><?php esc_html_e( 'Active', 'celero-adaptive-speed' ); ?></strong>
						<span class="ctps-muted"><a href="<?php echo esc_url( self::action_url( 'emergency_on' ) ); ?>" data-confirm="<?php esc_attr_e( 'Disable all optimizations and clear the cache?', 'celero-adaptive-speed' ); ?>"><?php esc_html_e( 'Enable emergency mode', 'celero-adaptive-speed' ); ?></a></span>
					<?php endif; ?>
				</div>
				<div class="ctps-card ctps-stat">
					<span class="ctps-stat-label"><?php esc_html_e( 'Site backup', 'celero-adaptive-speed' ); ?></span>
					<?php if ( $bplugin ) : ?>
						<strong class="is-good"><?php echo esc_html( $bplugin ); ?></strong>
						<span class="ctps-muted"><?php esc_html_e( 'Backup plugin active', 'celero-adaptive-speed' ); ?></span>
					<?php else : ?>
						<strong class="is-avg"><?php esc_html_e( 'No backup plugin', 'celero-adaptive-speed' ); ?></strong>
						<span class="ctps-muted"><?php esc_html_e( 'Recommended: hosting backups or UpdraftPlus', 'celero-adaptive-speed' ); ?></span>
					<?php endif; ?>
				</div>
			</div>

			<?php self::toggle( 'health_check', __( 'Automatic check after every change', 'celero-adaptive-speed' ), __( 'After saving, opens the home page, a post and a page. If one breaks because of the new settings, it reverts to the previous copy on its own.', 'celero-adaptive-speed' ), 'alto', __( 'Security', 'celero-adaptive-speed' ) ); ?>

			<div class="ctps-block">
				<div class="ctps-block-head"><h2><?php esc_html_e( 'Settings copies', 'celero-adaptive-speed' ); ?></h2><?php /* translators: %d: maximum number of copies kept */ ?><span class="ctps-muted"><?php printf( esc_html__( 'Last %d, created automatically before every change', 'celero-adaptive-speed' ), (int) CTPS_Safety::MAX ); ?></span></div>
				<div class="ctps-card ctps-list">
					<?php if ( ! $snaps ) : ?>
						<p class="ctps-muted"><?php esc_html_e( 'No copies yet: the first one is created at the next change.', 'celero-adaptive-speed' ); ?></p>
					<?php endif; ?>
					<?php foreach ( $snaps as $snap ) : ?>
						<div class="ctps-list-row">
							<span class="ctps-list-date"><?php echo esc_html( wp_date( 'j M Y, H:i', $snap['time'] ) ); ?></span>
							<span class="ctps-list-text"><?php echo esc_html( $snap['label'] ); ?><?php echo $snap['user'] ? '<small> · ' . esc_html( $snap['user'] ) . '</small>' : ''; ?></span>
							<a class="ctps-btn ctps-btn-small" href="<?php echo esc_url( self::action_url( 'snapshot_restore', array( 'id' => $snap['id'] ) ) ); ?>" data-confirm="<?php esc_attr_e( 'Restore the settings to this copy? The current settings are saved as a new copy.', 'celero-adaptive-speed' ); ?>"><?php esc_html_e( 'Restore', 'celero-adaptive-speed' ); ?></a>
						</div>
					<?php endforeach; ?>
				</div>
			</div>

			<div class="ctps-block">
				<div class="ctps-block-head"><h2><?php esc_html_e( 'Emergency link', 'celero-adaptive-speed' ); ?></h2></div>
				<div class="ctps-card ctps-fields">
					<p class="ctps-help"><?php esc_html_e( 'If the site stops working after a change and you cannot log in to wp-admin, open this link: it turns off all optimizations, removes the plugin .htaccess rules and clears the cache. Keep it outside the site (email, password manager).', 'celero-adaptive-speed' ); ?></p>
					<div class="ctps-copy">
						<label class="screen-reader-text" for="ctps-recovery"><?php esc_html_e( 'Emergency link', 'celero-adaptive-speed' ); ?></label>
						<input type="text" id="ctps-recovery" readonly value="<?php echo esc_attr( CTPS_Safety::recovery_url() ); ?>">
						<button type="button" class="ctps-btn" data-copy="#ctps-recovery"><?php esc_html_e( 'Copy', 'celero-adaptive-speed' ); ?></button>
					</div>
					<div class="ctps-actions">
						<a class="ctps-btn ctps-btn-small" href="<?php echo esc_url( self::action_url( 'key_mail' ) ); ?>"><?php esc_html_e( 'Send by email', 'celero-adaptive-speed' ); ?></a>
						<a class="ctps-btn ctps-btn-small" href="<?php echo esc_url( self::action_url( 'key_regen' ) ); ?>" data-confirm="<?php esc_attr_e( 'The current link will stop working. Continue?', 'celero-adaptive-speed' ); ?>"><?php esc_html_e( 'Create a new link', 'celero-adaptive-speed' ); ?></a>
					</div>
					<details class="ctps-details">
						<summary><?php esc_html_e( 'Does the site show a 500 error and no page opens?', 'celero-adaptive-speed' ); ?></summary>
						<ol>
							<li><?php esc_html_e( 'Connect via FTP or the hosting file manager.', 'celero-adaptive-speed' ); ?></li>
							<?php /* translators: 1: file name, 2: first marker line, 3: last marker line */ ?>
							<li><?php printf( esc_html__( 'Open %1$s in the root folder and delete the lines from %2$s to %3$s.', 'celero-adaptive-speed' ), '<code>.htaccess</code>', '<code># BEGIN WP Adaptive</code>', '<code># END WP Adaptive</code>' ); ?></li>
							<?php /* translators: 1: file name, 2: folder name */ ?>
							<li><?php printf( esc_html__( 'Create an empty file named %1$s in the %2$s folder: the plugin stops acting on the site.', 'celero-adaptive-speed' ), '<code>ctps-off</code>', '<code>wp-content</code>' ); ?></li>
							<?php /* translators: 1: PHP code line, 2: file name */ ?>
							<li><?php printf( esc_html__( 'Alternatively, add %1$s to %2$s.', 'celero-adaptive-speed' ), '<code>define( \'CTPS_DISABLE\', true );</code>', '<code>wp-config.php</code>' ); ?></li>
							<li><?php esc_html_e( 'To reactivate it, delete the file (or the line): the plugin restores its rules on its own at the next visit.', 'celero-adaptive-speed' ); ?></li>
						</ol>
					</details>
				</div>
			</div>

			<div class="ctps-block">
				<div class="ctps-block-head"><h2><?php esc_html_e( 'Database backup', 'celero-adaptive-speed' ); ?></h2></div>
				<div class="ctps-card ctps-fields">
					<div class="ctps-row">
						<div>
							<strong><?php esc_html_e( 'Download the database', 'celero-adaptive-speed' ); ?></strong>
							<?php /* translators: %s: date of the last backup, or "never" */ ?>
							<p class="ctps-help"><?php printf( esc_html__( '.sql.gz file created on the fly and downloaded to your computer: it is not kept on the server. Last backup: %s.', 'celero-adaptive-speed' ), $last_db ? esc_html( wp_date( 'j M Y, H:i', $last_db ) ) : esc_html__( 'never', 'celero-adaptive-speed' ) ); ?></p>
						</div>
						<a class="ctps-btn ctps-btn-primary" href="<?php echo esc_url( self::action_url( 'db_backup' ) ); ?>" id="ctps-db-backup"><?php esc_html_e( 'Download backup', 'celero-adaptive-speed' ); ?></a>
					</div>
					<details class="ctps-details">
						<summary><?php esc_html_e( 'How to restore the database', 'celero-adaptive-speed' ); ?></summary>
						<ol>
							<?php /* translators: %s: tool name */ ?>
							<li><?php printf( esc_html__( 'Log in to the hosting panel and open %s (or the "Database" tool).', 'celero-adaptive-speed' ), '<strong>phpMyAdmin</strong>' ); ?></li>
							<li><?php esc_html_e( 'Select the site database in the left column.', 'celero-adaptive-speed' ); ?></li>
							<?php /* translators: 1: opening strong tag, 2: closing strong tag. "Import" and "Go" are phpMyAdmin labels. */ ?>
							<li><?php printf( esc_html__( '%1$sImport%2$s tab → choose the .sql.gz file → %1$sGo%2$s.', 'celero-adaptive-speed' ), '<strong>', '</strong>' ); ?></li>
							<li><?php esc_html_e( 'The site tables are replaced with the ones in the backup. Then clear the plugin cache.', 'celero-adaptive-speed' ); ?></li>
						</ol>
						<p class="ctps-help"><?php esc_html_e( 'Restoring is deliberately not done from wp-admin: if the site is broken, wp-admin may not open.', 'celero-adaptive-speed' ); ?></p>
					</details>
				</div>
			</div>

			<div class="ctps-block">
				<div class="ctps-block-head"><h2><?php esc_html_e( 'Export and import settings', 'celero-adaptive-speed' ); ?></h2></div>
				<div class="ctps-card ctps-fields">
					<div class="ctps-row">
						<div>
							<strong><?php esc_html_e( 'Export', 'celero-adaptive-speed' ); ?></strong>
							<p class="ctps-help"><?php esc_html_e( 'JSON file with the settings (without API keys, tokens and the update repository). Useful as a copy and to reuse the same configuration on other sites.', 'celero-adaptive-speed' ); ?></p>
						</div>
						<a class="ctps-btn" href="<?php echo esc_url( self::action_url( 'export' ) ); ?>"><?php esc_html_e( 'Export', 'celero-adaptive-speed' ); ?></a>
					</div>
					<div class="ctps-row">
						<div>
							<label for="ctps-import-file"><strong><?php esc_html_e( 'Import', 'celero-adaptive-speed' ); ?></strong></label>
							<p class="ctps-help"><?php esc_html_e( 'The current settings are saved as a copy before importing.', 'celero-adaptive-speed' ); ?></p>
							<input type="file" id="ctps-import-file" accept="application/json,.json">
						</div>
						<button type="button" class="ctps-btn" id="ctps-import"><?php esc_html_e( 'Import', 'celero-adaptive-speed' ); ?></button>
					</div>
					<p class="ctps-help" id="ctps-import-status" role="status"></p>
				</div>
			</div>

			<div class="ctps-block">
				<div class="ctps-block-head"><h2><?php esc_html_e( 'Undo file changes', 'celero-adaptive-speed' ); ?></h2></div>
				<div class="ctps-card ctps-fields">
					<div class="ctps-row">
						<div>
							<strong><?php esc_html_e( 'Remove all WebP files', 'celero-adaptive-speed' ); ?></strong>
							<p class="ctps-help" id="ctps-webp-remove-status"><?php esc_html_e( 'Deletes the WebP and AVIF copies created by the plugin. The original images were never modified, and copies that another image plugin uses are kept.', 'celero-adaptive-speed' ); ?></p>
						</div>
						<button type="button" class="ctps-btn" id="ctps-webp-remove" data-confirm="<?php esc_attr_e( 'Delete all WebP copies created by the plugin?', 'celero-adaptive-speed' ); ?>"><?php esc_html_e( 'Remove WebP', 'celero-adaptive-speed' ); ?></button>
					</div>
					<div class="ctps-row">
						<div>
							<strong><?php esc_html_e( 'Clear everything', 'celero-adaptive-speed' ); ?></strong>
							<p class="ctps-help"><?php esc_html_e( 'Page cache, local Google Fonts and minified CSS: they will be recreated when needed.', 'celero-adaptive-speed' ); ?></p>
						</div>
						<a class="ctps-btn" href="<?php echo esc_url( self::action_url( 'purge_all' ) ); ?>"><?php esc_html_e( 'Clear everything', 'celero-adaptive-speed' ); ?></a>
					</div>
				</div>
			</div>
		</section>
		<?php
	}
	private static function section_rum() {
		$pages     = CTPS_RUM::pages();
		$monitored = CTPS_PSI::monitored_urls();
		$psi_pages = (array) get_option( CTPS_PSI::PAGES, array() );
		$cls       = array( 'good' => 'is-good', 'avg' => 'is-avg', 'bad' => 'is-bad' );
		?>
		<section class="ctps-section" data-section="rum" hidden>
			<?php self::section_head( __( 'Real-user metrics', 'celero-adaptive-speed' ), __( 'How your visitors experience the site, measured by the site itself: results in a few days instead of the 4 weeks Google needs.', 'celero-adaptive-speed' ) ); ?>

			<div class="ctps-grid ctps-grid-2" id="ctps-rum-devices"></div>

			<div class="ctps-block">
				<div class="ctps-block-head"><h2><?php esc_html_e( 'Most visited pages', 'celero-adaptive-speed' ); ?></h2><span class="ctps-muted"><?php esc_html_e( 'Last 28 days, 75th percentile', 'celero-adaptive-speed' ); ?></span></div>
				<div class="ctps-card ctps-table-wrap">
					<?php if ( ! $pages ) : ?>
						<p class="ctps-muted"><?php esc_html_e( 'No measurements yet: they will come in with visits over the next few days (logged-in administrators are not measured).', 'celero-adaptive-speed' ); ?></p>
					<?php else : ?>
						<table class="ctps-table">
							<thead><tr><th scope="col"><?php esc_html_e( 'Page', 'celero-adaptive-speed' ); ?></th><th scope="col"><?php esc_html_e( 'Measured visits', 'celero-adaptive-speed' ); ?></th><th scope="col">LCP</th><th scope="col">INP</th><th scope="col">CLS</th></tr></thead>
							<tbody>
								<?php foreach ( $pages as $p ) : ?>
									<tr>
										<td class="ctps-path"><a href="<?php echo esc_url( home_url( $p['path'] ) ); ?>" target="_blank" rel="noopener"><?php echo esc_html( $p['path'] ); ?></a></td>
										<td><?php echo (int) $p['samples']; ?></td>
										<?php foreach ( array( 'lcp', 'inp', 'cls' ) as $k ) : ?>
											<td class="<?php echo $p[ $k ] ? esc_attr( $cls[ $p[ $k ]['rating'] ] ) : ''; ?>"><strong><?php echo $p[ $k ] ? esc_html( $p[ $k ]['value'] ) : '–'; ?></strong></td>
										<?php endforeach; ?>
									</tr>
								<?php endforeach; ?>
							</tbody>
						</table>
					<?php endif; ?>
				</div>
			</div>

			<div class="ctps-block">
				<div class="ctps-block-head"><h2><?php esc_html_e( 'Pages monitored with PageSpeed', 'celero-adaptive-speed' ); ?></h2><span class="ctps-muted"><?php esc_html_e( 'Tested every day on mobile', 'celero-adaptive-speed' ); ?></span></div>
				<div class="ctps-card ctps-table-wrap">
					<table class="ctps-table">
						<thead><tr><th scope="col"><?php esc_html_e( 'Page', 'celero-adaptive-speed' ); ?></th><th scope="col"><?php esc_html_e( 'Performance', 'celero-adaptive-speed' ); ?></th><th scope="col">LCP</th><th scope="col">TBT</th><th scope="col">CLS</th><th scope="col"><?php esc_html_e( 'Last test', 'celero-adaptive-speed' ); ?></th><th scope="col"><span class="screen-reader-text"><?php esc_html_e( 'Actions', 'celero-adaptive-speed' ); ?></span></th></tr></thead>
						<tbody>
							<?php foreach ( $monitored as $url ) : ?>
								<?php $d = isset( $psi_pages[ $url ]['mobile'] ) ? $psi_pages[ $url ]['mobile'] : null; ?>
								<tr>
									<td class="ctps-path"><?php echo esc_html( preg_replace( '#^https?://[^/]+#', '', $url ) ); ?></td>
									<?php if ( $d ) : ?>
										<?php $sc = null === $d['score'] ? '' : ( $d['score'] >= 90 ? 'is-good' : ( $d['score'] >= 50 ? 'is-avg' : 'is-bad' ) ); ?>
										<td class="<?php echo esc_attr( $sc ); ?>"><strong><?php echo null === $d['score'] ? '–' : (int) $d['score']; ?></strong></td>
										<?php foreach ( array( 'LCP', 'TBT', 'CLS' ) as $k ) : ?>
											<?php $m = isset( $d['metrics'][ $k ] ) ? $d['metrics'][ $k ] : null; ?>
											<td class="<?php echo $m ? esc_attr( $cls[ $m['rating'] ] ) : ''; ?>"><?php echo $m ? esc_html( $m['value'] ) : '–'; ?></td>
										<?php endforeach; ?>
										<td class="ctps-muted"><?php echo esc_html( wp_date( 'j M, H:i', $d['time'] ) ); ?></td>
									<?php else : ?>
										<td colspan="5" class="ctps-muted"><?php esc_html_e( 'Not tested yet', 'celero-adaptive-speed' ); ?></td>
									<?php endif; ?>
									<td><button type="button" class="ctps-btn ctps-btn-small" data-psi-url="<?php echo esc_attr( $url ); ?>"><?php esc_html_e( 'Test now', 'celero-adaptive-speed' ); ?></button></td>
								</tr>
							<?php endforeach; ?>
						</tbody>
					</table>
				</div>
			</div>

			<div class="ctps-grid">
				<?php
				self::toggle( 'rum', __( 'Measure real visitors', 'celero-adaptive-speed' ), __( 'Off by default. A tiny anonymous script sends load times to this site only: no IP addresses, cookies or browser data, nothing to other servers. Logged-in users are not measured.', 'celero-adaptive-speed' ), 'alto', __( 'Monitoring', 'celero-adaptive-speed' ) );
				self::toggle( 'psi_schedule', __( 'Daily PageSpeed test', 'celero-adaptive-speed' ), __( 'Tests the home page and the pages listed below every day, one at a time. Off by default: when on, the page addresses are sent to Google PageSpeed Insights.', 'celero-adaptive-speed' ), 'medio', __( 'Monitoring', 'celero-adaptive-speed' ) );
				?>
			</div>
			<div class="ctps-card ctps-fields">
				<?php self::number( 'rum_sample', __( 'Percentage of visits measured', 'celero-adaptive-speed' ), __( '% (lower on high-traffic sites)', 'celero-adaptive-speed' ) ); ?>
				<?php self::textarea( 'psi_urls', __( 'Other pages to monitor', 'celero-adaptive-speed' ), /* translators: %d: maximum number of extra pages */ sprintf( __( 'One per line, full address or path (e.g. /services/). Up to %d in addition to the home page.', 'celero-adaptive-speed' ), CTPS_PSI::MAX_PAGES - 1 ), 4 ); ?>
				<div class="ctps-field">
					<label for="ctps-report_email"><?php esc_html_e( 'Weekly email report', 'celero-adaptive-speed' ); ?></label>
					<input type="text" id="ctps-report_email" name="<?php echo esc_attr( self::name( 'report_email' ) ); ?>" value="<?php echo esc_attr( CTPS_Settings::get( 'report_email' ) ); ?>" placeholder="<?php esc_attr_e( 'client@example.com, you@example.com', 'celero-adaptive-speed' ); ?>" autocomplete="off">
					<p class="ctps-help">
							<?php
							/* translators: 1: opening link tag, 2: closing link tag */
							printf( esc_html__( 'Every Monday morning: scores, real visitors, monitored pages and what to fix. Leave empty to not send it. %1$sSend a test report now%2$s (to these addresses or, if empty, to you).', 'celero-adaptive-speed' ), '<a href="' . esc_url( self::action_url( 'report_test' ) ) . '">', '</a>' );
							?>
						</p>
				</div>
			</div>
		</section>
		<?php
	}
}