<?php
/**
 * AI answers and chat: settings, the floating chat button, the inline chat
 * shortcode, and the answer card on search results.
 *
 * Visitors' browsers talk to the AskMyPages service directly with the site's
 * public key, which only works from this site's address. Nothing is sent
 * until a visitor asks a question.
 *
 * @package AskMyPages
 */

namespace AskMyPages;

defined( 'ABSPATH' ) || exit;

/**
 * Chat.
 */
class Chat {

	// Last settings, plan features and usage reported by the service.
	const OPTION    = 'askmypages_chat';
	const TRANSIENT = 'askmypages_chat_fresh';
	// Colours and position of the widget; kept on this site only.
	const OPT_LOOK = 'askmypages_chat_look';
	// Who sees the chat: everyone, logged-in users, or chosen roles.
	const OPT_ACCESS = 'askmypages_chat_access';

	// The site's own wording for the chat, by widget text key; '' = default.
	const OPT_WORDING = 'askmypages_chat_wording';

	/**
	 * Chat text the owner can change: key => label, default. Every plan.
	 * Keys match the widget's i18n keys; notFound is used by the service.
	 *
	 * @return array
	 */
	public static function wording_fields() {
		return array(
			'ask'          => array( __( 'Chat button', 'askmypages' ), __( 'Ask a question', 'askmypages' ) ),
			'placeholder'  => array( __( 'Question box', 'askmypages' ), __( 'Type your question…', 'askmypages' ) ),
			'disclaimer'   => array( __( 'Note under answers', 'askmypages' ), __( 'Answers can contain mistakes; check the sources.', 'askmypages' ) ),
			'notFound'     => array( __( 'When nothing is found', 'askmypages' ), __( 'I couldn’t find an answer to that. Try asking in different words, or use the search box.', 'askmypages' ) ),
			'thinking'     => array( __( 'While answering', 'askmypages' ), __( 'Looking that up…', 'askmypages' ) ),
			'answerTitle'  => array( __( 'Search answer card title', 'askmypages' ), __( 'Get a direct answer', 'askmypages' ) ),
			'answerIntro'  => array( __( 'Search answer card text', 'askmypages' ), __( 'A short answer, with links to the pages it comes from.', 'askmypages' ) ),
			'followUp'     => array( __( 'Follow-up box', 'askmypages' ), __( 'Ask a follow-up…', 'askmypages' ) ),
			'visitorLimit' => array( __( 'Daily question limit reached', 'askmypages' ), __( 'You have asked a lot of questions today. Please come back tomorrow, or use the search box.', 'askmypages' ) ),
			'busy'         => array( __( 'Too many questions at once', 'askmypages' ), __( 'Lots of questions right now. Please wait a minute and try again.', 'askmypages' ) ),
			'paused'       => array( __( 'Answers paused (monthly limit)', 'askmypages' ), __( 'Answers are paused right now. The search box still works.', 'askmypages' ) ),
			'off'          => array( __( 'Answers turned off', 'askmypages' ), __( 'Answers are not available right now.', 'askmypages' ) ),
			'failed'       => array( __( 'Something went wrong', 'askmypages' ), __( 'Something went wrong. Please try again.', 'askmypages' ) ),
		);
	}

	/**
	 * Saved wording.
	 *
	 * @return array
	 */
	public static function wording() {
		$saved = get_option( self::OPT_WORDING, array() );
		return is_array( $saved ) ? $saved : array();
	}

	/**
	 * The widget's text: the site's wording where set, otherwise defaults.
	 *
	 * @return array
	 */
	private static function texts() {
		$saved = self::wording();
		$out   = array();
		foreach ( self::wording_fields() as $key => $field ) {
			$own         = (string) ( $saved[ $key ] ?? '' );
			$out[ $key ] = '' !== $own ? $own : $field[1];
		}
		return $out;
	}

	/**
	 * Who sees the chat.
	 *
	 * @return array{who:string,roles:string[]}
	 */
	public static function access() {
		$access = get_option( self::OPT_ACCESS, array() );
		$access = is_array( $access ) ? $access : array();
		$who    = in_array( $access['who'] ?? '', array( 'everyone', 'logged_in', 'roles' ), true ) ? $access['who'] : 'everyone';
		return array(
			'who'   => $who,
			'roles' => array_values( array_map( 'sanitize_key', (array) ( $access['roles'] ?? array() ) ) ),
		);
	}

	/**
	 * Whether the current visitor may see the chat. This decides who is
	 * shown it; the content behind it is public either way.
	 *
	 * @return bool
	 */
	public static function visible_to_visitor() {
		return Access::allowed( 'chat' );
	}

	/**
	 * Widget appearance: colours from the site (default) or a custom accent,
	 * which corner the button sits in, and the assistant's picture.
	 *
	 * @return array{mode:string,accent:string,position:string,badge:bool,avatar:string,avatar_id:int}
	 */
	public static function look() {
		$look   = get_option( self::OPT_LOOK, array() );
		$look   = is_array( $look ) ? $look : array();
		$avatar = (string) ( $look['avatar'] ?? 'auto' );
		$theme  = (string) ( $look['theme'] ?? '' );
		if ( ! in_array( $theme, array( 'site', 'light', 'dark' ), true ) ) {
			$theme = 'site';
		}
		// 'mode' is the older setting: 'custom' meant "my accent colour on the
		// site's colours". It now maps to theme 'site' with an accent.
		$accent_on = isset( $look['accent_on'] ) ? ! empty( $look['accent_on'] ) : ( ( $look['mode'] ?? 'site' ) === 'custom' );
		return array(
			'theme'     => $theme,
			// Kept for the widget: 'custom' when an accent colour is chosen.
			'mode'      => $accent_on ? 'custom' : 'site',
			'accent_on' => $accent_on,
			'accent'    => sanitize_hex_color( $look['accent'] ?? '' ) ? $look['accent'] : '#0066e2',
			'position'  => ( $look['position'] ?? 'right' ) === 'left' ? 'left' : 'right',
			// "Powered by AskMyPages" under the chat: only if the owner opts in.
			'badge'     => ! empty( $look['badge'] ),
			// The picture in the chat header and on the button: the site icon
			// (auto, falling back to the assistant's initial), an image from
			// the Media Library, or none (a chat mark).
			'avatar'    => in_array( $avatar, array( 'image', 'none' ), true ) ? $avatar : 'auto',
			'avatar_id' => (int) ( $look['avatar_id'] ?? 0 ),
		);
	}

	/**
	 * Address of the assistant's picture, or '' for the initial / chat mark.
	 *
	 * @return string
	 */
	public static function avatar_url() {
		$look = self::look();
		if ( 'none' === $look['avatar'] ) {
			return '';
		}
		if ( 'image' === $look['avatar'] && $look['avatar_id'] && wp_attachment_is_image( $look['avatar_id'] ) ) {
			return (string) wp_get_attachment_image_url( $look['avatar_id'], 'thumbnail' );
		}
		return 'auto' === $look['avatar'] ? (string) get_site_icon_url( 96 ) : '';
	}

	/**
	 * Registers hooks.
	 */
	public static function init() {
		add_action( 'wp_enqueue_scripts', array( __CLASS__, 'enqueue' ) );
		add_shortcode( 'askmypages_chat', array( __CLASS__, 'shortcode' ) );
		add_action( 'admin_post_askmypages_chat', array( __CLASS__, 'handle_save' ) );
		add_action( 'wp_ajax_askmypages_try', array( __CLASS__, 'handle_try' ) );
		add_filter( 'render_block_data', array( __CLASS__, 'answer_slot_enter' ) );
		add_filter( 'render_block', array( __CLASS__, 'answer_slot_block' ), 10, 2 );
		add_action( 'loop_start', array( __CLASS__, 'answer_slot_loop' ) );
	}

	/**
	 * Cached overview: settings, features, plan and usage.
	 *
	 * @return array
	 */
	public static function data() {
		$data = get_option( self::OPTION, array() );
		return is_array( $data ) ? $data : array();
	}

	/**
	 * A setting from the last overview.
	 *
	 * @param string $key      Setting name.
	 * @param mixed  $fallback Value when the setting is missing.
	 * @return mixed
	 */
	public static function setting( $key, $fallback = null ) {
		$data = self::data();
		return $data['settings'][ $key ] ?? $fallback;
	}

	/**
	 * A plan feature from the last overview.
	 *
	 * @param string $key Feature name.
	 * @return bool
	 */
	public static function feature( $key ) {
		$data = self::data();
		return ! empty( $data['features'][ $key ] );
	}

	/**
	 * Whether visitors see the chat.
	 *
	 * @return bool
	 */
	public static function enabled() {
		return Keys::is_connected() && (bool) self::setting( 'enabled', false ) && get_option( 'askmypages_search_key' );
	}

	/**
	 * Refreshes the overview from the service (at most once a minute).
	 *
	 * @param bool $force Skip the one-minute cache.
	 * @return array|null
	 */
	public static function refresh( $force = false ) {
		if ( ! Keys::is_connected() ) {
			return null;
		}
		if ( ! $force && get_transient( self::TRANSIENT ) ) {
			return self::data();
		}
		$result = Api::signed( 'GET', '/v1/plugin/chat' );
		if ( is_wp_error( $result ) || ! is_array( $result ) ) {
			return null;
		}
		update_option( self::OPTION, $result, true );
		set_transient( self::TRANSIENT, 1, MINUTE_IN_SECONDS );
		return $result;
	}

	/**
	 * Saves the chat settings form.
	 */
	public static function handle_save() {
		if ( ! current_user_can( 'manage_options' ) ) {
			wp_die( esc_html__( 'You do not have permission to do this.', 'askmypages' ), 403 );
		}
		check_admin_referer( 'askmypages_chat' );
		// phpcs:disable WordPress.Security.NonceVerification.Missing -- checked above.
		$field       = static function ( $key ) {
			return isset( $_POST[ $key ] ) ? sanitize_text_field( wp_unslash( $_POST[ $key ] ) ) : '';
		};
		$suggestions = isset( $_POST['suggestions'] ) ? array_map( 'sanitize_text_field', (array) wp_unslash( $_POST['suggestions'] ) ) : array();
		// Locked (paid) boxes are not submitted, so their saved text is kept.
		$wording = self::wording();
		$posted  = isset( $_POST['wording'] ) && is_array( $_POST['wording'] ) ? array_map( 'sanitize_text_field', wp_unslash( $_POST['wording'] ) ) : array();
		foreach ( array_keys( self::wording_fields() ) as $key ) {
			if ( isset( $posted[ $key ] ) ) {
				$wording[ $key ] = mb_substr( trim( $posted[ $key ] ), 0, 240 );
			}
		}
		update_option( self::OPT_WORDING, array_filter( $wording, 'strlen' ), false );
		$payload   = array(
			'enabled'           => isset( $_POST['enabled'] ),
			'siteName'          => mb_substr( html_entity_decode( get_bloginfo( 'name' ), ENT_QUOTES | ENT_HTML5, 'UTF-8' ), 0, 120 ),
			'timezone'          => wp_timezone_string(),
			'answersCap'        => min( 1000000, absint( $field( 'answers_cap' ) ) ),
			'visitorDailyLimit' => min( 1000, absint( $field( 'visitor_daily_limit' ) ) ),
			'name'              => mb_substr( $field( 'name' ), 0, 40 ),
			'greeting'          => mb_substr( $field( 'greeting' ), 0, 240 ),
			'tone'              => in_array( $field( 'tone' ), array( 'friendly', 'professional', 'concise' ), true ) ? $field( 'tone' ) : 'friendly',
			'suggestions'       => array_values( array_filter( array_map( static fn( $s ) => mb_substr( $s, 0, 120 ), array_slice( $suggestions, 0, 4 ) ) ) ),
			'questionsToChat'   => isset( $_POST['questions_to_chat'] ),
			'notFound'          => (string) ( $wording['notFound'] ?? '' ),
		);
		$accent    = sanitize_hex_color( $field( 'accent' ) );
		$theme     = $field( 'theme' );
		$avatar    = $field( 'avatar' );
		$avatar_id = absint( $field( 'avatar_id' ) );
		if ( 'image' === $avatar && ! ( $avatar_id && wp_attachment_is_image( $avatar_id ) ) ) {
			$avatar = 'auto';
		}
		update_option(
			self::OPT_LOOK,
			array(
				'theme'     => in_array( $theme, array( 'light', 'dark' ), true ) ? $theme : 'site',
				'accent_on' => isset( $_POST['accent_on'] ) && $accent,
				'mode'      => isset( $_POST['accent_on'] ) && $accent ? 'custom' : 'site',
				'accent'    => $accent ? $accent : '#0066e2',
				'position'  => 'left' === $field( 'position' ) ? 'left' : 'right',
				'badge'     => isset( $_POST['show_badge'] ),
				'avatar'    => in_array( $avatar, array( 'image', 'none' ), true ) ? $avatar : 'auto',
				'avatar_id' => 'image' === $avatar ? $avatar_id : 0,
			),
			false
		);
		// phpcs:enable WordPress.Security.NonceVerification.Missing
		// Offsets like "+02:00" are not IANA zones; the service falls back to UTC.
		$result = Api::signed( 'PUT', '/v1/plugin/chat', wp_json_encode( $payload ) );
		if ( is_wp_error( $result ) ) {
			set_transient( 'askmypages_notice_error', $result->get_error_message(), MINUTE_IN_SECONDS );
			wp_safe_redirect( add_query_arg( 'askmypages_notice', 'error', Admin::tab_url( 'chat' ) ) );
			exit;
		}
		update_option( self::OPTION, $result, true );
		set_transient( self::TRANSIENT, 1, MINUTE_IN_SECONDS );
		wp_safe_redirect( add_query_arg( 'askmypages_notice', 'chat_saved', Admin::tab_url( 'chat' ) ) );
		exit;
	}

	/**
	 * "Try it" in wp-admin: one question, answered from the test allowance.
	 */
	public static function handle_try() {
		check_ajax_referer( 'askmypages_try' );
		if ( ! current_user_can( 'manage_options' ) ) {
			wp_send_json_error( array( 'message' => __( 'You do not have permission to do this.', 'askmypages' ) ), 403 );
		}
		$question = isset( $_POST['question'] ) ? mb_substr( sanitize_text_field( wp_unslash( $_POST['question'] ) ), 0, 500 ) : '';
		$convo    = isset( $_POST['conversationId'] ) ? sanitize_text_field( wp_unslash( $_POST['conversationId'] ) ) : '';
		if ( '' === $question ) {
			wp_send_json_error( array( 'message' => __( 'Type a question first.', 'askmypages' ) ) );
		}
		$body = array(
			'message' => $question,
			// The admin trying it sees what their own roles may see.
			'viewer'  => Access::viewer(),
		);
		if ( preg_match( '/^[0-9a-f-]{36}$/', $convo ) ) {
			$body['conversationId'] = $convo;
		}
		$result = Api::signed( 'POST', '/v1/plugin/chat/try', wp_json_encode( $body ), 60 );
		if ( is_wp_error( $result ) ) {
			wp_send_json_error( array( 'message' => $result->get_error_message() ) );
		}
		wp_send_json_success( $result );
	}

	/**
	 * Whether the answer card was already placed on this page.
	 *
	 * @var bool
	 */
	private static $slot_placed = false;

	/**
	 * Where the answer card goes on a search results page: an empty element
	 * the chat script fills in.
	 *
	 * @param string $align Block alignment class to match, if any.
	 * @return string
	 */
	private static function answer_slot( $align = '' ) {
		if ( self::$slot_placed || is_admin() || ! is_search() || ! self::enabled() || ! self::visible_to_visitor() ) {
			return '';
		}
		$query = trim( (string) get_search_query( false ) );
		if ( '' === $query ) {
			return '';
		}
		self::$slot_placed = true;
		return sprintf( '<div class="%s" data-query="%s"></div>', esc_attr( trim( 'askmypages-answer ' . $align ) ), esc_attr( mb_substr( $query, 0, 500 ) ) );
	}

	/**
	 * Query blocks being rendered: true for one that shows the main query.
	 *
	 * @var bool[]
	 */
	private static $queries = array();

	/**
	 * Notes each query block as it starts rendering (before its inner
	 * blocks), so the results list inside knows whether it is the main one.
	 *
	 * @param array $block Block data.
	 * @return array
	 */
	public static function answer_slot_enter( $block ) {
		if ( 'core/query' === ( $block['blockName'] ?? '' ) ) {
			self::$queries[] = ! empty( $block['attrs']['query']['inherit'] );
		}
		return $block;
	}

	/**
	 * Block themes: the card goes just above the search results list (or
	 * the "no results" message) inside the main query, so the theme's layout
	 * gives it the same width as the results.
	 *
	 * @param string $html  Rendered block.
	 * @param array  $block Block data.
	 * @return string
	 */
	public static function answer_slot_block( $html, $block ) {
		$name = $block['blockName'] ?? '';
		if ( 'core/query' === $name ) {
			array_pop( self::$queries );
		} elseif ( in_array( $name, array( 'core/post-template', 'core/query-no-results' ), true ) && end( self::$queries ) ) {
			// Same alignment as the list, so the same width.
			$align = preg_match( '/^\s*<[a-z]+[^>]*\sclass="[^"]*\b(align(?:wide|full))\b/', $html, $m ) ? $m[1] : '';
			return self::answer_slot( $align ) . $html;
		}
		return $html;
	}

	/**
	 * Classic themes: the card goes at the start of the results loop.
	 *
	 * @param \WP_Query $query Query.
	 */
	public static function answer_slot_loop( $query ) {
		if ( wp_is_block_theme() || ! $query->is_main_query() ) {
			return;
		}
		echo self::answer_slot(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- built with esc_attr above.
	}

	/**
	 * Settings for the widget script.
	 *
	 * @return array
	 */
	private static function config() {
		$texts = self::texts();
		$query = is_search() ? get_search_query( false ) : '';
		return array(
			'api'             => untrailingslashit( ASKMYPAGES_PUBLIC_API_URL ),
			'key'             => (string) get_option( 'askmypages_search_key' ),
			// Proves a logged-in user's roles to the service (members-only content).
			'member'          => Access::member_token(),
			'name'            => (string) self::setting( 'name', '' ),
			'greeting'        => (string) self::setting( 'greeting', '' ),
			'suggestions'     => array_values( (array) self::setting( 'suggestions', array() ) ),
			'questionsToChat' => (bool) self::setting( 'questionsToChat', false ),
			'badge'           => self::look()['badge'],
			'avatar'          => self::avatar_url(),
			'query'           => mb_substr( (string) $query, 0, 500 ),
			'floating'        => true,
			'appearance'      => self::look(),
			'assets'          => plugins_url( 'assets/', __DIR__ ),
			'i18n'            => array_merge(
				array(
					'askAbout'     => __( 'Ask about', 'askmypages' ),
					/* translators: %s: the visitor's search. */
					'answerButton' => __( 'Answer “%s”', 'askmypages' ),
					'greeting'     => __( 'Ask a question in your own words. Answers link to the pages they come from.', 'askmypages' ),
					'send'         => __( 'Send', 'askmypages' ),
					'close'        => __( 'Close', 'askmypages' ),
					'newChat'      => __( 'New chat', 'askmypages' ),
					'sources'      => __( 'Sources', 'askmypages' ),
					'subtitle'     => __( 'Answers from this site', 'askmypages' ),
					'poweredBy'    => __( 'Powered by', 'askmypages' ),
					// The chat window's title, unless the assistant has a name.
					'title'        => $texts['ask'],
				),
				array_diff_key( $texts, array( 'notFound' => true ) )
			),
		);
	}

	/**
	 * Loads the widget on the front end when chat is on.
	 */
	public static function enqueue() {
		if ( ! self::enabled() || ! self::visible_to_visitor() ) {
			return;
		}
		wp_register_script(
			'askmypages-chat',
			plugins_url( 'assets/chat.js', __DIR__ ),
			array(),
			ASKMYPAGES_VERSION,
			array(
				'in_footer' => true,
				'strategy'  => 'defer',
			)
		);
		wp_add_inline_script( 'askmypages-chat', 'window.AskMyPagesChat = ' . wp_json_encode( self::config() ) . ';', 'before' );
		wp_enqueue_script( 'askmypages-chat' );
	}

	/**
	 * [askmypages_chat scope="category-slug,other-slug"]: chat placed in the
	 * page instead of the floating button. With scope, the AskMyPages service
	 * answers only from posts in those categories on plans that include it.
	 *
	 * @param array|string $atts Attributes.
	 * @return string
	 */
	public static function shortcode( $atts ) {
		if ( ! self::enabled() || ! self::visible_to_visitor() ) {
			return '';
		}
		$atts  = shortcode_atts( array( 'scope' => '' ), $atts, 'askmypages_chat' );
		$scope = array_values( array_filter( array_map( 'sanitize_title', explode( ',', (string) $atts['scope'] ) ) ) );
		return sprintf( '<div class="askmypages-inline" data-scope="%s" style="max-width:720px"></div>', esc_attr( implode( ',', array_slice( $scope, 0, 10 ) ) ) );
	}

	/**
	 * Chat tab on the AskMyPages page, in groups.
	 */
	public static function render_settings() {
		$data     = self::refresh() ?? self::data();
		$settings = $data['settings'] ?? array();
		$usage    = $data['usage'] ?? array();
		$paid     = ! empty( $data['features']['chatCustomisation'] );
		$access   = self::access();
		$look     = self::look();
		if ( ! empty( $usage['paused'] ) ) {
			echo '<div class="notice notice-warning inline"><p>' . esc_html__( 'AI answers are paused for this month. Search keeps working, and answers resume next month.', 'askmypages' ) . ' ' . wp_kses_post( Admin::upgrade_link( __( 'Get more answers', 'askmypages' ) ) ) . '</p></div>';
		} elseif ( ! empty( $usage['nearLimit'] ) ) {
			echo '<div class="notice notice-warning inline"><p>' . esc_html__( 'More than 80% of this month\'s AI answers are used. After that, AI answers pause until next month and search keeps working.', 'askmypages' ) . ' ' . wp_kses_post( Admin::upgrade_link( __( 'Get more answers', 'askmypages' ) ) ) . '</p></div>';
		}
		$suggestions = array_pad( array_slice( (array) ( $settings['suggestions'] ?? array() ), 0, 4 ), 4, '' );
		$wording     = self::wording();
		?>
		<div class="amp-section">
			<h2><?php esc_html_e( 'Try it', 'askmypages' ); ?></h2>
			<p class="description">
				<?php esc_html_e( 'Ask a question the way a visitor would, and see the answer and its sources. Works before you turn chat on. Test answers do not use your visitors\' monthly answers.', 'askmypages' ); ?>
				<span id="askmypages-try-left">
				<?php
				if ( isset( $usage['tryLimit'] ) ) {
					printf(
						/* translators: 1: test answers left, 2: test answers per month. */
						esc_html__( '%1$s of %2$s test answers left this month.', 'askmypages' ),
						esc_html( number_format_i18n( max( 0, (int) $usage['tryLimit'] - (int) $usage['tryUsed'] ) ) ),
						esc_html( number_format_i18n( (int) $usage['tryLimit'] ) )
					);
				}
				?>
				</span>
			</p>
			<form id="askmypages-try" class="amp-try">
				<input type="text" name="question" class="regular-text" maxlength="500" placeholder="<?php esc_attr_e( 'e.g. How many vacation days do I get after 5 years?', 'askmypages' ); ?>" aria-label="<?php esc_attr_e( 'Test question', 'askmypages' ); ?>">
				<button type="submit" class="button button-primary"><?php esc_html_e( 'Ask', 'askmypages' ); ?></button>
				<button type="button" class="button-link" id="askmypages-try-reset"><?php esc_html_e( 'Start over', 'askmypages' ); ?></button>
			</form>
			<div id="askmypages-try-out"></div>
		</div>

		<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
			<input type="hidden" name="action" value="askmypages_chat">
			<?php wp_nonce_field( 'askmypages_chat' ); ?>

			<div class="amp-section">
				<h2><?php esc_html_e( 'Chat and answers', 'askmypages' ); ?></h2>
				<p class="description"><?php esc_html_e( 'A button on every page, and an answer card above search results. Answers come only from your synced content, with links to the sources, and are only made when a visitor asks.', 'askmypages' ); ?></p>
				<table class="form-table" role="presentation"><tbody>
					<tr>
						<th scope="row"><?php esc_html_e( 'Status', 'askmypages' ); ?></th>
						<td><label><input type="checkbox" name="enabled" value="1" <?php checked( ! empty( $settings['enabled'] ) ); ?>> <?php esc_html_e( 'Turn on chat for visitors', 'askmypages' ); ?></label></td>
					</tr>
					<tr>
						<th scope="row"><?php esc_html_e( 'Who sees it', 'askmypages' ); ?></th>
						<td>
						<?php
						$rule = Access::rule( 'chat' );
						echo esc_html( 'everyone' === $rule['who'] ? __( 'Everyone', 'askmypages' ) : ( 'logged_in' === $rule['who'] ? __( 'Only logged-in users', 'askmypages' ) : __( 'Only chosen roles', 'askmypages' ) ) );
						?>
						· <a href="<?php echo esc_url( Admin::tab_url( 'access' ) ); ?>"><?php esc_html_e( 'Change on the Access tab', 'askmypages' ); ?></a></td>
					</tr>
				</tbody></table>
			</div>

			<div class="amp-section">
				<h2><?php esc_html_e( 'Look', 'askmypages' ); ?></h2>
				<table class="form-table" role="presentation"><tbody>
					<tr>
						<th scope="row"><?php esc_html_e( 'Colours', 'askmypages' ); ?></th>
						<td><fieldset>
							<label class="amp-choice"><input type="radio" name="theme" value="site" <?php checked( 'site', $look['theme'] ); ?>> <?php esc_html_e( 'Match my site: background, text and font from your theme', 'askmypages' ); ?></label>
							<label class="amp-choice"><input type="radio" name="theme" value="light" <?php checked( 'light', $look['theme'] ); ?>> <?php esc_html_e( 'Light: white window, dark text, your font', 'askmypages' ); ?></label>
							<label class="amp-choice"><input type="radio" name="theme" value="dark" <?php checked( 'dark', $look['theme'] ); ?>> <?php esc_html_e( 'Dark: dark window, light text, your font', 'askmypages' ); ?></label>
							<p class="description"><?php esc_html_e( 'If "Match my site" picks colours that do not read well on your theme, choose Light or Dark.', 'askmypages' ); ?></p>
						</fieldset></td>
					</tr>
					<tr>
						<th scope="row"><?php esc_html_e( 'Accent colour', 'askmypages' ); ?></th>
						<td><label><input type="checkbox" name="accent_on" value="1" <?php checked( $look['accent_on'] ); ?>> <?php esc_html_e( 'Use this colour for the button, your messages and links:', 'askmypages' ); ?>
							<input type="color" name="accent" value="<?php echo esc_attr( $look['accent'] ); ?>" aria-label="<?php esc_attr_e( 'Accent colour', 'askmypages' ); ?>" style="vertical-align:middle;margin-left:4px"></label>
						<p class="description"><?php esc_html_e( 'Otherwise the button colour comes from your theme (Match my site) or is AskMyPages blue (Light and Dark).', 'askmypages' ); ?></p></td>
					</tr>
					<tr>
						<th scope="row"><?php esc_html_e( 'Picture', 'askmypages' ); ?></th>
						<td><fieldset>
							<?php
							$avatar_preview = 'image' === $look['avatar'] && $look['avatar_id'] ? wp_get_attachment_image_url( $look['avatar_id'], 'thumbnail' ) : '';
							$site_icon      = get_site_icon_url( 96 );
							?>
							<label class="amp-choice"><input type="radio" name="avatar" value="auto" <?php checked( 'auto', $look['avatar'] ); ?>>
								<?php echo esc_html( $site_icon ? __( 'Your site icon', 'askmypages' ) : __( 'The assistant\'s initial (set a site icon under Appearance to use it here)', 'askmypages' ) ); ?>
								<?php
								if ( $site_icon ) :
									?>
									<img src="<?php echo esc_url( $site_icon ); ?>" alt="" width="24" height="24" class="amp-avatar-mini"><?php endif; ?></label>
							<label class="amp-choice"><input type="radio" name="avatar" value="image" <?php checked( 'image', $look['avatar'] ); ?>> <?php esc_html_e( 'This image:', 'askmypages' ); ?>
								<img id="askmypages-avatar-preview" src="<?php echo esc_url( $avatar_preview ); ?>" alt="" width="40" height="40" class="amp-avatar-preview" <?php echo $avatar_preview ? '' : 'hidden'; ?>>
								<input type="hidden" id="askmypages-avatar-id" name="avatar_id" value="<?php echo esc_attr( (string) $look['avatar_id'] ); ?>">
								<button type="button" class="button" id="askmypages-avatar-pick" data-title="<?php esc_attr_e( 'Choose the assistant\'s picture', 'askmypages' ); ?>" data-button="<?php esc_attr_e( 'Use this picture', 'askmypages' ); ?>"><?php esc_html_e( 'Choose image', 'askmypages' ); ?></button></label>
							<label class="amp-choice"><input type="radio" name="avatar" value="none" <?php checked( 'none', $look['avatar'] ); ?>> <?php esc_html_e( 'No picture (a chat mark)', 'askmypages' ); ?></label>
							<p class="description"><?php esc_html_e( 'Shown as a circle in the chat header and on the button. A square image at least 96 × 96 pixels works best: a photo, your logo or a drawn character.', 'askmypages' ); ?></p>
						</fieldset></td>
					</tr>
					<tr>
						<th scope="row"><?php esc_html_e( 'Button position', 'askmypages' ); ?></th>
						<td>
							<label style="margin-right:16px"><input type="radio" name="position" value="right" <?php checked( 'right', $look['position'] ); ?>> <?php esc_html_e( 'Bottom right', 'askmypages' ); ?></label>
							<label><input type="radio" name="position" value="left" <?php checked( 'left', $look['position'] ); ?>> <?php esc_html_e( 'Bottom left', 'askmypages' ); ?></label>
						</td>
					</tr>
					<tr>
						<th scope="row"><?php esc_html_e( 'Credit', 'askmypages' ); ?></th>
						<td><label><input type="checkbox" name="show_badge" value="1" <?php checked( $look['badge'] ); ?>> <?php esc_html_e( 'Show "Powered by AskMyPages" under the chat', 'askmypages' ); ?></label>
						<p class="description"><?php esc_html_e( 'Off unless you turn it on. It links to the AskMyPages page.', 'askmypages' ); ?></p></td>
					</tr>
				</tbody></table>
			</div>

			<div class="amp-section">
				<h2><?php esc_html_e( 'Assistant', 'askmypages' ); ?></h2>

				<table class="form-table" role="presentation"><tbody>
					<tr>
						<th scope="row"><label for="askmypages-name"><?php esc_html_e( 'Name', 'askmypages' ); ?></label></th>
						<td><input id="askmypages-name" type="text" class="regular-text" maxlength="40" name="name" placeholder="<?php esc_attr_e( 'Ask a question', 'askmypages' ); ?>" value="<?php echo esc_attr( (string) ( $settings['name'] ?? '' ) ); ?>"></td>
					</tr>
					<tr>
						<th scope="row"><label for="askmypages-greeting"><?php esc_html_e( 'Greeting', 'askmypages' ); ?></label></th>
						<td><input id="askmypages-greeting" type="text" class="large-text" maxlength="240" name="greeting" value="<?php echo esc_attr( (string) ( $settings['greeting'] ?? '' ) ); ?>"></td>
					</tr>
					<tr>
						<th scope="row"><label for="askmypages-tone"><?php esc_html_e( 'Tone', 'askmypages' ); ?></label></th>
						<td><select id="askmypages-tone" name="tone">
							<?php
							foreach ( array(
								'friendly'     => __( 'Friendly', 'askmypages' ),
								'professional' => __( 'Professional', 'askmypages' ),
								'concise'      => __( 'Short and to the point', 'askmypages' ),
							) as $value => $label ) {
								printf( '<option value="%s" %s>%s</option>', esc_attr( $value ), selected( $settings['tone'] ?? 'friendly', $value, false ), esc_html( $label ) );
							}
							?>
						</select>
						<?php if ( ! $paid ) : ?>
							<p class="description"><?php esc_html_e( 'The AskMyPages service applies the tone on paid plans; the Free plan uses Friendly.', 'askmypages' ); ?> <?php echo wp_kses_post( Admin::upgrade_link() ); ?></p>
						<?php endif; ?></td>
					</tr>
					<tr>
						<th scope="row"><?php esc_html_e( 'Suggested questions', 'askmypages' ); ?></th>
						<td>
						<?php foreach ( $suggestions as $i => $s ) : ?>
							<input type="text" class="regular-text" maxlength="120" name="suggestions[]" aria-label="<?php echo esc_attr( sprintf( /* translators: %d: number. */ __( 'Suggested question %d', 'askmypages' ), $i + 1 ) ); ?>" value="<?php echo esc_attr( (string) $s ); ?>" style="display:block;margin-bottom:4px">
						<?php endforeach; ?>
						<p class="description"><?php esc_html_e( 'Shown as one-click questions when the chat opens.', 'askmypages' ); ?></p></td>
					</tr>
					<tr>
						<th scope="row"><?php esc_html_e( 'Questions in the search box', 'askmypages' ); ?></th>
						<td><label><input type="checkbox" name="questions_to_chat" value="1" <?php checked( ! empty( $settings['questionsToChat'] ) ); ?>> <?php esc_html_e( 'When a search looks like a question, open the chat with it answered', 'askmypages' ); ?></label>
						<p class="description"><?php esc_html_e( 'Each answer counts toward your monthly AI answers.', 'askmypages' ); ?></p></td>
					</tr>
					<tr>
						<th scope="row"><?php esc_html_e( 'Chat in a page', 'askmypages' ); ?></th>
						<td><p class="description">
						<?php
						esc_html_e( 'Add the shortcode [askmypages_chat] to any page to place the chat in it.', 'askmypages' );
						echo ' ';
						esc_html_e( 'To answer only from some categories, add their slugs: [askmypages_chat scope="policies,benefits"]; the AskMyPages service applies this on paid plans.', 'askmypages' );
						?>
						</p></td>
					</tr>
				</tbody></table>
			</div>

			<div class="amp-section">
				<h2><?php esc_html_e( 'Wording', 'askmypages' ); ?></h2>
				<p class="description"><?php esc_html_e( 'Change what the chat says. Leave a box empty to use the text shown in it.', 'askmypages' ); ?>
				</p>
				<table class="form-table" role="presentation"><tbody>
				<?php foreach ( self::wording_fields() as $key => $field ) : ?>
					<tr>
						<th scope="row"><label for="askmypages-w-<?php echo esc_attr( $key ); ?>"><?php echo esc_html( $field[0] ); ?></label></th>
						<td><input id="askmypages-w-<?php echo esc_attr( $key ); ?>" type="text" class="large-text" maxlength="240" name="wording[<?php echo esc_attr( $key ); ?>]" placeholder="<?php echo esc_attr( $field[1] ); ?>" value="<?php echo esc_attr( (string) ( $wording[ $key ] ?? '' ) ); ?>"></td>
					</tr>
				<?php endforeach; ?>
				</tbody></table>
			</div>

			<div class="amp-section">
				<h2><?php esc_html_e( 'Limits', 'askmypages' ); ?></h2>
				<table class="form-table" role="presentation"><tbody>
					<?php if ( $usage ) : ?>
					<tr>
						<th scope="row"><?php esc_html_e( 'This month', 'askmypages' ); ?></th>
						<td>
						<?php
						printf(
							/* translators: 1: answers used, 2: answers allowed. */
							esc_html__( '%1$s of %2$s AI answers used.', 'askmypages' ),
							esc_html( number_format_i18n( (int) $usage['answersUsed'] ) ),
							esc_html( number_format_i18n( (int) $usage['answersLimit'] ) )
						);
						?>
						</td>
					</tr>
					<?php endif; ?>
					<tr>
						<th scope="row"><label for="askmypages-visitor"><?php esc_html_e( 'Questions per visitor per day', 'askmypages' ); ?></label></th>
						<td><input id="askmypages-visitor" type="number" min="0" max="1000" class="small-text" name="visitor_daily_limit" value="<?php echo esc_attr( (string) ( $settings['visitorDailyLimit'] ?? 20 ) ); ?>">
						<p class="description"><?php esc_html_e( 'Stops one person from using up the month\'s answers. Visitors are told apart by network address, which people in one office or building may share. 0 means no limit.', 'askmypages' ); ?></p></td>
					</tr>
					<tr>
						<th scope="row"><label for="askmypages-cap"><?php esc_html_e( 'Your monthly answer limit', 'askmypages' ); ?></label></th>
						<td><input id="askmypages-cap" type="number" min="0" class="small-text" name="answers_cap" value="<?php echo esc_attr( (string) ( $settings['answersCap'] ?? 0 ) ); ?>">
						<p class="description">
						<?php
						printf(
							/* translators: %s: answers included in the plan. */
							esc_html__( 'Stop AI answers earlier than your plan does. 0 uses the plan limit (%s a month).', 'askmypages' ),
							esc_html( number_format_i18n( (int) ( $usage['planAnswers'] ?? 0 ) ) )
						);
						?>
						</p></td>
					</tr>
				</tbody></table>
			</div>
			<?php submit_button( __( 'Save chat settings', 'askmypages' ) ); ?>
		</form>
		<?php
	}
}