<?php
namespace Agentsia_Agents;

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

final class Settings {

	private static ?self $instance = null;

	public static function instance(): self {
		if ( self::$instance === null ) {
			self::$instance = new self();
		}
		return self::$instance;
	}

	public function register(): void {
		add_action( 'admin_menu', [ $this, 'add_menu' ] );
		add_action( 'admin_init', [ $this, 'register_settings' ] );
		add_action( 'admin_enqueue_scripts', [ $this, 'enqueue_assets' ] );
		add_action( 'update_option_' . Plugin::OPTION_KEY, [ $this, 'on_settings_updated' ], 10, 2 );
	}

	public function add_menu(): void {
		add_options_page(
			__( 'Agentsia Agents', 'agentsia-agents' ),
			__( 'Agentsia Agents', 'agentsia-agents' ),
			'manage_options',
			'agentsia-agents',
			[ $this, 'render_page' ]
		);
	}

	public function enqueue_assets( string $hook ): void {
		if ( $hook !== 'settings_page_agentsia-agents' ) {
			return;
		}
		wp_enqueue_style(
			'agentsia-agents-admin',
			AGENTSIA_AGENTS_URL . 'assets/css/admin.css',
			[],
			AGENTSIA_AGENTS_VERSION
		);
		wp_enqueue_script(
			'agentsia-agents-admin',
			AGENTSIA_AGENTS_URL . 'assets/js/admin.js',
			[],
			AGENTSIA_AGENTS_VERSION,
			true
		);
	}

	public function register_settings(): void {
		register_setting(
			'agentsia_agents_group',
			Plugin::OPTION_KEY,
			[
				'type'              => 'array',
				'sanitize_callback' => [ $this, 'sanitize' ],
				'default'           => Plugin::default_settings(),
			]
		);
	}

	public function on_settings_updated( $old_value, $new_value ): void {
		$old_key = is_array( $old_value ) ? (string) ( $old_value['api_key'] ?? '' ) : '';
		$new_key = is_array( $new_value ) ? (string) ( $new_value['api_key'] ?? '' ) : '';
		if ( $old_key !== $new_key ) {
			Api_Client::clear_cache();
		}
	}

	public function sanitize( $input ): array {
		if ( ! is_array( $input ) ) {
			$input = [];
		}

		$current = Plugin::get_settings();
		$clean   = [];

		$clean['api_base'] = isset( $input['api_base'] )
			? untrailingslashit( esc_url_raw( trim( (string) $input['api_base'] ) ) )
			: AGENTSIA_AGENTS_DEFAULT_API_BASE;
		if ( $clean['api_base'] === '' ) {
			$clean['api_base'] = AGENTSIA_AGENTS_DEFAULT_API_BASE;
		}

$submitted_key = isset( $input['api_key'] ) ? trim( (string) $input['api_key'] ) : '';
		if ( $submitted_key === '' ) {
			$clean['api_key'] = $current['api_key'];
		} else {
			$clean['api_key'] = preg_match( '/^agsk_[a-f0-9]{48}$/', $submitted_key )
				? $submitted_key
				: $current['api_key'];
			if ( ! preg_match( '/^agsk_[a-f0-9]{48}$/', $submitted_key ) ) {
				add_settings_error( Plugin::OPTION_KEY, 'agentsia_invalid_api_key', __( 'Clé API invalide. Elle doit commencer par « agsk_ » et contenir 53 caractères.', 'agentsia-agents' ) );
			}
		}

		$clean['chatbot_config_id'] = isset( $input['chatbot_config_id'] ) ? sanitize_text_field( (string) $input['chatbot_config_id'] ) : '';
		$clean['chatbot_version']     = isset( $input['chatbot_version'] ) ? sanitize_text_field( (string) $input['chatbot_version'] ) : '';
		$clean['chatbot_version_url'] = (string) ( $current['chatbot_version_url'] ?? '' );
		$clean['widget_token']      = isset( $input['widget_token'] ) ? sanitize_text_field( (string) $input['widget_token'] ) : '';
		$clean['enable_global']     = ! empty( $input['enable_global'] ) ? 1 : 0;
		$clean['exclude_paths']     = isset( $input['exclude_paths'] ) ? sanitize_textarea_field( (string) $input['exclude_paths'] ) : '';

		$clean['mode']         = in_array( $input['mode'] ?? 'bubble', [ 'bubble', 'modal', 'fullpage' ], true ) ? $input['mode'] : 'bubble';
		$clean['position']     = in_array( $input['position'] ?? 'right', [ 'right', 'left' ], true ) ? $input['position'] : 'right';
		$clean['bubble_label'] = isset( $input['bubble_label'] ) ? sanitize_text_field( (string) $input['bubble_label'] ) : '';
		$clean['header_text']  = isset( $input['header_text'] ) ? sanitize_text_field( (string) $input['header_text'] ) : '';
		$clean['show_bubble']  = ! empty( $input['show_bubble'] ) ? 1 : 0;

		$default_scenario_raw  = isset( $input['default_scenario'] ) ? sanitize_text_field( (string) $input['default_scenario'] ) : '';
		// Keep accents/unicode; only normalise whitespace to dashes (mirrors the backend).
		$clean['default_scenario'] = (string) mb_substr( (string) preg_replace( '/\s+/u', '-', $default_scenario_raw ), 0, 80 );

		foreach ( [ 'accent_color', 'header_bg_color', 'header_text_color', 'user_bubble_bg', 'user_bubble_text', 'assistant_bubble_bg', 'assistant_bubble_text' ] as $color_key ) {
			$clean[ $color_key ] = isset( $input[ $color_key ] ) ? $this->sanitize_hex_color( (string) $input[ $color_key ] ) : '';
		}

		$clean['default_booking_slug'] = isset( $input['default_booking_slug'] ) ? Shortcodes::normalize_booking_ref( (string) $input['default_booking_slug'] ) : '';

		$clean['quota_exceeded_message'] = isset( $input['quota_exceeded_message'] ) ? sanitize_textarea_field( (string) $input['quota_exceeded_message'] ) : '';

		$clean['toggle_selector'] = isset( $input['toggle_selector'] )
			? (string) substr( sanitize_text_field( (string) $input['toggle_selector'] ), 0, 300 )
			: '';
		$clean['toggle_inactive'] = in_array( $input['toggle_inactive'] ?? 'disable', [ 'disable', 'hide', 'none' ], true )
			? (string) $input['toggle_inactive']
			: 'disable';

		$clean['webhook_enabled'] = ! empty( $input['webhook_enabled'] ) ? 1 : 0;
		$clean['webhook_secret']  = isset( $input['webhook_secret'] )
			? (string) preg_replace( '/[^A-Za-z0-9]/', '', (string) $input['webhook_secret'] )
			: (string) ( $current['webhook_secret'] ?? '' );
		// Génère un secret la première fois que le webhook est activé.
		if ( $clean['webhook_enabled'] && $clean['webhook_secret'] === '' ) {
			$clean['webhook_secret'] = bin2hex( random_bytes( 32 ) );
		}

		$clean['allow_editor_creation'] = ! empty( $input['allow_editor_creation'] ) ? 1 : 0;

		if ( $clean['chatbot_config_id'] !== '' && $clean['api_key'] !== '' ) {
			$chatbots = Api_Client::list_chatbots( true );
			foreach ( $chatbots as $bot ) {
				if ( isset( $bot['chatbotConfigId'] ) && $bot['chatbotConfigId'] === $clean['chatbot_config_id'] ) {
					$clean['widget_token'] = isset( $bot['widgetToken'] ) ? (string) $bot['widgetToken'] : $clean['widget_token'];
					$clean['chatbot_version_url'] = '';
					if ( $clean['chatbot_version'] !== '' && isset( $bot['versions'] ) && is_array( $bot['versions'] ) ) {
						foreach ( $bot['versions'] as $v ) {
							if ( isset( $v['versionNumber'] ) && (string) $v['versionNumber'] === $clean['chatbot_version'] && ! empty( $v['publicUrl'] ) ) {
								$clean['chatbot_version_url'] = (string) $v['publicUrl'];
								break;
							}
						}
					}
					break;
				}
			}
		}

		return $clean;
	}

	/** « Auteurs du site » : what Agentsia may create on this site (administrators of the site only). */
	private static function render_site_members_fields( array $settings ): void {
		$opt = Plugin::OPTION_KEY;
		?>
		<h2 class="title"><?php esc_html_e( 'Auteurs créés par Agentsia', 'agentsia-agents' ); ?></h2>
		<table class="form-table" role="presentation">
			<tbody>
				<tr>
					<th scope="row"><?php esc_html_e( 'Éditeurs', 'agentsia-agents' ); ?></th>
					<td>
						<label for="agentsia_allow_editor_creation">
							<input
								type="checkbox"
								id="agentsia_allow_editor_creation"
								name="<?php echo esc_attr( $opt ); ?>[allow_editor_creation]"
								value="1"
								<?php checked( true, ! empty( $settings['allow_editor_creation'] ) ); ?>
							/>
							<?php esc_html_e( 'Autoriser Agentsia à créer des éditeurs', 'agentsia-agents' ); ?>
						</label>
						<p class="description">
							<?php esc_html_e( 'Depuis Agentsia, un administrateur de votre espace peut créer les comptes des auteurs du site (Signataire, Contributeur, Auteur). Un éditeur peut modifier tout le contenu du site et y insérer du HTML libre : ne cochez que si vous faites confiance à tous les administrateurs de votre espace Agentsia. Le rôle Administrateur n\'est jamais proposé.', 'agentsia-agents' ); ?>
						</p>
					</td>
				</tr>
			</tbody>
		</table>
		<?php
	}

	private function sanitize_hex_color( string $value ): string {
		$value = trim( $value );
		if ( $value === '' ) {
			return '';
		}
		if ( preg_match( '/^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/', $value ) ) {
			return $value;
		}
		return '';
	}

	public function render_page(): void {
		if ( ! current_user_can( 'manage_options' ) ) {
			return;
		}

		$settings    = Plugin::get_settings();
		$has_api_key = ! empty( $settings['api_key'] );
		$verification = null;
		$chatbots    = [];
		$calendars   = [];

		if ( $has_api_key ) {
			$verification = Api_Client::verify_key();
			if ( ! empty( $verification['ok'] ) ) {
				$chatbots  = Api_Client::list_chatbots();
				$calendars = Api_Client::list_booking_calendars();
			}
		}
		?>
		<div class="wrap agentsia-settings">
			<img
				class="agentsia-settings__banner"
				src="<?php echo esc_url( AGENTSIA_AGENTS_URL . 'assets/images/banner.png' ); ?>"
				width="1760"
				height="240"
				alt="<?php esc_attr_e( 'Agentsia Agents — agents IA pour WordPress', 'agentsia-agents' ); ?>"
			/>
			<h1><?php esc_html_e( 'Agentsia Agents', 'agentsia-agents' ); ?></h1>
			<p class="description">
				<?php esc_html_e( 'Configurez l’intégration des agents Agentsia (chatbot, prise de rendez-vous, démo) sur votre site.', 'agentsia-agents' ); ?>
			</p>

			<?php settings_errors( Plugin::OPTION_KEY ); ?>

			<?php Connect::instance()->render_card(); ?>

			<form method="post" action="options.php" class="agentsia-form">
				<?php settings_fields( 'agentsia_agents_group' ); ?>

				<h2 class="title"><?php esc_html_e( 'Connexion manuelle (avancé)', 'agentsia-agents' ); ?></h2>
				<p class="description"><?php esc_html_e( 'Inutile si le site est connecté par le bouton ci-dessus.', 'agentsia-agents' ); ?></p>

				<?php if ( $has_api_key && $verification ) : ?>
					<?php if ( ! empty( $verification['ok'] ) ) : ?>
						<div class="agentsia-status agentsia-status-ok">
							<strong><?php esc_html_e( 'Connecté', 'agentsia-agents' ); ?></strong>
							<?php if ( ! empty( $verification['company']['name'] ) ) : ?>
								<?php
								printf(
									/* translators: %s: company name */
									esc_html__( ' — compte %s', 'agentsia-agents' ),
									esc_html( $verification['company']['name'] )
								);
								?>
							<?php endif; ?>
						</div>
					<?php else : ?>
						<div class="agentsia-status agentsia-status-error">
							<strong><?php esc_html_e( 'Authentification échouée.', 'agentsia-agents' ); ?></strong>
							<span><?php echo esc_html( $verification['message'] ?? '' ); ?></span>
						</div>
					<?php endif; ?>
				<?php endif; ?>

				<table class="form-table" role="presentation">
					<tbody>
						<tr>
							<th scope="row">
								<label for="agentsia_api_base"><?php esc_html_e( 'URL de l’application', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<input
									type="url"
									id="agentsia_api_base"
									name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[api_base]"
									value="<?php echo esc_attr( $settings['api_base'] ); ?>"
									class="regular-text"
									placeholder="<?php echo esc_attr( AGENTSIA_AGENTS_DEFAULT_API_BASE ); ?>"
								/>
							</td>
						</tr>
						<tr>
							<th scope="row">
								<label for="agentsia_api_key"><?php esc_html_e( 'Clé API', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<input
									type="password"
									id="agentsia_api_key"
									name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[api_key]"
									value=""
									class="regular-text code"
									autocomplete="off"
									placeholder="<?php echo $has_api_key ? esc_attr( '•••• ' . substr( $settings['api_key'], 0, 9 ) . '…' ) : 'agsk_…'; ?>"
								/>
								<p class="description">
									<?php
									printf(
										wp_kses(
											/* translators: %s: URL to the API keys page */
											__( 'Générez une clé API dans votre espace Agentsia (<a href="%s" target="_blank" rel="noopener noreferrer">Mon compte › Clés API</a>). Laissez le champ vide pour conserver la clé actuelle.', 'agentsia-agents' ),
											[ 'a' => [ 'href' => [], 'target' => [], 'rel' => [] ] ]
										),
										esc_url( untrailingslashit( $settings['api_base'] ) . '/account/api-keys' )
									);
									?>
								</p>
							</td>
						</tr>
						<tr>
							<th scope="row">
								<label for="agentsia_chatbot_config_id"><?php esc_html_e( 'Chatbot', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<?php if ( ! empty( $chatbots ) ) : ?>
									<select
										id="agentsia_chatbot_config_id"
										name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[chatbot_config_id]"
										class="regular-text"
									>
										<option value=""><?php esc_html_e( '— Aucun —', 'agentsia-agents' ); ?></option>
										<?php foreach ( $chatbots as $bot ) : ?>
											<option
												value="<?php echo esc_attr( $bot['chatbotConfigId'] ?? '' ); ?>"
												<?php selected( $settings['chatbot_config_id'], $bot['chatbotConfigId'] ?? '' ); ?>
											>
												<?php echo esc_html( $bot['name'] ?? ( $bot['chatbotConfigId'] ?? '' ) ); ?>
											</option>
										<?php endforeach; ?>
									</select>
									<p class="description">
										<?php esc_html_e( 'Le widget token associé est récupéré automatiquement à l’enregistrement.', 'agentsia-agents' ); ?>
									</p>
								<?php elseif ( $has_api_key && ! empty( $verification['ok'] ) ) : ?>
									<p class="description">
										<?php esc_html_e( 'Aucun chatbot actif trouvé sur ce compte. Créez-en un depuis votre dashboard Agentsia.', 'agentsia-agents' ); ?>
									</p>
								<?php else : ?>
									<p class="description">
										<?php esc_html_e( 'Renseignez une clé API valide pour sélectionner un chatbot.', 'agentsia-agents' ); ?>
									</p>
								<?php endif; ?>
								<input
									type="hidden"
									name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[widget_token]"
									value="<?php echo esc_attr( $settings['widget_token'] ); ?>"
								/>
							</td>
						</tr>
						<?php
						$current_versions = [];
						foreach ( $chatbots as $version_bot ) {
							if ( ( $version_bot['chatbotConfigId'] ?? '' ) === ( $settings['chatbot_config_id'] ?? '' ) ) {
								$current_versions = ( isset( $version_bot['versions'] ) && is_array( $version_bot['versions'] ) ) ? $version_bot['versions'] : [];
								break;
							}
						}
						?>
						<?php if ( ! empty( $settings['chatbot_config_id'] ) ) : ?>
						<tr>
							<th scope="row">
								<label for="agentsia_chatbot_version"><?php esc_html_e( 'Version du chatbot', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<select id="agentsia_chatbot_version" name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[chatbot_version]" class="regular-text">
									<option value=""><?php esc_html_e( 'Dernière (version active)', 'agentsia-agents' ); ?></option>
									<?php foreach ( $current_versions as $v ) : ?>
										<option value="<?php echo esc_attr( (string) ( $v['versionNumber'] ?? '' ) ); ?>" <?php selected( (string) ( $v['versionNumber'] ?? '' ), (string) ( $settings['chatbot_version'] ?? '' ) ); ?>>
											<?php $v_num = (string) ( $v['versionNumber'] ?? '' ); echo esc_html( ( ( $v['status'] ?? '' ) === 'active' ) ? __( 'Version', 'agentsia-agents' ) . ' ' . $v_num . ' — ' . __( 'active', 'agentsia-agents' ) : __( 'Version', 'agentsia-agents' ) . ' ' . $v_num ); ?>
									</option>
									<?php endforeach; ?>
								</select>
								<p class="description">
									<?php esc_html_e( '« Dernière » suit toujours la version active. Choisissez une version précise pour figer le comportement. Enregistrez après avoir changé de chatbot pour rafraîchir la liste.', 'agentsia-agents' ); ?>
								</p>
							</td>
						</tr>
						<?php endif; ?>
					</tbody>
				</table>

				<?php if ( ! ( $has_api_key && ! empty( $verification['ok'] ) ) ) : ?>
				<p class="description" style="margin-top:1.5em;"><?php esc_html_e( 'Renseignez une clé API valide ci-dessus pour configurer le chatbot, les rendez-vous et l’apparence.', 'agentsia-agents' ); ?></p>
				<?php endif; ?>
				<div class="agentsia-advanced-settings"<?php echo ( $has_api_key && ! empty( $verification['ok'] ) ) ? '' : ' style="display:none;"'; ?>>
				<h2 class="title"><?php esc_html_e( 'Chargement global', 'agentsia-agents' ); ?></h2>
				<table class="form-table" role="presentation">
					<tbody>
						<tr>
							<th scope="row"><?php esc_html_e( 'Afficher sur tout le site', 'agentsia-agents' ); ?></th>
							<td>
								<label for="agentsia_enable_global">
									<input
										type="checkbox"
										id="agentsia_enable_global"
										name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[enable_global]"
										value="1"
										<?php checked( 1, (int) $settings['enable_global'] ); ?>
									/>
									<?php esc_html_e( 'Charger automatiquement la bulle de chat sur l’ensemble des pages publiques.', 'agentsia-agents' ); ?>
								</label>
							</td>
						</tr>
						<tr>
							<th scope="row">
								<label for="agentsia_exclude_paths"><?php esc_html_e( 'Exclure certaines URL', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<textarea
									id="agentsia_exclude_paths"
									name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[exclude_paths]"
									rows="3"
									class="large-text code"
									placeholder="/mentions-legales&#10;/politique-confidentialite"
								><?php echo esc_textarea( $settings['exclude_paths'] ); ?></textarea>
								<p class="description">
									<?php esc_html_e( 'Une URL (chemin) par ligne. Le chatbot ne sera pas affiché sur ces pages.', 'agentsia-agents' ); ?>
								</p>
							</td>
						</tr>
					</tbody>
				</table>

				<h2 class="title"><?php esc_html_e( 'Mode et positionnement', 'agentsia-agents' ); ?></h2>
				<table class="form-table" role="presentation">
					<tbody>
						<tr>
							<th scope="row">
								<label for="agentsia_mode"><?php esc_html_e( 'Mode d’affichage', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<select id="agentsia_mode" name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[mode]">
									<option value="bubble" <?php selected( 'bubble', $settings['mode'] ); ?>><?php esc_html_e( 'Bulle flottante (bubble)', 'agentsia-agents' ); ?></option>
									<option value="modal" <?php selected( 'modal', $settings['mode'] ); ?>><?php esc_html_e( 'Modale (modal)', 'agentsia-agents' ); ?></option>
									<option value="fullpage" <?php selected( 'fullpage', $settings['mode'] ); ?>><?php esc_html_e( 'Pleine page (fullpage)', 'agentsia-agents' ); ?></option>
								</select>
							</td>
						</tr>
						<tr>
							<th scope="row">
								<label for="agentsia_position"><?php esc_html_e( 'Position de la bulle', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<select id="agentsia_position" name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[position]">
									<option value="right" <?php selected( 'right', $settings['position'] ); ?>><?php esc_html_e( 'Droite', 'agentsia-agents' ); ?></option>
									<option value="left" <?php selected( 'left', $settings['position'] ); ?>><?php esc_html_e( 'Gauche', 'agentsia-agents' ); ?></option>
								</select>
							</td>
						</tr>
						<tr>
							<th scope="row">
								<label for="agentsia_bubble_label"><?php esc_html_e( 'Texte de la bulle', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<input
									type="text"
									id="agentsia_bubble_label"
									name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[bubble_label]"
									value="<?php echo esc_attr( $settings['bubble_label'] ); ?>"
									class="regular-text"
								/>
							</td>
						</tr>
						<tr>
							<th scope="row"><?php esc_html_e( 'Afficher la bulle', 'agentsia-agents' ); ?></th>
							<td>
								<label for="agentsia_show_bubble">
									<input
										type="checkbox"
										id="agentsia_show_bubble"
										name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[show_bubble]"
										value="1"
										<?php checked( 1, (int) ( $settings['show_bubble'] ?? 1 ) ); ?>
									/>
									<?php esc_html_e( 'Afficher la bulle flottante par défaut. Décochez pour masquer la bulle — le chatbot devra être ouvert via JavaScript (window.agentsia.open()).', 'agentsia-agents' ); ?>
								</label>
							</td>
						</tr>
						<tr>
							<th scope="row">
								<label for="agentsia_default_scenario"><?php esc_html_e( 'Scénario par défaut', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<input
									type="text"
									id="agentsia_default_scenario"
									name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[default_scenario]"
									value="<?php echo esc_attr( $settings['default_scenario'] ?? '' ); ?>"
									class="regular-text code"
									placeholder="ex. default"
								/>
								<p class="description">
									<?php esc_html_e( 'Nom d\'un scénario défini dans la configuration du chatbot (étape « Scénarios »). Surchargeable par page via le meta-box « Agentsia — Chatbot ».', 'agentsia-agents' ); ?>
								</p>
							</td>
						</tr>
						<tr>
							<th scope="row">
								<label for="agentsia_quota_exceeded_message"><?php esc_html_e( 'Message hors quota', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<textarea
									id="agentsia_quota_exceeded_message"
									name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[quota_exceeded_message]"
									rows="2"
									class="large-text"
								><?php echo esc_textarea( $settings['quota_exceeded_message'] ?? '' ); ?></textarea>
								<p class="description">
									<?php esc_html_e( 'Affiché dans le chat quand la limite mensuelle est atteinte. Laisser vide pour le message par défaut.', 'agentsia-agents' ); ?>
								</p>
							</td>
						</tr>
					</tbody>
				</table>

				<h2 class="title"><?php esc_html_e( "Bouton d'ouverture personnalisé", 'agentsia-agents' ); ?></h2>
				<table class="form-table" role="presentation">
					<tbody>
						<tr>
							<th scope="row">
								<label for="agentsia_toggle_selector"><?php esc_html_e( 'Sélecteur du bouton', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<input
									type="text"
									id="agentsia_toggle_selector"
									name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[toggle_selector]"
									value="<?php echo esc_attr( $settings['toggle_selector'] ?? '' ); ?>"
									class="regular-text code"
									placeholder="#mon-bouton, .ouvrir-chat"
								/>
								<p class="description">
									<?php esc_html_e( 'Sélecteur CSS du ou des éléments de la page qui ouvrent/ferment le chatbot au clic (ex. « #contact-chat » ou « .btn-assistant »). Laisser vide pour désactiver.', 'agentsia-agents' ); ?>
								</p>
							</td>
						</tr>
						<tr>
							<th scope="row">
								<label for="agentsia_toggle_inactive"><?php esc_html_e( "Quand l'assistant est indisponible", 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<select id="agentsia_toggle_inactive" name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[toggle_inactive]">
									<option value="disable" <?php selected( 'disable', $settings['toggle_inactive'] ?? 'disable' ); ?>><?php esc_html_e( 'Griser le bouton (non cliquable)', 'agentsia-agents' ); ?></option>
									<option value="hide" <?php selected( 'hide', $settings['toggle_inactive'] ?? 'disable' ); ?>><?php esc_html_e( 'Masquer le bouton', 'agentsia-agents' ); ?></option>
									<option value="none" <?php selected( 'none', $settings['toggle_inactive'] ?? 'disable' ); ?>><?php esc_html_e( 'Ne rien faire', 'agentsia-agents' ); ?></option>
								</select>
								<p class="description">
									<?php esc_html_e( "Comportement du bouton tant que le chatbot n'est pas chargé/actif sur la page (chatbot non activé, ou page exclue).", 'agentsia-agents' ); ?>
								</p>
							</td>
						</tr>
					</tbody>
				</table>

				<h2 class="title"><?php esc_html_e( 'Apparence', 'agentsia-agents' ); ?></h2>
				<table class="form-table" role="presentation">
					<tbody>
						<tr>
							<th scope="row">
								<label for="agentsia_header_text"><?php esc_html_e( 'Texte du bandeau', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<input
									type="text"
									id="agentsia_header_text"
									name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[header_text]"
									value="<?php echo esc_attr( $settings['header_text'] ); ?>"
									class="regular-text"
								/>
							</td>
						</tr>
						<?php
						$color_fields = [
							'accent_color'         => __( 'Couleur d’accent', 'agentsia-agents' ),
							'header_bg_color'      => __( 'Fond du bandeau', 'agentsia-agents' ),
							'header_text_color'    => __( 'Texte du bandeau', 'agentsia-agents' ),
							'user_bubble_bg'       => __( 'Fond bulle utilisateur', 'agentsia-agents' ),
							'user_bubble_text'     => __( 'Texte bulle utilisateur', 'agentsia-agents' ),
							'assistant_bubble_bg'  => __( 'Fond bulle assistant', 'agentsia-agents' ),
							'assistant_bubble_text' => __( 'Texte bulle assistant', 'agentsia-agents' ),
						];
						foreach ( $color_fields as $key => $label ) :
							$id = 'agentsia_' . $key;
							?>
							<tr>
								<th scope="row"><label for="<?php echo esc_attr( $id ); ?>"><?php echo esc_html( $label ); ?></label></th>
								<td>
									<input
										type="text"
										id="<?php echo esc_attr( $id ); ?>"
										name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[<?php echo esc_attr( $key ); ?>]"
										value="<?php echo esc_attr( $settings[ $key ] ); ?>"
										class="agentsia-color-field"
										placeholder="#000000"
									/>
								</td>
							</tr>
						<?php endforeach; ?>
					</tbody>
				</table>

				<h2 class="title"><?php esc_html_e( 'Rendez-vous', 'agentsia-agents' ); ?></h2>
				<table class="form-table" role="presentation">
					<tbody>
						<tr>
							<th scope="row">
								<label for="agentsia_default_booking_slug"><?php esc_html_e( 'Calendrier par défaut', 'agentsia-agents' ); ?></label>
							</th>
							<td>
								<?php if ( ! empty( $calendars ) ) : ?>
									<select
										id="agentsia_default_booking_slug"
										name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[default_booking_slug]"
										class="regular-text"
									>
										<option value=""><?php esc_html_e( '— Aucun —', 'agentsia-agents' ); ?></option>
										<?php
										// Valeur saisie à la main (`espace/slug`, calendrier d'un autre espace) : gardée, sinon
										// enregistrer la page la remplacerait par « Aucun ».
										$agentsia_listed_slugs = array_map(
											static function ( $cal ) {
												return (string) ( $cal['slug'] ?? '' );
											},
											$calendars
										);
										if ( $settings['default_booking_slug'] !== '' && ! in_array( $settings['default_booking_slug'], $agentsia_listed_slugs, true ) ) :
											?>
											<option value="<?php echo esc_attr( $settings['default_booking_slug'] ); ?>" selected="selected">
												<?php echo esc_html( $settings['default_booking_slug'] ); ?>
											</option>
										<?php endif; ?>
										<?php foreach ( $calendars as $cal ) : ?>
											<option
												value="<?php echo esc_attr( $cal['slug'] ?? '' ); ?>"
												<?php selected( $settings['default_booking_slug'], $cal['slug'] ?? '' ); ?>
											>
												<?php
												echo esc_html( sprintf(
													/* translators: 1: calendar title, 2: slug */
													'%1$s (%2$s)',
													$cal['title'] ?? '',
													$cal['slug'] ?? ''
												) );
												?>
											</option>
										<?php endforeach; ?>
									</select>
								<?php else : ?>
									<input
										type="text"
										id="agentsia_default_booking_slug"
										name="<?php echo esc_attr( Plugin::OPTION_KEY ); ?>[default_booking_slug]"
										value="<?php echo esc_attr( $settings['default_booking_slug'] ); ?>"
										class="regular-text code"
										placeholder="demo-agentsia"
									/>
									<p class="description">
										<?php esc_html_e( 'Aucun calendrier trouvé : saisissez le slug du calendrier ou la fin de son adresse (espace/slug pour /book/espace/slug), ou créez un calendrier dans votre dashboard.', 'agentsia-agents' ); ?>
									</p>
								<?php endif; ?>
							</td>
						</tr>
					</tbody>
				</table>

				<?php Webhook::instance()->render_settings_fields( $settings ); ?>
				<?php self::render_site_members_fields( $settings ); ?>
				</div>

				<?php submit_button(); ?>
			</form>

			<hr />

			<h2><?php esc_html_e( 'Comment utiliser le plugin', 'agentsia-agents' ); ?></h2>
			<div class="agentsia-docs">
				<h3><?php esc_html_e( 'Shortcodes', 'agentsia-agents' ); ?></h3>
				<ul>
					<li><code>[agentsia_chatbot]</code> — <?php esc_html_e( 'Insère le chatbot dans une page (mode pleine page par défaut).', 'agentsia-agents' ); ?></li>
					<li><code>[agentsia_chatbot mode="bubble" position="right"]</code></li>
					<li><code>[agentsia_chatbot scenario="sos" context_hint="Page urgence climatisation"]</code></li>
					<li><code>[agentsia_chatbot hide_bubble="1"]</code> — <?php esc_html_e( 'masque la bulle, l\'ouverture se fait via JS.', 'agentsia-agents' ); ?></li>
					<li><code>[agentsia_booking]</code> — <?php esc_html_e( 'Formulaire de rendez-vous avec le calendrier par défaut.', 'agentsia-agents' ); ?></li>
					<li><code>[agentsia_booking slug="nom-du-calendrier" height="780"]</code></li>
					<li><code>[agentsia_booking slug="espace/nom-du-calendrier"]</code> : <?php esc_html_e( 'fin de l’adresse /book/espace/nom-du-calendrier, pour un calendrier d’un autre espace ou un site sans clé API.', 'agentsia-agents' ); ?></li>
					<li><code>[agentsia_demo label="Réserver ma démo"]</code></li>
				</ul>

				<h3><?php esc_html_e( 'Blocs Gutenberg', 'agentsia-agents' ); ?></h3>
				<p><?php esc_html_e( 'Les blocs « Agentsia » sont disponibles dans la catégorie Widgets de l’éditeur.', 'agentsia-agents' ); ?></p>

				<h3><?php esc_html_e( 'API JavaScript', 'agentsia-agents' ); ?></h3>
				<p>
					<?php esc_html_e( 'Une fois le widget chargé, l\'objet window.agentsia permet de piloter et personnaliser le chatbot à la volée :', 'agentsia-agents' ); ?>
				</p>
				<ul style="margin-left: 1.5em; list-style: disc;">
					<li><code>window.agentsia.open() / close() / toggle()</code> — <?php esc_html_e( 'contrôle de l\'ouverture', 'agentsia-agents' ); ?></li>
					<li><code>window.agentsia.sendMessage("…")</code> — <?php esc_html_e( 'envoie un message comme l\'utilisateur', 'agentsia-agents' ); ?></li>
					<li><code>window.agentsia.setWelcomeMessage("Bonjour Jean !")</code></li>
					<li><code>window.agentsia.setQuickReplies(["Voir devis", "RDV"])</code></li>
					<li><code>window.agentsia.setTeaserMessage("…") / setTeaserDelay(3) / setAutoOpenDelay(0)</code></li>
					<li><code>window.agentsia.setScenario("sos")</code> — <?php esc_html_e( 'change le scénario actif côté LLM', 'agentsia-agents' ); ?></li>
					<li><code>window.agentsia.setPageContext("…")</code> — <?php esc_html_e( 'contexte de page injecté dans le prompt', 'agentsia-agents' ); ?></li>
					<li><code>window.agentsia.setContext({ customerId: "X" })</code> — <?php esc_html_e( 'variables client visibles par l\'IA', 'agentsia-agents' ); ?></li>
					<li><code>window.agentsia.setAppearance({ accentColor: "#c1121f" })</code></li>
					<li><code>window.agentsia.apply({ ...batch })</code> — <?php esc_html_e( 'définir plusieurs valeurs d\'un coup', 'agentsia-agents' ); ?></li>
				</ul>
			</div>
		</div>
		<?php
	}
}