<?php
/**
 * Visitor display panel: lets visitors change how the site looks for them.
 *
 * Everything runs in the browser and is stored in the visitor's own browser
 * (localStorage). No cookies, no tracking, no third-party requests.
 *
 * @package AriAccess
 */

defined( 'ABSPATH' ) || exit;

/**
 * Display panel.
 */
class AriAccess_Toolbar {

	/**
	 * Hook in.
	 */
	public static function init() {
		add_shortcode( 'ariaccess_button', array( __CLASS__, 'shortcode' ) );
		if ( is_admin() ) {
			return;
		}
		add_action( 'wp_head', array( __CLASS__, 'early_state' ), 1 );
		add_action( 'wp_enqueue_scripts', array( __CLASS__, 'enqueue' ) );
		add_action( 'wp_footer', array( __CLASS__, 'render' ), 50 );
	}

	/**
	 * Whether the panel shows on this request.
	 *
	 * @return bool
	 */
	public static function active() {
		$t      = AriAccess_Settings::get( 'toolbar' );
		$active = $t['enabled'] && ! empty( $t['modules'] ) && ! is_feed() && ! is_embed() && ! wp_is_json_request() && ! AriAccess_Page_Scan::is_scan();
		/**
		 * Filter whether the display panel loads on this request.
		 *
		 * @param bool $active Whether it loads.
		 */
		return (bool) apply_filters( 'ariaccess_toolbar_active', $active );
	}

	/**
	 * Module labels.
	 *
	 * @return array key => [ label, type ] where type is toggle or level count.
	 */
	public static function modules() {
		$modules = array(
			'text_size'          => array( __( 'Text size', 'ariaccess' ), 'size' ),
			'line_height'        => array( __( 'Line spacing', 'ariaccess' ), 3 ),
			'letter_spacing'     => array( __( 'Letter spacing', 'ariaccess' ), 3 ),
			'readable_font'      => array( __( 'Readable font', 'ariaccess' ), 'toggle' ),
			'dyslexia_font'      => array( __( 'Dyslexia-friendly font', 'ariaccess' ), 'toggle' ),
			'align_left'         => array( __( 'Align text left', 'ariaccess' ), 'toggle' ),
			'contrast_dark'      => array( __( 'Dark high contrast', 'ariaccess' ), 'toggle' ),
			'contrast_light'     => array( __( 'Light high contrast', 'ariaccess' ), 'toggle' ),
			'monochrome'         => array( __( 'Greyscale', 'ariaccess' ), 'toggle' ),
			'low_saturation'     => array( __( 'Soft colours', 'ariaccess' ), 'toggle' ),
			'highlight_links'    => array( __( 'Highlight links', 'ariaccess' ), 'toggle' ),
			'highlight_headings' => array( __( 'Highlight headings', 'ariaccess' ), 'toggle' ),
			'stop_motion'        => array( __( 'Stop animations', 'ariaccess' ), 'toggle' ),
			'hide_images'        => array( __( 'Hide images', 'ariaccess' ), 'toggle' ),
			'big_cursor'         => array( __( 'Big cursor', 'ariaccess' ), 'toggle' ),
			'reading_guide'      => array( __( 'Reading guide', 'ariaccess' ), 'toggle' ),
			'reading_mask'       => array( __( 'Reading mask', 'ariaccess' ), 'toggle' ),
			'focus_ring'         => array( __( 'Strong focus outline', 'ariaccess' ), 'toggle' ),
			'read_aloud'         => array( __( 'Read aloud on click', 'ariaccess' ), 'toggle' ),
		);
		/**
		 * Filter the display panel modules.
		 *
		 * @param array $modules key => [ label, type ].
		 */
		return apply_filters( 'ariaccess_toolbar_modules', $modules );
	}

	/**
	 * Preset profiles.
	 *
	 * @return array key => [ label, description, modules ]
	 */
	public static function profiles() {
		return array(
			'vision'   => array(
				__( 'Low vision', 'ariaccess' ),
				__( 'Bigger text, clear links and focus', 'ariaccess' ),
				array(
					'text_size'       => 3,
					'highlight_links' => 1,
					'focus_ring'      => 1,
					'big_cursor'      => 1,
				),
			),
			'dyslexia' => array(
				__( 'Dyslexia', 'ariaccess' ),
				__( 'Friendly font, more space, reading guide', 'ariaccess' ),
				array(
					'dyslexia_font'  => 1,
					'line_height'    => 2,
					'letter_spacing' => 1,
					'align_left'     => 1,
					'reading_guide'  => 1,
				),
			),
			'focus'    => array(
				__( 'Concentration', 'ariaccess' ),
				__( 'Fewer distractions, reading mask', 'ariaccess' ),
				array(
					'stop_motion'        => 1,
					'reading_mask'       => 1,
					'highlight_headings' => 1,
				),
			),
			'motion'   => array(
				__( 'Motion sensitive', 'ariaccess' ),
				__( 'No animations, softer colours', 'ariaccess' ),
				array(
					'stop_motion'    => 1,
					'low_saturation' => 1,
				),
			),
			'keyboard' => array(
				__( 'Keyboard', 'ariaccess' ),
				__( 'Strong focus outline, visible links', 'ariaccess' ),
				array(
					'focus_ring'      => 1,
					'highlight_links' => 1,
				),
			),
		);
	}

	/**
	 * Apply saved choices before the page paints, so there is no flash.
	 */
	public static function early_state() {
		if ( ! self::active() ) {
			return;
		}
		// Only class names are read from storage, checked against the modules the admin has enabled.
		$enabled = array_values( array_intersect( array_keys( self::modules() ), (array) AriAccess_Settings::get( 'toolbar', 'modules' ) ) );
		$allowed = wp_json_encode( $enabled );
		wp_print_inline_script_tag( "(function(){try{var s=JSON.parse(localStorage.getItem('ariaccess')||'{}'),m=s.m||{},a={$allowed},h=document.documentElement;for(var k in m){if(a.indexOf(k)>-1&&m[k]>0&&k!=='text_size'){h.classList.add('ariaccess-'+k.replace(/_/g,'-'));if(m[k]>1)h.classList.add('ariaccess-'+k.replace(/_/g,'-')+'-'+m[k]);}}}catch(e){}})();", array( 'id' => 'ariaccess-early' ) );
	}

	/**
	 * Enqueue the panel assets.
	 */
	public static function enqueue() {
		if ( ! self::active() ) {
			return;
		}
		$t = AriAccess_Settings::get( 'toolbar' );
		wp_enqueue_style( 'ariaccess-toolbar', ARIACCESS_URL . 'assets/css/toolbar.css', array(), ARIACCESS_VERSION );
		$fg  = AriAccess_Color::ratio( '#ffffff', $t['color'] ) >= 4.5 ? '#ffffff' : '#000000';
		$css = sprintf(
			'#ariaccess{--ariaccess-accent:%1$s;--ariaccess-on-accent:%2$s;--ariaccess-x:%3$dpx;--ariaccess-y:%4$dpx}@font-face{font-family:"AriAccess Readable";src:url(%5$s) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"AriAccess Readable";src:url(%6$s) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:"AriAccess Dyslexic";src:url(%7$s) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"AriAccess Dyslexic";src:url(%8$s) format("woff2");font-weight:700;font-display:swap}',
			esc_attr( $t['color'] ),
			esc_attr( $fg ),
			(int) $t['offset_x'],
			(int) $t['offset_y'],
			esc_url( ARIACCESS_URL . 'assets/fonts/atkinson-hyperlegible-latin-400-normal.woff2' ),
			esc_url( ARIACCESS_URL . 'assets/fonts/atkinson-hyperlegible-latin-700-normal.woff2' ),
			esc_url( ARIACCESS_URL . 'assets/fonts/opendyslexic-latin-400-normal.woff2' ),
			esc_url( ARIACCESS_URL . 'assets/fonts/opendyslexic-latin-700-normal.woff2' )
		);
		if ( $t['hide_mobile'] ) {
			$css .= '@media (max-width:767px){#ariaccess .ariaccess-trigger{display:none}}';
		}
		wp_add_inline_style( 'ariaccess-toolbar', $css );
		wp_enqueue_script( 'ariaccess-toolbar', ARIACCESS_URL . 'assets/js/toolbar.js', array(), ARIACCESS_VERSION, array( 'strategy' => 'defer', 'in_footer' => true ) );
		$profiles = array();
		foreach ( self::profiles() as $key => $p ) {
			$profiles[ $key ] = array_intersect_key( $p[2], array_flip( $t['modules'] ) );
		}
		wp_add_inline_script(
			'ariaccess-toolbar',
			'window.ariaccessToolbar=' . wp_json_encode(
				array(
					'modules'  => array_values( array_intersect( array_keys( self::modules() ), $t['modules'] ) ),
					'all'      => array_keys( self::modules() ),
					'profiles' => $profiles,
					'shortcut' => (bool) $t['shortcut'],
					'lang'     => str_replace( '_', '-', get_bloginfo( 'language' ) ),
					'i18n'     => array(
						'on'        => __( 'on', 'ariaccess' ),
						'off'       => __( 'off', 'ariaccess' ),
						/* translators: %s: percentage, e.g. 120%. */
						'textSize'  => __( 'Text size %s', 'ariaccess' ),
						/* translators: 1: setting name, 2: level number, 3: number of levels. */
						'level'     => __( '%1$s: level %2$d of %3$d', 'ariaccess' ),
						'reset'     => __( 'All display settings reset', 'ariaccess' ),
						/* translators: %s: profile name. */
						'profileOn' => __( 'Profile %s applied', 'ariaccess' ),
						'readHint'  => __( 'Click any paragraph to hear it. Press Escape to stop.', 'ariaccess' ),
					),
				)
			) . ';',
			'before'
		);
	}

	/**
	 * Icon SVG.
	 *
	 * @param string $icon Icon key.
	 * @return string
	 */
	private static function icon( $icon ) {
		switch ( $icon ) {
			case 'eye':
				return '<svg viewBox="0 0 24 24" width="28" height="28" aria-hidden="true" focusable="false"><path fill="currentColor" d="M12 5C6.5 5 2.3 8.6 1 12c1.3 3.4 5.5 7 11 7s9.7-3.6 11-7c-1.3-3.4-5.5-7-11-7Zm0 11.5A4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 0 1 0 9Zm0-2.3a2.2 2.2 0 1 0 0-4.4 2.2 2.2 0 0 0 0 4.4Z"/></svg>';
			case 'sliders':
				return '<svg viewBox="0 0 24 24" width="28" height="28" aria-hidden="true" focusable="false"><path fill="currentColor" d="M4 6h9.2a2.8 2.8 0 0 1 5.6 0H20v2h-1.2a2.8 2.8 0 0 1-5.6 0H4V6Zm0 10h3.2a2.8 2.8 0 0 1 5.6 0H20v2h-7.2a2.8 2.8 0 0 1-5.6 0H4v-2Z"/></svg>';
			default:
				return '<svg viewBox="0 0 24 24" width="30" height="30" aria-hidden="true" focusable="false"><circle cx="12" cy="4.2" r="2.2" fill="currentColor"/><path fill="currentColor" d="M20.5 7.6c-.2-.8-1-1.2-1.8-1-2.2.6-4.4.9-6.7.9s-4.5-.3-6.7-.9c-.8-.2-1.6.2-1.8 1-.2.8.3 1.6 1 1.8 1.6.4 3.2.7 4.9.8v3.3l-1.9 6.6c-.2.8.2 1.6 1 1.8.8.3 1.6-.2 1.9-1L12 16l1.6 4.9c.3.8 1.1 1.3 1.9 1 .8-.2 1.2-1 1-1.8l-1.9-6.6v-3.3c1.7-.1 3.3-.4 4.9-.8.7-.2 1.2-1 1-1.8Z"/></svg>';
		}
	}

	/**
	 * Print the panel.
	 */
	public static function render() {
		if ( ! self::active() ) {
			return;
		}
		$t       = AriAccess_Settings::get( 'toolbar' );
		$enabled = $t['modules'];
		$modules = self::modules();
		$groups  = array(
			'text'   => __( 'Text', 'ariaccess' ),
			'colour' => __( 'Colour and contrast', 'ariaccess' ),
			'focus'  => __( 'Reading and motion', 'ariaccess' ),
		);
		$statement = AriAccess_Statement::public_url();
		$contact   = AriAccess_Statement::contact_email();
		?>
		<div id="ariaccess" class="ariaccess ariaccess--<?php echo esc_attr( $t['position'] ); ?> ariaccess--<?php echo esc_attr( $t['size'] ); ?>" data-nosnippet>
			<button type="button" class="ariaccess-trigger" aria-expanded="false" aria-controls="ariaccess-panel" title="<?php esc_attr_e( 'Display settings', 'ariaccess' ); ?>">
				<?php echo self::icon( $t['icon'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
				<span class="ariaccess-sr"><?php esc_html_e( 'Accessibility and display settings', 'ariaccess' ); ?></span>
			</button>
			<div id="ariaccess-panel" class="ariaccess-panel" role="dialog" aria-modal="false" aria-labelledby="ariaccess-title" hidden>
				<div class="ariaccess-head">
					<h2 id="ariaccess-title" class="ariaccess-title" tabindex="-1"><?php esc_html_e( 'Display settings', 'ariaccess' ); ?></h2>
					<button type="button" class="ariaccess-close" data-ariaccess-close>
						<svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" focusable="false"><path fill="currentColor" d="M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 0 0-1.4 1.4l4.9 4.9-4.9 4.9a1 1 0 1 0 1.4 1.4l4.9-4.9 4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4Z"/></svg>
						<span class="ariaccess-sr"><?php esc_html_e( 'Close display settings', 'ariaccess' ); ?></span>
					</button>
				</div>
				<div class="ariaccess-body">
					<p class="ariaccess-intro"><?php esc_html_e( 'Change how this site looks for you. Your choices are saved only in this browser.', 'ariaccess' ); ?></p>
					<?php if ( $t['profiles'] ) : ?>
						<div class="ariaccess-section">
							<h3 class="ariaccess-h"><?php esc_html_e( 'Quick profiles', 'ariaccess' ); ?></h3>
							<div class="ariaccess-profiles">
								<?php
								foreach ( self::profiles() as $key => $p ) :
									if ( ! array_intersect_key( $p[2], array_flip( $enabled ) ) ) {
										continue;
									}
									?>
									<button type="button" class="ariaccess-profile" data-ariaccess-profile="<?php echo esc_attr( $key ); ?>" aria-pressed="false">
										<span class="ariaccess-profile-name"><?php echo esc_html( $p[0] ); ?></span>
										<span class="ariaccess-profile-desc"><?php echo esc_html( $p[1] ); ?></span>
									</button>
								<?php endforeach; ?>
							</div>
						</div>
					<?php endif; ?>
					<?php
					foreach ( AriAccess_Settings::module_groups() as $group => $keys ) :
						$keys = array_values( array_intersect( $keys, $enabled ) );
						if ( ! $keys ) {
							continue;
						}
						?>
						<div class="ariaccess-section">
							<h3 class="ariaccess-h"><?php echo esc_html( $groups[ $group ] ); ?></h3>
							<div class="ariaccess-grid">
								<?php
								foreach ( $keys as $key ) :
									if ( ! isset( $modules[ $key ] ) ) {
										continue;
									}
									list( $label, $type ) = $modules[ $key ];
									if ( 'size' === $type ) :
										?>
										<div class="ariaccess-size" role="group" aria-labelledby="ariaccess-size-label">
											<span id="ariaccess-size-label" class="ariaccess-size-label"><?php echo esc_html( $label ); ?></span>
											<button type="button" class="ariaccess-step" data-ariaccess-size="-1"><span aria-hidden="true">A−</span><span class="ariaccess-sr"><?php esc_html_e( 'Smaller text', 'ariaccess' ); ?></span></button>
											<output class="ariaccess-size-value" data-ariaccess-size-value aria-live="polite">100%</output>
											<button type="button" class="ariaccess-step" data-ariaccess-size="1"><span aria-hidden="true">A+</span><span class="ariaccess-sr"><?php esc_html_e( 'Bigger text', 'ariaccess' ); ?></span></button>
										</div>
										<?php
									else :
										$levels = is_int( $type ) ? $type : 1;
										?>
										<button type="button" class="ariaccess-module" data-ariaccess-module="<?php echo esc_attr( $key ); ?>" data-levels="<?php echo (int) $levels; ?>" aria-pressed="false"<?php echo 'read_aloud' === $key ? ' hidden' : ''; ?>>
											<span class="ariaccess-module-icon ariaccess-i-<?php echo esc_attr( str_replace( '_', '-', $key ) ); ?>" aria-hidden="true"></span>
											<span class="ariaccess-module-label"><?php echo esc_html( $label ); ?></span>
											<?php if ( $levels > 1 ) : ?>
												<span class="ariaccess-dots" aria-hidden="true"><?php echo str_repeat( '<i></i>', $levels ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
												<span class="ariaccess-sr ariaccess-level-text"></span>
											<?php endif; ?>
										</button>
										<?php
									endif;
								endforeach;
								?>
							</div>
						</div>
					<?php endforeach; ?>
				</div>
				<div class="ariaccess-foot">
					<button type="button" class="ariaccess-reset" data-ariaccess-reset><?php esc_html_e( 'Reset all', 'ariaccess' ); ?></button>
					<?php if ( $statement ) : ?>
						<a class="ariaccess-link" href="<?php echo esc_url( $statement ); ?>"><?php esc_html_e( 'Accessibility statement', 'ariaccess' ); ?></a>
					<?php endif; ?>
					<?php if ( $contact ) : ?>
						<a class="ariaccess-link" href="<?php echo esc_url( 'mailto:' . $contact . '?subject=' . rawurlencode( __( 'Accessibility problem on', 'ariaccess' ) . ' ' . wp_parse_url( home_url(), PHP_URL_HOST ) ) ); ?>"><?php esc_html_e( 'Report a problem', 'ariaccess' ); ?></a>
					<?php endif; ?>
				</div>
				<p class="ariaccess-sr" role="status" aria-live="polite" data-ariaccess-live></p>
			</div>
			<div class="ariaccess-guide" aria-hidden="true" hidden></div>
			<div class="ariaccess-mask" aria-hidden="true" hidden><div class="ariaccess-mask-top"></div><div class="ariaccess-mask-bottom"></div></div>
		</div>
		<?php
	}

	/**
	 * [ariaccess_button] – a button in content or menus that opens the panel.
	 *
	 * @param array $atts Attributes.
	 * @return string
	 */
	public static function shortcode( $atts ) {
		$atts = shortcode_atts( array( 'label' => __( 'Display settings', 'ariaccess' ) ), $atts, 'ariaccess_button' );
		return '<button type="button" class="ariaccess-open" data-ariaccess-open aria-controls="ariaccess-panel" aria-expanded="false">' . esc_html( $atts['label'] ) . '</button>';
	}
}