<?php
/**
 * Admin Settings Page Class
 *
 * Manages plugin settings page in WordPress admin
 *
 * @package AI_Thumbnails_Maker
 * @since 1.0.0
 */

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

/**
 * Admin Settings class
 */
class AITM_Admin_Settings {

	/**
	 * Settings page slug
	 *
	 * @var string
	 */
	private $page_slug = 'aitm-settings';

	/**
	 * Add menu page
	 */
	public function add_menu_page() {
		add_submenu_page(
			'aitm-dashboard',
			__( 'Auto Featured Image Settings', 'ai-thumbnails-maker' ),
			'↳ ' . __( 'Settings', 'ai-thumbnails-maker' ),
			'manage_options',
			$this->page_slug,
			array( $this, 'render_settings_page' )
		);
	}

	/**
	 * Register settings
	 */
	public function register_settings() {
		register_setting(
			'aitm_settings_group',
			'aitm_settings',
			array( $this, 'sanitize_settings' )
		);

		// General Settings Section
		add_settings_section(
			'aitm_general_section',
			__( 'General Settings', 'ai-thumbnails-maker' ),
			array( $this, 'render_general_section' ),
			$this->page_slug
		);

		add_settings_field(
			'auto_generation',
			__( 'Auto Generation', 'ai-thumbnails-maker' ),
			array( $this, 'render_checkbox_field' ),
			$this->page_slug,
			'aitm_general_section',
			array(
				'label_for'   => 'auto_generation',
				'description' => __( 'Automatically generate featured images when publishing or updating posts. The plugin will search for the first image in the post content and set it as the featured image. This works only for posts without existing featured images (unless "Overwrite Existing" is enabled).', 'ai-thumbnails-maker' ),
			)
		);

		add_settings_field(
			'overwrite_existing',
			__( 'Overwrite Existing', 'ai-thumbnails-maker' ),
			array( $this, 'render_checkbox_field' ),
			$this->page_slug,
			'aitm_general_section',
			array(
				'label_for'   => 'overwrite_existing',
				'description' => __( 'Replace existing featured images with newly generated ones. When enabled, the plugin will regenerate featured images even for posts that already have one. This is useful for updating old thumbnails or fixing incorrect featured images. Use with caution as this will overwrite manually set featured images.', 'ai-thumbnails-maker' ),
			)
		);

		add_settings_field(
			'enabled_post_types',
			__( 'Enabled Post Types', 'ai-thumbnails-maker' ),
			array( $this, 'render_post_types_field' ),
			$this->page_slug,
			'aitm_general_section',
			array(
				'label_for'   => 'enabled_post_types',
				'description' => __( 'Select which post types should have automatic featured image generation enabled. By default, standard Posts and Pages are selected. You can also enable it for custom post types like WooCommerce Products. Only post types that support featured images (post thumbnails) will appear in this list.', 'ai-thumbnails-maker' ),
			)
		);

		add_settings_field(
			'generation_method',
			__( 'Generation Method', 'ai-thumbnails-maker' ),
			array( $this, 'render_method_field' ),
			$this->page_slug,
			'aitm_general_section',
			array(
				'label_for'   => 'generation_method',
				'description' => __( 'Choose how featured images should be generated. "First Content Image" finds and uses existing images from post content. "AI Generation" creates new unique images using artificial intelligence based on post content.', 'ai-thumbnails-maker' ),
			)
		);

		// Image Settings Section
		add_settings_section(
			'aitm_image_section',
			__( 'Image Requirements', 'ai-thumbnails-maker' ),
			array( $this, 'render_image_section' ),
			$this->page_slug
		);

		add_settings_field(
			'min_image_width',
			__( 'Minimum Image Width', 'ai-thumbnails-maker' ),
			array( $this, 'render_number_field' ),
			$this->page_slug,
			'aitm_image_section',
			array(
				'label_for'   => 'min_image_width',
				'min'         => 0,
				'max'         => 5000,
				'step'        => 1,
				'description' => __( 'Minimum width in pixels for images to be used as featured images. Images smaller than this width will be skipped. Set to 0 to accept images of any width. Recommended: 800px or higher for good quality thumbnails. This helps avoid using tiny icons or low-resolution images as featured images.', 'ai-thumbnails-maker' ),
			)
		);

		add_settings_field(
			'min_image_height',
			__( 'Minimum Image Height', 'ai-thumbnails-maker' ),
			array( $this, 'render_number_field' ),
			$this->page_slug,
			'aitm_image_section',
			array(
				'label_for'   => 'min_image_height',
				'min'         => 0,
				'max'         => 5000,
				'step'        => 1,
				'description' => __( 'Minimum height in pixels for images to be used as featured images. Images smaller than this height will be skipped. Set to 0 to accept images of any height. Recommended: 600px or higher for good quality thumbnails. Combined with minimum width, this ensures only suitable images are used as featured images.', 'ai-thumbnails-maker' ),
			)
		);

		// AI Settings Section (показывается условно через JS)
		add_settings_section(
			'aitm_ai_section',
			__( 'AI Generation Settings', 'ai-thumbnails-maker' ),
			array( $this, 'render_ai_section' ),
			$this->page_slug
		);

		add_settings_field(
			'ai_api_key',
			__( 'OpenAI API Key', 'ai-thumbnails-maker' ),
			array( $this, 'render_text_field' ),
			$this->page_slug,
			'aitm_ai_section',
			array(
			'label_for'   => 'ai_api_key',
			'type'        => 'password',
			'description' => sprintf(
				/* translators: %s: URL to OpenAI API keys page */
				__( 'Enter your OpenAI API key. <a href="%s" target="_blank">How to get API key</a>', 'ai-thumbnails-maker' ),
				'https://platform.openai.com/api-keys'
			),
			)
		);

		add_settings_field(
			'ai_prompt_model',
			__( 'Prompt Model', 'ai-thumbnails-maker' ),
			array( $this, 'render_ai_model_field' ),
			$this->page_slug,
			'aitm_ai_section',
			array(
				'label_for'   => 'ai_prompt_model',
				'type'        => 'prompt',
				'default'     => 'gpt-4o-mini',
				'description' => __( 'AI model for generating image descriptions (prompts)', 'ai-thumbnails-maker' ),
			)
		);

		add_settings_field(
			'ai_language',
			__( 'Language', 'ai-thumbnails-maker' ),
			array( $this, 'render_select_field' ),
			$this->page_slug,
			'aitm_ai_section',
			array(
				'label_for'   => 'ai_language',
				'default'     => 'en_US',
				'options'     => array(
					'en_US' => 'English',
					'ru_RU' => 'Russian',
					'es_ES' => 'Spanish',
					'fr_FR' => 'French',
					'de_DE' => 'German',
					'zh_CN' => 'Chinese (Simplified)',
					'ja_JP' => 'Japanese',
					'it_IT' => 'Italian',
					'ko_KR' => 'Korean',
					'pt_PT' => 'Portuguese',
					'ar_SA' => 'Arabic',
					'hi_IN' => 'Hindi',
				),
				'description' => __( 'Language for prompt generation', 'ai-thumbnails-maker' ),
			)
		);

		add_settings_field(
			'ai_image_model',
			__( 'Image Model', 'ai-thumbnails-maker' ),
			array( $this, 'render_ai_model_field' ),
			$this->page_slug,
			'aitm_ai_section',
			array(
				'label_for'   => 'ai_image_model',
				'type'        => 'image',
				'default'     => 'dall-e-3',
				'description' => __( 'AI model for generating images', 'ai-thumbnails-maker' ),
			)
		);

		add_settings_field(
			'ai_image_resolution',
			__( 'Image Resolution', 'ai-thumbnails-maker' ),
			array( $this, 'render_select_field' ),
			$this->page_slug,
			'aitm_ai_section',
			array(
				'label_for'   => 'ai_image_resolution',
				'default'     => '1024x1024',
				'options'     => array(
					'1024x1024' => '1024x1024',
					'1024x1792' => '1024x1792 (Portrait)',
					'1792x1024' => '1792x1024 (Landscape)',
				),
				'description' => __( 'Resolution for generated images', 'ai-thumbnails-maker' ),
			)
		);

		add_settings_field(
			'ai_image_style',
			__( 'Image Style', 'ai-thumbnails-maker' ),
			array( $this, 'render_select_field' ),
			$this->page_slug,
			'aitm_ai_section',
			array(
				'label_for'   => 'ai_image_style',
				'default'     => 'natural',
				'options'     => array(
					'natural' => 'Natural',
					'vivid'   => 'Vivid',
				),
				'description' => __( 'Style for generated images', 'ai-thumbnails-maker' ),
			)
		);
	}

	/**
	 * Sanitize settings
	 *
	 * @param array $input Input values.
	 * @return array Sanitized values.
	 */
	public function sanitize_settings( $input ) {
		$sanitized = array();

		// Auto generation
		$sanitized['auto_generation'] = isset( $input['auto_generation'] ) ? true : false;

		// Overwrite existing
		$sanitized['overwrite_existing'] = isset( $input['overwrite_existing'] ) ? true : false;

		// Enabled post types
		if ( isset( $input['enabled_post_types'] ) && is_array( $input['enabled_post_types'] ) ) {
			$sanitized['enabled_post_types'] = array_map( 'sanitize_text_field', $input['enabled_post_types'] );
		} else {
			$sanitized['enabled_post_types'] = array();
		}

		// Min image width
		if ( isset( $input['min_image_width'] ) ) {
			$sanitized['min_image_width'] = absint( $input['min_image_width'] );
		} else {
			$sanitized['min_image_width'] = 0;
		}

		// Min image height
		if ( isset( $input['min_image_height'] ) ) {
			$sanitized['min_image_height'] = absint( $input['min_image_height'] );
		} else {
			$sanitized['min_image_height'] = 0;
		}

		// Generation method
		$sanitized['generation_method'] = isset( $input['generation_method'] )
			? sanitize_text_field( $input['generation_method'] )
			: 'first_content_image';

		// AI Settings
		if ( isset( $input['ai_content_source'] ) ) {
			$sanitized['ai_content_source'] = sanitize_text_field( $input['ai_content_source'] );
		}
		if ( isset( $input['ai_api_key'] ) ) {
			$sanitized['ai_api_key'] = sanitize_text_field( $input['ai_api_key'] );
		}
		if ( isset( $input['ai_prompt_model'] ) ) {
			$sanitized['ai_prompt_model'] = sanitize_text_field( $input['ai_prompt_model'] );
		}
		if ( isset( $input['ai_language'] ) ) {
			$sanitized['ai_language'] = sanitize_text_field( $input['ai_language'] );
		}
		if ( isset( $input['ai_image_model'] ) ) {
			$sanitized['ai_image_model'] = sanitize_text_field( $input['ai_image_model'] );
		}
		if ( isset( $input['ai_image_resolution'] ) ) {
			$sanitized['ai_image_resolution'] = sanitize_text_field( $input['ai_image_resolution'] );
		}
		if ( isset( $input['ai_image_style'] ) ) {
			$sanitized['ai_image_style'] = sanitize_text_field( $input['ai_image_style'] );
		}

		// Title Image Settings
		if ( isset( $input['title_image_width'] ) ) {
			$sanitized['title_image_width'] = absint( $input['title_image_width'] );
		}
		if ( isset( $input['title_image_height'] ) ) {
			$sanitized['title_image_height'] = absint( $input['title_image_height'] );
		}
		if ( isset( $input['title_image_bg_color'] ) ) {
			$sanitized['title_image_bg_color'] = sanitize_hex_color( $input['title_image_bg_color'] );
		}
		if ( isset( $input['title_image_text_color'] ) ) {
			$sanitized['title_image_text_color'] = sanitize_hex_color( $input['title_image_text_color'] );
		}
		if ( isset( $input['title_image_font_size'] ) ) {
			$sanitized['title_image_font_size'] = absint( $input['title_image_font_size'] );
		}

		// Default Image Settings
		if ( isset( $input['default_image_id'] ) ) {
			$sanitized['default_image_id'] = absint( $input['default_image_id'] );
		}

		// Note: generation_log is now stored in a separate option 'aitm_generation_log'
		// and doesn't need to be preserved here

		return $sanitized;
	}

	/**
	 * Render general section
	 */
	public function render_general_section() {
		echo '<p>' . esc_html__( 'Configure how the plugin automatically generates featured images for your posts. These settings control when and how the plugin will create thumbnails from images found in your post content.', 'ai-thumbnails-maker' ) . '</p>';
	}

	/**
	 * Render image section
	 */
	public function render_image_section() {
		echo '<p>' . esc_html__( 'Set quality requirements for images that will be used as featured images. These filters help ensure that only high-quality, properly sized images are selected as post thumbnails. Small or low-quality images will be automatically skipped.', 'ai-thumbnails-maker' ) . '</p>';
	}

	/**
	 * Render checkbox field
	 *
	 * @param array $args Field arguments.
	 */
	public function render_checkbox_field( $args ) {
		$settings = get_option( 'aitm_settings', array() );
		$value    = $settings[ $args['label_for'] ] ?? false;

		printf(
			'<label><input type="checkbox" id="%s" name="aitm_settings[%s]" value="1" %s /> %s</label>',
			esc_attr( $args['label_for'] ),
			esc_attr( $args['label_for'] ),
			checked( $value, true, false ),
			esc_html( $args['description'] )
		);
	}

	/**
	 * Render number field
	 *
	 * @param array $args Field arguments.
	 */
	public function render_number_field( $args ) {
		$settings = get_option( 'aitm_settings', array() );
		$value    = $settings[ $args['label_for'] ] ?? 0;

		printf(
			'<input type="number" id="%s" name="aitm_settings[%s]" value="%s" min="%s" max="%s" step="%s" class="small-text" />',
			esc_attr( $args['label_for'] ),
			esc_attr( $args['label_for'] ),
			esc_attr( $value ),
			esc_attr( $args['min'] ),
			esc_attr( $args['max'] ),
			esc_attr( $args['step'] )
		);

		if ( ! empty( $args['description'] ) ) {
			printf( '<p class="description">%s</p>', esc_html( $args['description'] ) );
		}
	}

	/**
	 * Render post types field
	 *
	 * @param array $args Field arguments.
	 */
	public function render_post_types_field( $args ) {
		$settings       = get_option( 'aitm_settings', array() );
		$enabled_types  = $settings[ $args['label_for'] ] ?? array( 'post', 'page' );

		$post_types = get_post_types(
			array(
				'public' => true,
			),
			'objects'
		);

		foreach ( $post_types as $post_type ) {
			// Пропускаем attachment
			if ( $post_type->name === 'attachment' ) {
				continue;
			}

			$checked = in_array( $post_type->name, $enabled_types, true );
			printf(
				'<label><input type="checkbox" name="aitm_settings[%s][]" value="%s" %s /> %s</label><br/>',
				esc_attr( $args['label_for'] ),
				esc_attr( $post_type->name ),
				checked( $checked, true, false ),
				esc_html( $post_type->label )
			);
		}

		if ( ! empty( $args['description'] ) ) {
			printf( '<p class="description">%s</p>', esc_html( $args['description'] ) );
		}
	}

	/**
	 * Render AI section
	 */
	public function render_ai_section() {
		echo '<p>' . esc_html__( 'Configure OpenAI settings for AI-powered image generation.', 'ai-thumbnails-maker' ) . '</p>';
	}

	/**
	 * Render generation method field
	 *
	 * @param array $args Field arguments.
	 */
	public function render_method_field( $args ) {
		$settings = get_option( 'aitm_settings', array() );
		$method   = $settings['generation_method'] ?? 'first_content_image';
		?>
		<select id="<?php echo esc_attr( $args['label_for'] ); ?>" 
				name="aitm_settings[generation_method]" 
				class="aitm-generation-method-select">
			<option value="first_content_image" <?php selected( $method, 'first_content_image' ); ?>>
				<?php esc_html_e( 'First Content Image', 'ai-thumbnails-maker' ); ?>
			</option>
			<option value="ai_generation" <?php selected( $method, 'ai_generation' ); ?>>
				<?php esc_html_e( 'AI Generation', 'ai-thumbnails-maker' ); ?>
			</option>
		</select>
		<?php
		if ( ! empty( $args['description'] ) ) {
			printf( '<p class="description">%s</p>', esc_html( $args['description'] ) );
		}
	}

	/**
	 * Render text field
	 *
	 * @param array $args Field arguments.
	 */
	public function render_text_field( $args ) {
		$settings   = get_option( 'aitm_settings', array() );
		$field_name = $args['label_for'];
		$value      = $settings[ $field_name ] ?? ( $args['default'] ?? '' );
		$type       = $args['type'] ?? 'text';

		printf(
			'<input type="%s" id="%s" name="aitm_settings[%s]" value="%s" class="regular-text">',
			esc_attr( $type ),
			esc_attr( $field_name ),
			esc_attr( $field_name ),
			esc_attr( $value )
		);

		if ( ! empty( $args['description'] ) ) {
			printf( '<p class="description">%s</p>', wp_kses_post( $args['description'] ) );
		}
	}

	/**
	 * Render select field
	 *
	 * @param array $args Field arguments.
	 */
	public function render_select_field( $args ) {
		$settings   = get_option( 'aitm_settings', array() );
		$field_name = $args['label_for'];
		$value      = $settings[ $field_name ] ?? ( $args['default'] ?? '' );
		$options    = $args['options'] ?? array();

		printf( '<select id="%s" name="aitm_settings[%s]">', esc_attr( $field_name ), esc_attr( $field_name ) );
		foreach ( $options as $opt_value => $opt_label ) {
			printf(
				'<option value="%s" %s>%s</option>',
				esc_attr( $opt_value ),
				selected( $value, $opt_value, false ),
				esc_html( $opt_label )
			);
		}
		echo '</select>';

		if ( ! empty( $args['description'] ) ) {
			printf( '<p class="description">%s</p>', wp_kses_post( $args['description'] ) );
		}
	}

	/**
	 * Render AI model field
	 *
	 * @param array $args Field arguments.
	 */
	public function render_ai_model_field( $args ) {
		$settings   = get_option( 'aitm_settings', array() );
		$field_name = $args['label_for'];
		$value      = $settings[ $field_name ] ?? ( $args['default'] ?? '' );

		// Подключить класс AI Generator для получения списка моделей
		require_once AITM_PLUGIN_DIR . '/includes/class-ai-image-generator.php';

		$models = $args['type'] === 'prompt'
			? AITM_AI_Image_Generator::get_prompt_models()
			: AITM_AI_Image_Generator::get_image_models();

		printf( '<select id="%s" name="aitm_settings[%s]">', esc_attr( $field_name ), esc_attr( $field_name ) );
		foreach ( $models as $model ) {
			printf(
				'<option value="%s" %s>%s</option>',
				esc_attr( $model['model'] ),
				selected( $value, $model['model'], false ),
				esc_html( $model['name'] )
			);
		}
		echo '</select>';

		if ( ! empty( $args['description'] ) ) {
			printf( '<p class="description">%s</p>', esc_html( $args['description'] ) );
		}
	}

	/**
	 * Render settings page
	 */
	public function render_settings_page() {
		if ( ! current_user_can( 'manage_options' ) ) {
			return;
		}

		// Check if settings were saved
		// phpcs:ignore WordPress.Security.NonceVerification.Recommended
		if ( isset( $_GET['settings-updated'] ) ) {
			add_settings_error(
				'aitm_messages',
				'aitm_message',
				__( 'Settings saved successfully.', 'ai-thumbnails-maker' ),
				'updated'
			);
		}

		$settings = get_option( 'aitm_settings', array() );
		$post_types = get_post_types( array( 'public' => true ), 'objects' );

		settings_errors( 'aitm_messages' );
		?>
		<div class="wrap aitm-page aitm-settings">
			<h1><?php echo esc_html( get_admin_page_title() ); ?></h1>
			
			<form method="post" action="options.php">
				<?php settings_fields( 'aitm_settings_group' ); ?>
				
				<!-- Automatic Generation Settings Card -->
				<div class="aitm-settings-card">
					<div class="aitm-settings-card__header">
						<h2 class="aitm-settings-card__title">
							<?php esc_html_e( 'Automatic Generation', 'ai-thumbnails-maker' ); ?>
						</h2>
						<p class="aitm-settings-card__description">
							<?php esc_html_e( 'Configure automatic featured image generation when publishing posts. The plugin will find the first suitable image in your post content and set it as the featured image.', 'ai-thumbnails-maker' ); ?>
						</p>
					</div>
					<div class="aitm-settings-card__body">
						<div class="aitm-settings-group">
							<div class="aitm-settings-group__header">
								<label class="aitm-settings-group__label">
									<input type="checkbox" 
										   name="aitm_settings[auto_generation]" 
										   value="1" 
										   <?php checked( $settings['auto_generation'] ?? false, true ); ?>>
									<span class="aitm-settings-group__title">
										<?php esc_html_e( 'Enable Auto Generation', 'ai-thumbnails-maker' ); ?>
									</span>
								</label>
								<p class="aitm-settings-group__help">
									<?php esc_html_e( 'Automatically generate featured images when publishing or updating posts. The plugin will search for the first image in the post content and set it as the featured image.', 'ai-thumbnails-maker' ); ?>
								</p>
							</div>
							
							<div class="aitm-settings-group__section">
								<h4 class="aitm-settings-group__section-title">
									<?php esc_html_e( 'Enabled Post Types', 'ai-thumbnails-maker' ); ?>
								</h4>
								<p class="aitm-settings-group__section-description">
									<?php esc_html_e( 'Select which post types should have automatic featured image generation:', 'ai-thumbnails-maker' ); ?>
								</p>
								<div class="aitm-settings-group__checkboxes">
									<?php foreach ( $post_types as $post_type ) : ?>
										<?php if ( $post_type->name !== 'attachment' && post_type_supports( $post_type->name, 'thumbnail' ) ) : ?>
											<label class="aitm-settings-checkbox">
												<input type="checkbox" 
													   name="aitm_settings[enabled_post_types][]" 
													   value="<?php echo esc_attr( $post_type->name ); ?>"
													   <?php checked( in_array( $post_type->name, $settings['enabled_post_types'] ?? array(), true ) ); ?>>
												<span><?php echo esc_html( $post_type->label ); ?></span>
											</label>
										<?php endif; ?>
									<?php endforeach; ?>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- Generation Strategy Card -->
				<div class="aitm-settings-card">
					<div class="aitm-settings-card__header">
						<h2 class="aitm-settings-card__title">
							<?php esc_html_e( 'Generation Strategy', 'ai-thumbnails-maker' ); ?>
						</h2>
						<p class="aitm-settings-card__description">
							<?php esc_html_e( 'Choose the method for generating featured images for your posts.', 'ai-thumbnails-maker' ); ?>
						</p>
					</div>
					<div class="aitm-settings-card__body">
						<div class="aitm-settings-group">
							<label class="aitm-settings-field__label">
								<?php esc_html_e( 'Generation Method', 'ai-thumbnails-maker' ); ?>
							</label>
							<select name="aitm_settings[generation_method]" 
									id="aitm-generation-method"
									class="aitm-settings-field__select aitm-generation-method-select">
								<option value="first_content_image" <?php selected( $settings['generation_method'] ?? 'first_content_image', 'first_content_image' ); ?>>
									<?php esc_html_e( 'First Content Image', 'ai-thumbnails-maker' ); ?>
								</option>
								<option value="generate_from_title" <?php selected( $settings['generation_method'] ?? 'first_content_image', 'generate_from_title' ); ?>>
									<?php esc_html_e( 'Generate from Title', 'ai-thumbnails-maker' ); ?>
								</option>
								<option value="search_or_generate" <?php selected( $settings['generation_method'] ?? 'first_content_image', 'search_or_generate' ); ?>>
									<?php esc_html_e( 'Search or Generate', 'ai-thumbnails-maker' ); ?>
								</option>
								<option value="use_default_image" <?php selected( $settings['generation_method'] ?? 'first_content_image', 'use_default_image' ); ?>>
									<?php esc_html_e( 'Use Default Image', 'ai-thumbnails-maker' ); ?>
								</option>
								<option value="ai_generation" <?php selected( $settings['generation_method'] ?? 'first_content_image', 'ai_generation' ); ?>>
									<?php esc_html_e( 'AI Generation (OpenAI)', 'ai-thumbnails-maker' ); ?>
								</option>
							</select>
							<p class="aitm-settings-field__help">
								<?php esc_html_e( 'Choose how to generate featured images: use content images, generate from title, combine methods, use default, or create with AI.', 'ai-thumbnails-maker' ); ?>
							</p>
						</div>
						
					<!-- AI Settings (показывается условно) -->
					<div id="aitm-ai-settings" class="aitm-ai-settings" style="display: none;">
						<div class="aitm-settings-group">
								<h3 class="aitm-ai-settings__title">
									<?php esc_html_e( 'Content Selection for Prompt', 'ai-thumbnails-maker' ); ?>
								</h3>
								
								<div class="aitm-settings-field">
									<label class="aitm-settings-field__label" for="ai_content_source">
										<?php esc_html_e( 'Content Source', 'ai-thumbnails-maker' ); ?>
									</label>
									<select id="ai_content_source"
											name="aitm_settings[ai_content_source]" 
											class="aitm-settings-field__select">
										<option value="title_first_paragraph" <?php selected( $settings['ai_content_source'] ?? 'title_first_paragraph', 'title_first_paragraph' ); ?>>
											<?php esc_html_e( 'Title + First Paragraph', 'ai-thumbnails-maker' ); ?>
										</option>
										<option value="title_second_paragraph" <?php selected( $settings['ai_content_source'] ?? 'title_first_paragraph', 'title_second_paragraph' ); ?>>
											<?php esc_html_e( 'Title + Second Paragraph', 'ai-thumbnails-maker' ); ?>
										</option>
										<option value="title_third_paragraph" <?php selected( $settings['ai_content_source'] ?? 'title_first_paragraph', 'title_third_paragraph' ); ?>>
											<?php esc_html_e( 'Title + Third Paragraph', 'ai-thumbnails-maker' ); ?>
										</option>
										<option value="random_paragraphs" <?php selected( $settings['ai_content_source'] ?? 'title_first_paragraph', 'random_paragraphs' ); ?>>
											<?php esc_html_e( 'Random Paragraphs from Content', 'ai-thumbnails-maker' ); ?>
										</option>
										<option value="full_content" <?php selected( $settings['ai_content_source'] ?? 'title_first_paragraph', 'full_content' ); ?>>
											<?php esc_html_e( 'Full Post Content (Higher Cost)', 'ai-thumbnails-maker' ); ?>
										</option>
									</select>
									<p class="aitm-settings-field__help">
										<?php esc_html_e( 'Choose which part of the post content to use for generating the image prompt. More content = better relevance but higher API costs.', 'ai-thumbnails-maker' ); ?>
									</p>
								</div>
							</div>
							
							<div class="aitm-settings-group">
								<h3 class="aitm-ai-settings__title">
									<?php esc_html_e( 'OpenAI Configuration', 'ai-thumbnails-maker' ); ?>
								</h3>
								
								<div class="aitm-settings-field aitm-settings-field--full-width">
									<label class="aitm-settings-field__label" for="ai_api_key">
										<?php esc_html_e( 'API Key', 'ai-thumbnails-maker' ); ?>
									</label>
									<input type="password" 
										   id="ai_api_key"
										   name="aitm_settings[ai_api_key]" 
										   value="<?php echo esc_attr( $settings['ai_api_key'] ?? '' ); ?>" 
										   class="aitm-settings-field__input"
										   placeholder="sk-...">
							<p class="aitm-settings-field__help">
								<?php
								printf(
									/* translators: %s: URL to OpenAI API keys page */
									wp_kses(
										__( 'Enter your OpenAI API key. <a href="%s" target="_blank">How to get API key</a>', 'ai-thumbnails-maker' ),
										array(
											'a' => array(
												'href'   => array(),
												'target' => array(),
											),
										)
									),
									esc_url( 'https://platform.openai.com/api-keys' )
								);
								?>
							</p>
								</div>
								
								<div class="aitm-settings-row">
									<div class="aitm-settings-col">
										<label class="aitm-settings-field__label" for="ai_prompt_model">
											<?php esc_html_e( 'Prompt Model', 'ai-thumbnails-maker' ); ?>
										</label>
										<select id="ai_prompt_model"
												name="aitm_settings[ai_prompt_model]" 
												class="aitm-settings-field__select">
											<?php
											require_once AITM_PLUGIN_DIR . '/includes/class-ai-image-generator.php';
											$prompt_models = AITM_AI_Image_Generator::get_prompt_models();
											foreach ( $prompt_models as $model ) :
												?>
												<option value="<?php echo esc_attr( $model['model'] ); ?>" 
														<?php selected( $settings['ai_prompt_model'] ?? 'gpt-4o-mini', $model['model'] ); ?>>
													<?php echo esc_html( $model['name'] ); ?>
												</option>
											<?php endforeach; ?>
										</select>
										<p class="aitm-settings-field__help">
											<?php esc_html_e( 'AI model for generating image descriptions', 'ai-thumbnails-maker' ); ?>
										</p>
									</div>
									
									<div class="aitm-settings-col">
										<label class="aitm-settings-field__label" for="ai_language">
											<?php esc_html_e( 'Language', 'ai-thumbnails-maker' ); ?>
										</label>
										<select id="ai_language"
												name="aitm_settings[ai_language]" 
												class="aitm-settings-field__select">
											<?php
											$languages = array(
												'en_US' => 'English',
												'ru_RU' => 'Russian',
												'es_ES' => 'Spanish',
												'fr_FR' => 'French',
												'de_DE' => 'German',
												'zh_CN' => 'Chinese',
												'ja_JP' => 'Japanese',
												'it_IT' => 'Italian',
											);
											foreach ( $languages as $code => $name ) :
												?>
												<option value="<?php echo esc_attr( $code ); ?>" 
														<?php selected( $settings['ai_language'] ?? 'en_US', $code ); ?>>
													<?php echo esc_html( $name ); ?>
												</option>
											<?php endforeach; ?>
										</select>
										<p class="aitm-settings-field__help">
											<?php esc_html_e( 'Language for prompt generation', 'ai-thumbnails-maker' ); ?>
										</p>
									</div>
								</div>
								
								<div class="aitm-settings-row">
									<div class="aitm-settings-col">
										<label class="aitm-settings-field__label" for="ai_image_model">
											<?php esc_html_e( 'Image Model', 'ai-thumbnails-maker' ); ?>
										</label>
										<select id="ai_image_model"
												name="aitm_settings[ai_image_model]" 
												class="aitm-settings-field__select">
											<?php
											$image_models = AITM_AI_Image_Generator::get_image_models();
											foreach ( $image_models as $model ) :
												?>
												<option value="<?php echo esc_attr( $model['model'] ); ?>" 
														<?php selected( $settings['ai_image_model'] ?? 'dall-e-3', $model['model'] ); ?>>
													<?php echo esc_html( $model['name'] ); ?>
												</option>
											<?php endforeach; ?>
										</select>
										<p class="aitm-settings-field__help">
											<?php esc_html_e( 'AI model for generating images', 'ai-thumbnails-maker' ); ?>
										</p>
									</div>
									
									<div class="aitm-settings-col">
										<label class="aitm-settings-field__label" for="ai_image_resolution">
											<?php esc_html_e( 'Resolution', 'ai-thumbnails-maker' ); ?>
										</label>
										<select id="ai_image_resolution"
												name="aitm_settings[ai_image_resolution]" 
												class="aitm-settings-field__select">
											<option value="1024x1024" <?php selected( $settings['ai_image_resolution'] ?? '1024x1024', '1024x1024' ); ?>>
												1024x1024
											</option>
											<option value="1024x1792" <?php selected( $settings['ai_image_resolution'] ?? '1024x1024', '1024x1792' ); ?>>
												1024x1792 (Portrait)
											</option>
											<option value="1792x1024" <?php selected( $settings['ai_image_resolution'] ?? '1024x1024', '1792x1024' ); ?>>
												1792x1024 (Landscape)
											</option>
										</select>
										<p class="aitm-settings-field__help">
											<?php esc_html_e( 'Image resolution', 'ai-thumbnails-maker' ); ?>
										</p>
									</div>
								</div>
								
								<div class="aitm-settings-field">
									<label class="aitm-settings-field__label" for="ai_image_style">
										<?php esc_html_e( 'Image Style', 'ai-thumbnails-maker' ); ?>
									</label>
									<select id="ai_image_style"
											name="aitm_settings[ai_image_style]" 
											class="aitm-settings-field__select">
										<option value="natural" <?php selected( $settings['ai_image_style'] ?? 'natural', 'natural' ); ?>>
											<?php esc_html_e( 'Natural', 'ai-thumbnails-maker' ); ?>
										</option>
										<option value="vivid" <?php selected( $settings['ai_image_style'] ?? 'natural', 'vivid' ); ?>>
											<?php esc_html_e( 'Vivid', 'ai-thumbnails-maker' ); ?>
										</option>
									</select>
									<p class="aitm-settings-field__help">
										<?php esc_html_e( 'Visual style for generated images', 'ai-thumbnails-maker' ); ?>
									</p>
								</div>
							</div>
						</div>
						
					<!-- Title Image Settings (показывается условно) -->
					<div id="aitm-title-image-settings" class="aitm-title-image-settings" style="display: none;">
						<div class="aitm-title-image-layout">
								<!-- Left Column: Settings (60%) -->
								<div class="aitm-title-image-layout__settings">
									<h3 class="aitm-ai-settings__title">
										<?php esc_html_e( 'Title Image Settings', 'ai-thumbnails-maker' ); ?>
									</h3>
									
									<div class="aitm-settings-row">
										<div class="aitm-settings-col">
											<label class="aitm-settings-field__label" for="title_image_width">
												<?php esc_html_e( 'Width (px)', 'ai-thumbnails-maker' ); ?>
											</label>
											<input type="number" 
												   id="title_image_width"
												   name="aitm_settings[title_image_width]" 
												   value="<?php echo esc_attr( $settings['title_image_width'] ?? 1200 ); ?>" 
												   min="400" 
												   max="3000" 
												   class="aitm-settings-field__input aitm-title-setting" 
												   data-setting="width">
										</div>
										<div class="aitm-settings-col">
											<label class="aitm-settings-field__label" for="title_image_height">
												<?php esc_html_e( 'Height (px)', 'ai-thumbnails-maker' ); ?>
											</label>
											<input type="number" 
												   id="title_image_height"
												   name="aitm_settings[title_image_height]" 
												   value="<?php echo esc_attr( $settings['title_image_height'] ?? 630 ); ?>" 
												   min="300" 
												   max="2000"
												   class="aitm-settings-field__input aitm-title-setting" 
												   data-setting="height">
										</div>
									</div>
									
									<div class="aitm-settings-row">
										<div class="aitm-settings-col">
											<label class="aitm-settings-field__label" for="title_image_bg_color">
												<?php esc_html_e( 'Background Color', 'ai-thumbnails-maker' ); ?>
											</label>
											<input type="color" 
												   id="title_image_bg_color"
												   name="aitm_settings[title_image_bg_color]" 
												   value="<?php echo esc_attr( $settings['title_image_bg_color'] ?? '#2271b1' ); ?>" 
												   class="aitm-title-setting" 
												   data-setting="bgColor">
										</div>
										<div class="aitm-settings-col">
											<label class="aitm-settings-field__label" for="title_image_text_color">
												<?php esc_html_e( 'Text Color', 'ai-thumbnails-maker' ); ?>
											</label>
											<input type="color" 
												   id="title_image_text_color"
												   name="aitm_settings[title_image_text_color]" 
												   value="<?php echo esc_attr( $settings['title_image_text_color'] ?? '#ffffff' ); ?>" 
												   class="aitm-title-setting" 
												   data-setting="textColor">
										</div>
									</div>
									
									<div class="aitm-settings-field">
										<label class="aitm-settings-field__label" for="title_image_font_size">
											<?php esc_html_e( 'Font Size (px)', 'ai-thumbnails-maker' ); ?>
										</label>
										<input type="number" 
											   id="title_image_font_size"
											   name="aitm_settings[title_image_font_size]" 
											   value="<?php echo esc_attr( $settings['title_image_font_size'] ?? 48 ); ?>" 
											   min="20" 
											   max="120"
											   class="aitm-settings-field__input aitm-title-setting" 
											   data-setting="fontSize">
									</div>
								</div>
								
								<!-- Right Column: Live Preview (40%) -->
								<div class="aitm-title-image-layout__preview">
									<h3 class="aitm-ai-settings__title">
										<?php esc_html_e( 'Live Preview', 'ai-thumbnails-maker' ); ?>
									</h3>
									<div class="aitm-title-preview">
										<canvas id="aitm-title-preview-canvas" width="600" height="315"></canvas>
										<p class="aitm-title-preview__help">
											<?php esc_html_e( 'Preview updates in real-time. Uses "Sample Post Title" text.', 'ai-thumbnails-maker' ); ?>
										</p>
									</div>
								</div>
							</div>
						</div>
						
					<!-- Default Image Settings (показывается условно) -->
					<div id="aitm-default-image-settings" class="aitm-ai-settings" style="display: none;">
						<div class="aitm-settings-field">
								<label class="aitm-settings-field__label">
									<?php esc_html_e( 'Default Featured Image', 'ai-thumbnails-maker' ); ?>
								</label>
								<div class="aitm-default-image-picker">
									<input type="hidden" 
										   id="default_image_id" 
										   name="aitm_settings[default_image_id]" 
										   value="<?php echo esc_attr( $settings['default_image_id'] ?? 0 ); ?>">
									<button type="button" class="button" id="aitm-choose-default-image">
										<?php esc_html_e( 'Choose Image', 'ai-thumbnails-maker' ); ?>
									</button>
									<button type="button" class="button" id="aitm-remove-default-image" style="<?php echo ( empty( $settings['default_image_id'] ) ) ? 'display:none;' : ''; ?>">
										<?php esc_html_e( 'Remove', 'ai-thumbnails-maker' ); ?>
									</button>
									<div id="aitm-default-image-preview" class="aitm-default-image-preview">
										<?php
										$default_image_id = $settings['default_image_id'] ?? 0;
										if ( $default_image_id && wp_attachment_is_image( $default_image_id ) ) :
											$image_url = wp_get_attachment_image_url( $default_image_id, 'medium' );
											?>
											<img src="<?php echo esc_url( $image_url ); ?>" style="max-width:200px;height:auto;border:1px solid #ddd;margin-top:10px;">
										<?php endif; ?>
									</div>
								</div>
								<p class="aitm-settings-field__help">
									<?php esc_html_e( 'Select a default image to use when no image is found in post content.', 'ai-thumbnails-maker' ); ?>
								</p>
							</div>
						</div>
					</div>
				</div>

				<!-- Advanced Settings Card -->
				<div class="aitm-settings-card">
					<div class="aitm-settings-card__header">
						<h2 class="aitm-settings-card__title">
							<?php esc_html_e( 'Advanced Settings', 'ai-thumbnails-maker' ); ?>
						</h2>
						<p class="aitm-settings-card__description">
							<?php esc_html_e( 'Additional options for fine-tuning the thumbnail generation behavior.', 'ai-thumbnails-maker' ); ?>
						</p>
					</div>
					<div class="aitm-settings-card__body">
						<div class="aitm-settings-group">
							<label class="aitm-settings-group__label">
								<input type="checkbox" 
									   name="aitm_settings[overwrite_existing]" 
									   value="1" 
									   <?php checked( $settings['overwrite_existing'] ?? false, true ); ?>>
								<span class="aitm-settings-group__title">
									<?php esc_html_e( 'Overwrite Existing Featured Images', 'ai-thumbnails-maker' ); ?>
								</span>
							</label>
							<p class="aitm-settings-group__help aitm-settings-group__help--warning">
								<span class="dashicons dashicons-warning"></span>
								<?php esc_html_e( 'When enabled, the plugin will replace existing featured images with newly generated ones. This is useful for updating old thumbnails or fixing incorrect featured images. Use with caution as this will overwrite manually set featured images.', 'ai-thumbnails-maker' ); ?>
							</p>
						</div>
					</div>
				</div>

				<!-- Image Quality Requirements Card -->
				<div class="aitm-settings-card">
					<div class="aitm-settings-card__header">
						<h2 class="aitm-settings-card__title">
							<?php esc_html_e( 'Image Quality Requirements', 'ai-thumbnails-maker' ); ?>
						</h2>
						<p class="aitm-settings-card__description">
							<?php esc_html_e( 'Set minimum size requirements to ensure only high-quality images are used as featured images.', 'ai-thumbnails-maker' ); ?>
						</p>
					</div>
					<div class="aitm-settings-card__body">
						<div class="aitm-settings-row">
							<div class="aitm-settings-col">
								<label class="aitm-settings-field__label" for="min_image_width">
									<?php esc_html_e( 'Minimum Width (px)', 'ai-thumbnails-maker' ); ?>
								</label>
								<input type="number" 
									   id="min_image_width"
									   name="aitm_settings[min_image_width]" 
									   value="<?php echo esc_attr( $settings['min_image_width'] ?? 0 ); ?>" 
									   min="0" 
									   max="5000" 
									   step="1" 
									   class="aitm-settings-field__input">
								<p class="aitm-settings-field__help">
									<?php esc_html_e( 'Images narrower than this will be skipped. Set 0 for no limit. Recommended: 800px or higher.', 'ai-thumbnails-maker' ); ?>
								</p>
							</div>
							<div class="aitm-settings-col">
								<label class="aitm-settings-field__label" for="min_image_height">
									<?php esc_html_e( 'Minimum Height (px)', 'ai-thumbnails-maker' ); ?>
								</label>
								<input type="number" 
									   id="min_image_height"
									   name="aitm_settings[min_image_height]" 
									   value="<?php echo esc_attr( $settings['min_image_height'] ?? 0 ); ?>" 
									   min="0" 
									   max="5000" 
									   step="1" 
									   class="aitm-settings-field__input">
								<p class="aitm-settings-field__help">
									<?php esc_html_e( 'Images shorter than this will be skipped. Set 0 for no limit. Recommended: 600px or higher.', 'ai-thumbnails-maker' ); ?>
								</p>
							</div>
						</div>
						<div class="aitm-settings-info">
							<span class="dashicons dashicons-info"></span>
							<span>
								<?php esc_html_e( 'These requirements help avoid using tiny icons, buttons, or low-resolution images as featured images. Images that don\'t meet both width and height requirements will be automatically skipped.', 'ai-thumbnails-maker' ); ?>
							</span>
						</div>
					</div>
				</div>

				<?php submit_button( __( 'Save Settings', 'ai-thumbnails-maker' ) ); ?>
			</form>
		</div>
		<?php
	}

	/**
	 * Enqueue scripts
	 *
	 * @param string $hook Current admin page hook.
	 */
	public function enqueue_scripts( $hook ) {
		if ( strpos( $hook, $this->page_slug ) === false ) {
			return;
		}

		// Enqueue WordPress media library
		wp_enqueue_media();

		wp_enqueue_style(
			'aitm-admin-settings',
			AITM_PLUGIN_URL . 'assets/dist/admin-settings.css',
			array(),
			AITM_VERSION
		);

		wp_enqueue_script(
			'aitm-admin-settings',
			AITM_PLUGIN_URL . 'assets/dist/admin-settings.js',
			array( 'jquery' ),
			AITM_VERSION,
			true
		);
	}
}