<?php
/**
 * AI Settings tab view for Agentorie Chat.
 *
 * Contains three sections:
 * - Company Information (context for AI responses)
 * - Language (default + multilingual)
 * - Conversation Tone (formal, friendly, casual, enthusiastic, custom)
 *
 * @package    Agentorie_Chat
 * @subpackage Agentorie_Chat/admin/views
 * @since      1.2.0
 */

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

// Current settings.
$agentorie_default_language = agentorie_chat_get_setting( 'default_language', 'en-US' );
$agentorie_tone             = agentorie_chat_get_setting( 'conversation_tone', 'friendly' );
$agentorie_custom_tone      = agentorie_chat_get_setting( 'custom_tone', '' );

// License info for multilingual feature detection.
$agentorie_license_features = agentorie_chat_get_setting( 'license_features', array() );
$agentorie_demo_lang_active = agentorie_chat_get_setting( 'demo_lang_active', '' );
$agentorie_demo_lang_remain = agentorie_chat_get_setting( 'demo_lang_remaining', 0 );

// Full language list (only languages with Google TTS Standard FEMALE voice).
$agentorie_languages = array(
	'af-ZA'  => 'Afrikaans',
	'ar-XA'  => 'العربية (Arabic)',
	'bn-IN'  => 'বাংলা (Bengali)',
	'bg-BG'  => 'Български (Bulgarian)',
	'ca-ES'  => 'Català (Catalan)',
	'yue-HK' => '粵語 (Cantonese)',
	'cmn-CN' => '中文 (Chinese Simplified)',
	'cmn-TW' => '中文 (Chinese Traditional)',
	'hr-HR'  => 'Hrvatski (Croatian)',
	'cs-CZ'  => 'Čeština (Czech)',
	'da-DK'  => 'Dansk (Danish)',
	'nl-NL'  => 'Nederlands (Dutch)',
	'nl-BE'  => 'Nederlands - België (Dutch Belgium)',
	'en-US'  => 'English (US)',
	'en-GB'  => 'English (UK)',
	'en-AU'  => 'English (Australia)',
	'en-IN'  => 'English (India)',
	'et-EE'  => 'Eesti (Estonian)',
	'fil-PH' => 'Filipino',
	'fi-FI'  => 'Suomi (Finnish)',
	'fr-FR'  => 'Français (France)',
	'fr-CA'  => 'Français (Canada)',
	'gl-ES'  => 'Galego (Galician)',
	'de-DE'  => 'Deutsch (German)',
	'el-GR'  => 'Ελληνικά (Greek)',
	'gu-IN'  => 'ગુજરાતી (Gujarati)',
	'he-IL'  => 'עברית (Hebrew)',
	'hi-IN'  => 'हिन्दी (Hindi)',
	'hu-HU'  => 'Magyar (Hungarian)',
	'is-IS'  => 'Íslenska (Icelandic)',
	'id-ID'  => 'Bahasa Indonesia',
	'it-IT'  => 'Italiano (Italian)',
	'ja-JP'  => '日本語 (Japanese)',
	'kn-IN'  => 'ಕನ್ನಡ (Kannada)',
	'ko-KR'  => '한국어 (Korean)',
	'lv-LV'  => 'Latviešu (Latvian)',
	'lt-LT'  => 'Lietuvių (Lithuanian)',
	'ms-MY'  => 'Bahasa Melayu (Malay)',
	'ml-IN'  => 'മലയാളം (Malayalam)',
	'mr-IN'  => 'मराठी (Marathi)',
	'nb-NO'  => 'Norsk Bokmål (Norwegian)',
	'pl-PL'  => 'Polski (Polish)',
	'pt-BR'  => 'Português (Brazil)',
	'pt-PT'  => 'Português (Portugal)',
	'pa-IN'  => 'ਪੰਜਾਬੀ (Punjabi)',
	'ro-RO'  => 'Română (Romanian)',
	'ru-RU'  => 'Русский (Russian)',
	'sr-RS'  => 'Српски (Serbian)',
	'sk-SK'  => 'Slovenčina (Slovak)',
	'sl-SI'  => 'Slovenščina (Slovenian)',
	'es-ES'  => 'Español (Spain)',
	'es-US'  => 'Español (US)',
	'sv-SE'  => 'Svenska (Swedish)',
	'ta-IN'  => 'தமிழ் (Tamil)',
	'te-IN'  => 'తెలుగు (Telugu)',
	'th-TH'  => 'ไทย (Thai)',
	'tr-TR'  => 'Türkçe (Turkish)',
	'uk-UA'  => 'Українська (Ukrainian)',
	'vi-VN'  => 'Tiếng Việt (Vietnamese)',
);

// Tone options.
$agentorie_tones = array(
	'formal'       => array(
		'label'       => __( 'Formal', 'agentorie-chat' ),
		'icon'        => '🎩',
		'description' => __( 'Professional and polished. Ideal for law firms, financial services, and corporate websites.', 'agentorie-chat' ),
	),
	'friendly'     => array(
		'label'       => __( 'Friendly', 'agentorie-chat' ),
		'icon'        => '😊',
		'description' => __( 'Warm and approachable. Great for restaurants, local businesses, and customer service.', 'agentorie-chat' ),
	),
	'casual'       => array(
		'label'       => __( 'Casual', 'agentorie-chat' ),
		'icon'        => '👋',
		'description' => __( 'Relaxed and conversational. Perfect for blogs, creative agencies, and lifestyle brands.', 'agentorie-chat' ),
	),
	'enthusiastic' => array(
		'label'       => __( 'Enthusiastic', 'agentorie-chat' ),
		'icon'        => '🚀',
		'description' => __( 'Energetic and exciting. Best for startups, events, and promotional content.', 'agentorie-chat' ),
	),
	'custom'       => array(
		'label'       => __( 'Custom', 'agentorie-chat' ),
		'icon'        => '✏️',
		'description' => __( 'Define your own tone with a custom description.', 'agentorie-chat' ),
	),
);
?>

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

	<!-- ================================================================
		Section A: Company Information
		================================================================ -->
	<div class="agentorie-card">
		<div class="card-header">
			<h2><span class="dashicons dashicons-building"></span> <?php esc_html_e( 'Company Information', 'agentorie-chat' ); ?></h2>
		</div>
		<div class="card-body">
			<p class="description agentorie-mb-20">
				<?php esc_html_e( 'This is the primary source of truth for your chatbot. Information provided here takes priority over indexed website content. All fields are optional — fill in what is relevant to your business.', 'agentorie-chat' ); ?>
			</p>

			<table class="form-table">
				<tr>
					<th><?php esc_html_e( 'Company Name', 'agentorie-chat' ); ?><span class="tooltip-trigger">?<span class="tooltip-content"><?php esc_html_e( 'Your business or organization name. The chatbot will use this when referring to your company.', 'agentorie-chat' ); ?></span></span></th>
					<td>
						<input type="text" name="company_name" value="<?php echo esc_attr( agentorie_chat_get_setting( 'company_name', '' ) ); ?>" class="regular-text" placeholder="<?php esc_attr_e( 'e.g. Acme Corporation', 'agentorie-chat' ); ?>">
					</td>
				</tr>
				<tr>
					<th><?php esc_html_e( 'Description', 'agentorie-chat' ); ?><span class="tooltip-trigger">?<span class="tooltip-content"><?php esc_html_e( 'A brief description of your business. What do you do? What products or services do you offer?', 'agentorie-chat' ); ?></span></span></th>
					<td>
						<textarea name="company_description" rows="3" class="large-text" placeholder="<?php esc_attr_e( 'e.g. We are a family-owned Italian restaurant in downtown Paris, specializing in handmade pasta and wood-fired pizza.', 'agentorie-chat' ); ?>"><?php echo esc_textarea( agentorie_chat_get_setting( 'company_description', '' ) ); ?></textarea>
					</td>
				</tr>
				<tr>
					<th><?php esc_html_e( 'Phone', 'agentorie-chat' ); ?></th>
					<td>
						<input type="text" name="company_phone" value="<?php echo esc_attr( agentorie_chat_get_setting( 'company_phone', '' ) ); ?>" class="regular-text" placeholder="<?php esc_attr_e( 'e.g. +33 1 23 45 67 89', 'agentorie-chat' ); ?>">
					</td>
				</tr>
				<tr>
					<th><?php esc_html_e( 'Email', 'agentorie-chat' ); ?></th>
					<td>
						<input type="email" name="company_email" value="<?php echo esc_attr( agentorie_chat_get_setting( 'company_email', '' ) ); ?>" class="regular-text" placeholder="<?php esc_attr_e( 'e.g. contact@example.com', 'agentorie-chat' ); ?>">
					</td>
				</tr>
				<tr>
					<th><?php esc_html_e( 'Address', 'agentorie-chat' ); ?></th>
					<td>
						<input type="text" name="company_address" value="<?php echo esc_attr( agentorie_chat_get_setting( 'company_address', '' ) ); ?>" class="regular-text" placeholder="<?php esc_attr_e( 'e.g. 42 Rue de Rivoli, 75001 Paris', 'agentorie-chat' ); ?>">
					</td>
				</tr>
				<tr>
					<th><?php esc_html_e( 'Opening Hours', 'agentorie-chat' ); ?><span class="tooltip-trigger">?<span class="tooltip-content"><?php esc_html_e( 'When are you open? The chatbot will share this with visitors who ask.', 'agentorie-chat' ); ?></span></span></th>
					<td>
						<input type="text" name="company_hours" value="<?php echo esc_attr( agentorie_chat_get_setting( 'company_hours', '' ) ); ?>" class="regular-text" placeholder="<?php esc_attr_e( 'e.g. Mon-Fri 9am-6pm, Sat 10am-4pm', 'agentorie-chat' ); ?>">
					</td>
				</tr>
				<tr>
					<th><?php esc_html_e( 'Website', 'agentorie-chat' ); ?></th>
					<td>
						<input type="url" name="company_website" value="<?php echo esc_attr( agentorie_chat_get_setting( 'company_website', '' ) ); ?>" class="regular-text" placeholder="<?php esc_attr_e( 'e.g. https://www.example.com', 'agentorie-chat' ); ?>">
					</td>
				</tr>
			</table>
		</div>
	</div>

	<!-- ================================================================
		Section B: Language
		================================================================ -->
	<div class="agentorie-card">
		<div class="card-header">
			<h2><span class="dashicons dashicons-translation"></span> <?php esc_html_e( 'Language', 'agentorie-chat' ); ?></h2>
		</div>
		<div class="card-body">
			<table class="form-table">
				<tr>
					<th><?php esc_html_e( 'Default Language', 'agentorie-chat' ); ?><span class="tooltip-trigger">?<span class="tooltip-content"><?php esc_html_e( 'The primary language your chatbot will use. This is free for all plans.', 'agentorie-chat' ); ?></span></span></th>
					<td>
						<?php asort( $agentorie_languages ); ?>
						<select name="default_language" id="agentorie-default-language" class="agentorie-language-select">
							<?php foreach ( $agentorie_languages as $agentorie_code => $agentorie_label ) : ?>
							<option value="<?php echo esc_attr( $agentorie_code ); ?>" <?php selected( $agentorie_default_language, $agentorie_code ); ?>>
								<?php echo esc_html( $agentorie_label ); ?>
							</option>
							<?php endforeach; ?>
						</select>
						<p class="description"><?php esc_html_e( 'Choose from 50+ languages. Your chatbot will respond in this language by default.', 'agentorie-chat' ); ?></p>
					</td>
				</tr>
			</table>

			<div class="agentorie-multilingual-info">
				<div class="alert-box alert-box-info">
					<div class="alert-icon">🌐</div>
					<div class="alert-content">
						<div class="alert-title"><?php esc_html_e( 'Multilingual Chatbot', 'agentorie-chat' ); ?></div>
						<div class="alert-text">
							<?php esc_html_e( 'Enable multilingual support so your chatbot can communicate in multiple languages and allow visitors to choose their preferred language.', 'agentorie-chat' ); ?>
							<a href="https://app.agentorie.com/account/features" target="_blank" rel="noopener"><?php esc_html_e( 'Learn more →', 'agentorie-chat' ); ?></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- ================================================================
		Section C: Conversation Tone
		================================================================ -->
	<div class="agentorie-card">
		<div class="card-header">
			<h2><span class="dashicons dashicons-format-status"></span> <?php esc_html_e( 'Conversation Tone', 'agentorie-chat' ); ?></h2>
		</div>
		<div class="card-body">
			<p class="description agentorie-mb-20">
				<?php esc_html_e( 'Choose how your chatbot communicates with visitors. This affects the style and personality of all AI responses.', 'agentorie-chat' ); ?>
			</p>

			<div class="agentorie-tone-grid">
				<?php foreach ( $agentorie_tones as $agentorie_tone_key => $agentorie_tone_data ) : ?>
				<label class="agentorie-tone-card <?php echo esc_attr( $agentorie_tone === $agentorie_tone_key ? 'selected' : '' ); ?>">
					<input type="radio" name="conversation_tone" value="<?php echo esc_attr( $agentorie_tone_key ); ?>" <?php checked( $agentorie_tone, $agentorie_tone_key ); ?>>
					<div class="tone-card-content">
						<span class="tone-icon"><?php echo esc_html( $agentorie_tone_data['icon'] ); ?></span>
						<span class="tone-label"><?php echo esc_html( $agentorie_tone_data['label'] ); ?></span>
						<span class="tone-desc"><?php echo esc_html( $agentorie_tone_data['description'] ); ?></span>
					</div>
					<span class="tone-check"><span class="dashicons dashicons-yes-alt"></span></span>
				</label>
				<?php endforeach; ?>
			</div>

			<div class="agentorie-custom-tone-wrap <?php echo esc_attr( 'custom' === $agentorie_tone ? '' : 'agentorie-hidden' ); ?>" id="custom-tone-wrap">
				<table class="form-table">
					<tr>
						<th><?php esc_html_e( 'Custom Tone Description', 'agentorie-chat' ); ?><span class="tooltip-trigger">?<span class="tooltip-content"><?php esc_html_e( 'Describe how you want your chatbot to communicate. Max 75 characters.', 'agentorie-chat' ); ?></span></span></th>
						<td>
							<input type="text" name="custom_tone" id="custom-tone-input" value="<?php echo esc_attr( $agentorie_custom_tone ); ?>" class="regular-text" maxlength="75" placeholder="<?php esc_attr_e( 'e.g. Warm and empathetic, like a trusted family doctor', 'agentorie-chat' ); ?>">
							<p class="description">
								<span id="custom-tone-count"><?php echo esc_html( strlen( $agentorie_custom_tone ) ); ?></span>/75
								<?php esc_html_e( 'characters', 'agentorie-chat' ); ?>
							</p>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>

	<?php submit_button( __( 'Save AI Settings', 'agentorie-chat' ) ); ?>
</form>