<?php

namespace AiChatbotBuilder\Admin;

if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly.
}

/**
 * Chat Instances Custom Post Type.
 *
 * Manages the custom post type for chat instances and handles meta boxes.
 *
 * @package AiChatbotBuilder\Admin
 */
class Chat_Instances
{

    /**
     * Constructor.
     */
    public function __construct()
    {
        add_action('init', array($this, 'register_post_type'));
        add_action('add_meta_boxes', array($this, 'add_meta_boxes'));
        add_action('save_post', array($this, 'save_meta'));
        add_action('admin_enqueue_scripts', array($this, 'enqueue_admin_scripts'));
    }

    /**
     * Registers the custom post type for chat instances.
     */
    public function register_post_type(): void
    {
        $labels = array(
            'name'                  => esc_html__('Chat Instances', 'ai-chatbot-builder'),
            'singular_name'         => esc_html__('Chat Instance', 'ai-chatbot-builder'),
            'menu_name'             => esc_html__('Chat Instances', 'ai-chatbot-builder'),
            'name_admin_bar'        => esc_html__('Chat Instance', 'ai-chatbot-builder'),
            'add_new'               => esc_html__('Add New', 'ai-chatbot-builder'),
            'add_new_item'          => esc_html__('Add New Chat Instance', 'ai-chatbot-builder'),
            'new_item'              => esc_html__('New Chat Instance', 'ai-chatbot-builder'),
            'edit_item'             => esc_html__('Edit Chat Instance', 'ai-chatbot-builder'),
            'view_item'             => esc_html__('View Chat Instance', 'ai-chatbot-builder'),
            'all_items'             => esc_html__('All Chat Instances', 'ai-chatbot-builder'),
            'search_items'          => esc_html__('Search Chat Instances', 'ai-chatbot-builder'),
            'parent_item_colon'     => esc_html__('Parent Chat Instances:', 'ai-chatbot-builder'),
            'not_found'             => esc_html__('No chat instances found.', 'ai-chatbot-builder'),
            'not_found_in_trash'    => esc_html__('No chat instances found in Trash.', 'ai-chatbot-builder'),
        );

        $args = array(
            'labels'             => $labels,
            'public'             => false,
            'publicly_queryable' => false,
            'show_ui'            => true,
            'show_in_menu'       => 'aichatbotbuilder_settings',
            'query_var'          => true,
            'rewrite'            => array('slug' => 'aichatbotbuilder-chat'),
            'capability_type'    => 'post',
            'has_archive'        => false,
            'hierarchical'       => false,
            'menu_position'      => null,
            'supports'           => array('title'),
        );

        register_post_type('aichatbot_chat', $args);
    }

    /**
     * Adds meta boxes for chat settings.
     */
    public function add_meta_boxes(): void
    {
        add_meta_box(
            'aichatbot_chat_settings',
            __('Chat Settings', 'ai-chatbot-builder'),
            array($this, 'render_meta_box'),
            'aichatbot_chat',
            'normal',
            'high'
        );
    }

    /**
     * Enqueues WP color picker assets and admin script for meta box.
     *
     * @param string $hook Current admin page hook.
     */
    public function enqueue_admin_scripts(string $hook): void
    {
        global $post;
        if (in_array($hook, array('post.php', 'post-new.php'), true) && isset($post) && $post->post_type === 'aichatbot_chat') {
            wp_enqueue_style('wp-color-picker');
            wp_enqueue_script('wp-color-picker');
            wp_enqueue_script('aichatbotbuilder-admin', AICHATBOTBUILDER_URL . 'assets/js/aichatbotbuilder-admin.js', array('wp-color-picker', 'jquery'), AICHATBOTBUILDER_VERSION, true);
        }
    }

    /**
     * Renders meta box fields.
     *
     * @param \WP_Post $post The current post object.
     */
    public function render_meta_box($post): void
    {
        wp_nonce_field('aichatbot_chat_settings_nonce', 'aichatbot_chat_settings_nonce');
        $shortcode   = sprintf('[aichatbot_chat id="%d"]', $post->ID);
        $prompt      = get_post_meta($post->ID, 'aichatbotbuilder_initial_prompt', true);
        $bg          = get_post_meta($post->ID, 'aichatbotbuilder_bg_color', true);
        $user_color  = get_post_meta($post->ID, 'aichatbotbuilder_user_color', true);
        $bot_color   = get_post_meta($post->ID, 'aichatbotbuilder_bot_color', true);
        $position    = get_post_meta($post->ID, 'aichatbotbuilder_position', true);
        $z_index     = get_post_meta($post->ID, 'aichatbotbuilder_z_index', true);
        $z_index     = $z_index ?: 9999;
        $container_border_color  = get_post_meta($post->ID, 'aichatbotbuilder_container_border_color', true);
        $container_border_width  = get_post_meta($post->ID, 'aichatbotbuilder_container_border_width', true);
        $container_border_radius = get_post_meta($post->ID, 'aichatbotbuilder_container_border_radius', true);
        $container_max_width     = get_post_meta($post->ID, 'aichatbotbuilder_container_max_width', true);
        $container_max_width     = $container_max_width ?: 400;
        $container_min_height    = get_post_meta($post->ID, 'aichatbotbuilder_container_min_height', true);
        $container_min_height    = $container_min_height ?: 450;
        $input_bg_color          = get_post_meta($post->ID, 'aichatbotbuilder_input_bg_color', true);
        $input_text_color        = get_post_meta($post->ID, 'aichatbotbuilder_input_text_color', true);
        $input_border_color      = get_post_meta($post->ID, 'aichatbotbuilder_input_border_color', true);
        $input_border_radius     = get_post_meta($post->ID, 'aichatbotbuilder_input_border_radius', true);
        $input_border_width      = get_post_meta($post->ID, 'aichatbotbuilder_input_border_width', true);
        $button_bg_color         = get_post_meta($post->ID, 'aichatbotbuilder_button_bg_color', true);
        $button_text_color       = get_post_meta($post->ID, 'aichatbotbuilder_button_text_color', true);
        $button_border_color     = get_post_meta($post->ID, 'aichatbotbuilder_button_border_color', true);
        $button_border_radius    = get_post_meta($post->ID, 'aichatbotbuilder_button_border_radius', true);
        $button_border_width     = get_post_meta($post->ID, 'aichatbotbuilder_button_border_width', true);
        $placeholder_text        = get_post_meta($post->ID, 'aichatbotbuilder_placeholder_text', true);
        $send_button_text        = get_post_meta($post->ID, 'aichatbotbuilder_send_button_text', true);
        $clear_button_text       = get_post_meta($post->ID, 'aichatbotbuilder_clear_button_text', true);

        $clear_bg_color          = get_post_meta($post->ID, 'aichatbotbuilder_clear_bg_color', true);
        $clear_text_color        = get_post_meta($post->ID, 'aichatbotbuilder_clear_text_color', true);
        $clear_border_color      = get_post_meta($post->ID, 'aichatbotbuilder_clear_border_color', true);
        $clear_border_width      = get_post_meta($post->ID, 'aichatbotbuilder_clear_border_width', true);
        $clear_border_radius     = get_post_meta($post->ID, 'aichatbotbuilder_clear_border_radius', true);
        $style_preset            = get_post_meta($post->ID, 'aichatbotbuilder_style_preset', true);
        $style_preset            = $style_preset ?: 'apple';
        $greeting_message        = get_post_meta($post->ID, 'aichatbotbuilder_greeting_message', true);
        $greeting_message        = $greeting_message ?: __('How can we help you?', 'ai-chatbot-builder');
        $greeting_bg_color       = get_post_meta($post->ID, 'aichatbotbuilder_greeting_bg_color', true);
        $greeting_text_color     = get_post_meta($post->ID, 'aichatbotbuilder_greeting_text_color', true);
        $greeting_border_color   = get_post_meta($post->ID, 'aichatbotbuilder_greeting_border_color', true);
        $greeting_border_width   = get_post_meta($post->ID, 'aichatbotbuilder_greeting_border_width', true);
        $greeting_border_radius  = get_post_meta($post->ID, 'aichatbotbuilder_greeting_border_radius', true);
        $typing_color            = get_post_meta($post->ID, 'aichatbotbuilder_typing_color', true);
        $typing_color            = $typing_color ?: '';

        // Apply default values if empty
        $bg                       = $bg ?: '#ffffff';
        $user_color               = $user_color ?: '#e1ffc7';
        $bot_color                = $bot_color ?: '#f1f1f1';
        $container_border_color   = $container_border_color ?: '#ccc';
        $container_border_width   = $container_border_width ?: 1;
        $container_border_radius  = $container_border_radius ?: 0;
        $input_bg_color           = $input_bg_color ?: '#ffffff';
        $input_text_color         = $input_text_color ?: '#000000';
        $input_border_color       = $input_border_color ?: '#ccc';
        $input_border_radius      = $input_border_radius ?: 4;
        $input_border_width       = $input_border_width ?: 1;
        $button_bg_color          = $button_bg_color ?: '#0073aa';
        $button_text_color        = $button_text_color ?: '#ffffff';
        $button_border_color      = $button_border_color ?: '#0073aa';
        $button_border_radius     = $button_border_radius ?: 4;
        $button_border_width      = $button_border_width ?: 1;
        $clear_bg_color           = $clear_bg_color ?: '#f1f1f1';
        $clear_text_color         = $clear_text_color ?: '#000000';
        $clear_border_color       = $clear_border_color ?: '#ccc';
        $clear_border_width       = $clear_border_width ?: 1;
        $clear_border_radius      = $clear_border_radius ?: 4;
        $placeholder_text         = $placeholder_text ?: esc_html__('Type a message...', 'ai-chatbot-builder');
        $send_button_text         = $send_button_text ?: esc_html__('Send', 'ai-chatbot-builder');
        $clear_button_text        = $clear_button_text ?: esc_html__('Clear', 'ai-chatbot-builder');

        $greeting_bg_color        = $greeting_bg_color ?: '#f1f1f1';
        $greeting_text_color      = $greeting_text_color ?: '#000000';
        $greeting_border_color    = $greeting_border_color ?: '#ccc';
        $greeting_border_width    = $greeting_border_width ?: 1;
        $greeting_border_radius   = $greeting_border_radius ?: 4;
        // Launcher enabled toggle and button meta
        $launcher_enabled = get_post_meta($post->ID, 'aichatbotbuilder_launcher_enabled', true);
        $launcher_enabled = '' === $launcher_enabled ? '1' : $launcher_enabled;
        // Launcher button meta and defaults
        $launcher_icon_color = get_post_meta($post->ID, 'aichatbotbuilder_launcher_icon_color', true);
        $launcher_bg_color   = get_post_meta($post->ID, 'aichatbotbuilder_launcher_bg_color', true);
        $launcher_animation  = get_post_meta($post->ID, 'aichatbotbuilder_launcher_animation', true);
        $launcher_position   = get_post_meta($post->ID, 'aichatbotbuilder_launcher_position', true);
        $launcher_position   = $launcher_position ?: 'above';
        // Set defaults for launcher button
        $launcher_icon_color = $launcher_icon_color ?: '#ffffff';
        $launcher_bg_color   = $launcher_bg_color ?: '#0073aa';
        $launcher_animation  = $launcher_animation ?: 'fade';
        // Header title and subtitle
        $header_title   = get_post_meta($post->ID, 'aichatbotbuilder_header_title', true);
        $header_title   = $header_title ?: __('Send a message', 'ai-chatbot-builder');
        $header_subtitle   = get_post_meta($post->ID, 'aichatbotbuilder_header_subtitle', true);
        $header_subtitle   = $header_subtitle ?: __('Online and ready to help', 'ai-chatbot-builder');
?>
        <p>
            <label><?php esc_html_e('Shortcode:', 'ai-chatbot-builder'); ?></label><br />
            <input type="text" readonly value="<?php echo esc_attr($shortcode); ?>" style="width:100%; background:#f1f1f1; border:1px solid #ccc; padding:5px;" />
        </p>
        <p>
            <label for="aichatbotbuilder_initial_prompt"><?php esc_html_e('Initial Prompt:', 'ai-chatbot-builder'); ?></label><br>
            <textarea id="aichatbotbuilder_initial_prompt" name="aichatbotbuilder_initial_prompt" rows="3" style="width:100%;"><?php echo esc_textarea($prompt); ?></textarea>
        </p>

        <!-- Memory Settings -->
        <h3><?php esc_html_e('Memory Settings', 'ai-chatbot-builder'); ?></h3>
        <?php
        $memory_enabled = get_post_meta($post->ID, 'aichatbotbuilder_memory_enabled', true);
        $memory_enabled = '' === $memory_enabled ? '1' : $memory_enabled;
        $memory_length = get_post_meta($post->ID, 'aichatbotbuilder_memory_length', true);
        $memory_length = '' === $memory_length ? 10 : absint($memory_length);
        ?>
        <p>
            <label for="aichatbotbuilder_memory_enabled">
                <input type="checkbox" id="aichatbotbuilder_memory_enabled" name="aichatbotbuilder_memory_enabled" value="1" <?php checked($memory_enabled, '1'); ?> />
                <?php esc_html_e('Enable Conversation Memory', 'ai-chatbot-builder'); ?>
            </label>
            <br>
            <span class="description"><?php esc_html_e('When enabled, the AI will remember previous messages in the conversation.', 'ai-chatbot-builder'); ?></span>
        </p>
        <p>
            <label for="aichatbotbuilder_memory_length"><?php esc_html_e('Memory Length (number of message pairs):', 'ai-chatbot-builder'); ?></label><br>
            <input type="number" id="aichatbotbuilder_memory_length" name="aichatbotbuilder_memory_length" value="<?php echo esc_attr($memory_length); ?>" class="small-text" min="1" max="50" />
            <br>
            <span class="description"><?php esc_html_e('How many user-AI message pairs to remember. Set to 0 for unlimited (be aware of token costs).', 'ai-chatbot-builder'); ?></span>
        </p>

        <p>
            <label for="aichatbotbuilder_position"><?php esc_html_e('Chat Position:', 'ai-chatbot-builder'); ?></label><br>
            <select id="aichatbotbuilder_position" name="aichatbotbuilder_position">
                <?php
                $positions = array(
                    ''               => __('Inline', 'ai-chatbot-builder'),
                    'bottom-right'   => __('Bottom Right', 'ai-chatbot-builder'),
                    'bottom-left'    => __('Bottom Left', 'ai-chatbot-builder'),
                    'top-right'      => __('Top Right', 'ai-chatbot-builder'),
                    'top-left'       => __('Top Left', 'ai-chatbot-builder'),
                );
                foreach ($positions as $key => $label) {
                    printf(
                        '<option value="%1$s" %2$s>%3$s</option>',
                        esc_attr($key),
                        selected($position, $key, false),
                        esc_html($label)
                    );
                }
                ?>
            </select>
        </p>
        <p>
            <label for="aichatbotbuilder_z_index"><?php esc_html_e('Z-Index:', 'ai-chatbot-builder'); ?></label><br>
            <input type="number" id="aichatbotbuilder_z_index" name="aichatbotbuilder_z_index" value="<?php echo esc_attr($z_index); ?>" class="small-text" />
        </p>

        <p>
            <label for="aichatbotbuilder_style_preset"><?php esc_html_e('Appearance Preset:', 'ai-chatbot-builder'); ?></label><br>
            <select id="aichatbotbuilder_style_preset" name="aichatbotbuilder_style_preset">
                <?php
                $presets = array(
                    'custom'    => __('Custom Appearance', 'ai-chatbot-builder'),
                    'google'    => __('Google Chat', 'ai-chatbot-builder'),
                    'apple'     => __('Apple iMessage', 'ai-chatbot-builder'),
                    'whatsapp'  => __('WhatsApp', 'ai-chatbot-builder'),
                    'facebook'  => __('Facebook Messenger', 'ai-chatbot-builder'),
                    'telegram'  => __('Telegram', 'ai-chatbot-builder'),
                    'slack'     => __('Slack', 'ai-chatbot-builder'),
                    'chatgpt'   => __('ChatGPT', 'ai-chatbot-builder'),
                    'gemini'    => __('Gemini', 'ai-chatbot-builder'),
                );
                foreach ($presets as $key => $label) {
                    printf(
                        '<option value="%1$s" %2$s>%3$s</option>',
                        esc_attr($key),
                        selected($style_preset, $key, false),
                        esc_html($label)
                    );
                }
                ?>
            </select>
        </p>

        <!-- Style Configuration (visible only for Custom Appearance) -->
        <div id="aichatbotbuilder-custom-settings">
            <!-- Background and Bubble Colors -->
            <p>
                <label for="aichatbotbuilder_bg_color"><?php esc_html_e('Background Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_bg_color" name="aichatbotbuilder_bg_color" value="<?php echo esc_attr($bg); ?>" placeholder="#ffffff" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_user_color"><?php esc_html_e('User Bubble Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_user_color" name="aichatbotbuilder_user_color" value="<?php echo esc_attr($user_color); ?>" placeholder="#e1ffc7" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_bot_color"><?php esc_html_e('Bot Bubble Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_bot_color" name="aichatbotbuilder_bot_color" value="<?php echo esc_attr($bot_color); ?>" placeholder="#f1f1f1" style="width:100px;" />
            </p>

            <!-- Container Border -->
            <p>
                <label for="aichatbotbuilder_container_border_color"><?php esc_html_e('Container Border Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_container_border_color" name="aichatbotbuilder_container_border_color" value="<?php echo esc_attr($container_border_color); ?>" style="width:100px;" />
                <label for="aichatbotbuilder_container_border_width"><?php esc_html_e('Width (px):', 'ai-chatbot-builder'); ?></label>
                <input type="number" id="aichatbotbuilder_container_border_width" name="aichatbotbuilder_container_border_width" value="<?php echo esc_attr($container_border_width); ?>" class="small-text" />
                <label for="aichatbotbuilder_container_border_radius"><?php esc_html_e('Border Radius (px):', 'ai-chatbot-builder'); ?></label>
                <input type="number" id="aichatbotbuilder_container_border_radius" name="aichatbotbuilder_container_border_radius" value="<?php echo esc_attr($container_border_radius); ?>" class="small-text" />
            </p>
            <!-- Input Styles -->
            <p>
                <label for="aichatbotbuilder_input_bg_color"><?php esc_html_e('Input Background Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_input_bg_color" name="aichatbotbuilder_input_bg_color" value="<?php echo esc_attr($input_bg_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_input_text_color"><?php esc_html_e('Input Text Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_input_text_color" name="aichatbotbuilder_input_text_color" value="<?php echo esc_attr($input_text_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_input_border_color"><?php esc_html_e('Input Border Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_input_border_color" name="aichatbotbuilder_input_border_color" value="<?php echo esc_attr($input_border_color); ?>" style="width:100px;" />
                <label for="aichatbotbuilder_input_border_width"><?php esc_html_e('Width (px):', 'ai-chatbot-builder'); ?></label>
                <input type="number" id="aichatbotbuilder_input_border_width" name="aichatbotbuilder_input_border_width" value="<?php echo esc_attr($input_border_width); ?>" class="small-text" />
                <label for="aichatbotbuilder_input_border_radius"><?php esc_html_e('Border Radius (px):', 'ai-chatbot-builder'); ?></label>
                <input type="number" id="aichatbotbuilder_input_border_radius" name="aichatbotbuilder_input_border_radius" value="<?php echo esc_attr($input_border_radius); ?>" class="small-text" />
            </p>
            <!-- Button Styles -->
            <p>
                <label for="aichatbotbuilder_button_bg_color"><?php esc_html_e('Button Background Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_button_bg_color" name="aichatbotbuilder_button_bg_color" value="<?php echo esc_attr($button_bg_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_button_text_color"><?php esc_html_e('Button Text Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_button_text_color" name="aichatbotbuilder_button_text_color" value="<?php echo esc_attr($button_text_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_button_border_color"><?php esc_html_e('Button Border Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_button_border_color" name="aichatbotbuilder_button_border_color" value="<?php echo esc_attr($button_border_color); ?>" style="width:100px;" />
                <label for="aichatbotbuilder_button_border_width"><?php esc_html_e('Width (px):', 'ai-chatbot-builder'); ?></label>
                <input type="number" id="aichatbotbuilder_button_border_width" name="aichatbotbuilder_button_border_width" value="<?php echo esc_attr($button_border_width); ?>" class="small-text" />
                <label for="aichatbotbuilder_button_border_radius"><?php esc_html_e('Border Radius (px):', 'ai-chatbot-builder'); ?></label>
                <input type="number" id="aichatbotbuilder_button_border_radius" name="aichatbotbuilder_button_border_radius" value="<?php echo esc_attr($button_border_radius); ?>" class="small-text" />
            </p>
            <!-- Clear Button Styles -->
            <p>
                <label for="aichatbotbuilder_clear_bg_color"><?php esc_html_e('Clear Button Background Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_clear_bg_color" name="aichatbotbuilder_clear_bg_color" value="<?php echo esc_attr($clear_bg_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_clear_text_color"><?php esc_html_e('Clear Button Text Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_clear_text_color" name="aichatbotbuilder_clear_text_color" value="<?php echo esc_attr($clear_text_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_clear_border_color"><?php esc_html_e('Clear Button Border Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_clear_border_color" name="aichatbotbuilder_clear_border_color" value="<?php echo esc_attr($clear_border_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_clear_border_width"><?php esc_html_e('Clear Button Border Width (px):', 'ai-chatbot-builder'); ?></label><br>
                <input type="number" id="aichatbotbuilder_clear_border_width" name="aichatbotbuilder_clear_border_width" value="<?php echo esc_attr($clear_border_width); ?>" class="small-text" />
            </p>
            <p>
                <label for="aichatbotbuilder_clear_border_radius"><?php esc_html_e('Clear Button Border Radius (px):', 'ai-chatbot-builder'); ?></label><br>
                <input type="number" id="aichatbotbuilder_clear_border_radius" name="aichatbotbuilder_clear_border_radius" value="<?php echo esc_attr($clear_border_radius); ?>" class="small-text" />
            </p>
            <p>
                <label for="aichatbotbuilder_typing_color"><?php esc_html_e('Typing Indicator Color:', 'ai-chatbot-builder'); ?></label><br />
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_typing_color" name="aichatbotbuilder_typing_color" value="<?php echo esc_attr($typing_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_launcher_bg_color"><?php esc_html_e('Floating Button Background Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_launcher_bg_color" name="aichatbotbuilder_launcher_bg_color" value="<?php echo esc_attr($launcher_bg_color); ?>" style="width:100px;" />
            </p>
            <h3><?php esc_html_e('Greeting Message', 'ai-chatbot-builder'); ?></h3>
            <p>
                <label for="aichatbotbuilder_greeting_bg_color"><?php esc_html_e('Background Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_greeting_bg_color" name="aichatbotbuilder_greeting_bg_color" value="<?php echo esc_attr($greeting_bg_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_greeting_text_color"><?php esc_html_e('Text Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_greeting_text_color" name="aichatbotbuilder_greeting_text_color" value="<?php echo esc_attr($greeting_text_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_greeting_border_color"><?php esc_html_e('Border Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_greeting_border_color" name="aichatbotbuilder_greeting_border_color" value="<?php echo esc_attr($greeting_border_color); ?>" style="width:100px;" />
            </p>
            <p>
                <label for="aichatbotbuilder_greeting_border_width"><?php esc_html_e('Border Width (px):', 'ai-chatbot-builder'); ?></label><br>
                <input type="number" class="small-text" id="aichatbotbuilder_greeting_border_width" name="aichatbotbuilder_greeting_border_width" value="<?php echo esc_attr($greeting_border_width); ?>" />
            </p>
            <p>
                <label for="aichatbotbuilder_greeting_border_radius"><?php esc_html_e('Border Radius (px):', 'ai-chatbot-builder'); ?></label><br>
                <input type="number" class="small-text" id="aichatbotbuilder_greeting_border_radius" name="aichatbotbuilder_greeting_border_radius" value="<?php echo esc_attr($greeting_border_radius); ?>" />
            </p>
        </div><!-- End style configuration -->

        <!-- Greeting Settings -->
        <div id="aichatbotbuilder-greeting-settings">
            <h3><?php esc_html_e('Greeting Settings', 'ai-chatbot-builder'); ?></h3>
            <p>
                <label for="aichatbotbuilder_greeting_message"><?php esc_html_e('Greeting Message:', 'ai-chatbot-builder'); ?></label><br>
                <textarea id="aichatbotbuilder_greeting_message" name="aichatbotbuilder_greeting_message" rows="2" class="widefat"><?php echo esc_textarea($greeting_message); ?></textarea>
            </p>
        </div>

        <!-- Launcher Button Settings (always visible) -->
        <div id="aichatbotbuilder-launcher-settings">
            <h3><?php esc_html_e('Floating Button Settings', 'ai-chatbot-builder'); ?></h3>
            <p>
                <label for="aichatbotbuilder_launcher_enabled"><?php esc_html_e('Enable Floating Button:', 'ai-chatbot-builder'); ?></label>
                <input type="checkbox" id="aichatbotbuilder_launcher_enabled" name="aichatbotbuilder_launcher_enabled" value="0" <?php checked($launcher_enabled, '0'); ?> />
            </p>
            <p>
                <label for="aichatbotbuilder_launcher_icon_color"><?php esc_html_e('Floating Button Icon Color:', 'ai-chatbot-builder'); ?></label><br>
                <input type="text" class="aichatbotbuilder-color-field" id="aichatbotbuilder_launcher_icon_color" name="aichatbotbuilder_launcher_icon_color" value="<?php echo esc_attr($launcher_icon_color); ?>" style="width:100px;" />
            </p>
        </div>
        <!-- Appearance Presets dropdown -->

        <!-- Text settings (placeholder only) -->
        <div id="aichatbotbuilder-text-settings">
            <h3><?php esc_html_e('Text Settings', 'ai-chatbot-builder'); ?></h3>
            <p>
                <label for="aichatbotbuilder_header_title"><?php esc_html_e('Header Title:', 'ai-chatbot-builder'); ?></label><br />
                <input type="text" id="aichatbotbuilder_header_title" name="aichatbotbuilder_header_title" value="<?php echo esc_attr($header_title); ?>" class="widefat" />
            </p>
            <p>
                <label for="aichatbotbuilder_header_subtitle"><?php esc_html_e('Header Subtitle:', 'ai-chatbot-builder'); ?></label><br />
                <input type="text" id="aichatbotbuilder_header_subtitle" name="aichatbotbuilder_header_subtitle" value="<?php echo esc_attr($header_subtitle); ?>" placeholder="<?php esc_attr_e('Online and ready to help', 'ai-chatbot-builder'); ?>" class="widefat" />
            </p>
            <p>
                <label for="aichatbotbuilder_placeholder_text"><?php esc_html_e('Chat Input Placeholder:', 'ai-chatbot-builder'); ?></label><br />
                <input type="text" id="aichatbotbuilder_placeholder_text" name="aichatbotbuilder_placeholder_text" value="<?php echo esc_attr($placeholder_text); ?>" class="widefat" />
            </p>
        </div>
        <div id="aichatbotbuilder-container-settings">
            <h3><?php esc_html_e('Chat Container Settings', 'ai-chatbot-builder'); ?></h3>
            <p>
                <label for="aichatbotbuilder_container_max_width"><?php esc_html_e('Container Max Width (px):', 'ai-chatbot-builder'); ?></label><br />
                <input type="number" id="aichatbotbuilder_container_max_width" name="aichatbotbuilder_container_max_width" value="<?php echo esc_attr($container_max_width); ?>" class="small-text" />
            </p>
            <p>
                <label for="aichatbotbuilder_container_min_height"><?php esc_html_e('Container Min Height (px):', 'ai-chatbot-builder'); ?></label><br />
                <input type="number" id="aichatbotbuilder_container_min_height" name="aichatbotbuilder_container_min_height" value="<?php echo esc_attr($container_min_height); ?>" class="small-text" />
            </p>
        </div>
<?php
    }

    /**
     * Saves meta box data.
     *
     * @param int $post_id The post ID.
     */
    public function save_meta(int $post_id): void
    {
        if (!isset($_POST['aichatbot_chat_settings_nonce']) || !wp_verify_nonce(sanitize_text_field(wp_unslash($_POST['aichatbot_chat_settings_nonce'])), 'aichatbot_chat_settings_nonce')) {
            return;
        }
        if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
            return;
        }
        if (isset($_POST['post_type']) && 'aichatbot_chat' === $_POST['post_type']) {
            if (!current_user_can('edit_post', $post_id)) {
                return;
            }
        }

        if (isset($_POST['aichatbotbuilder_initial_prompt'])) {
            update_post_meta($post_id, 'aichatbotbuilder_initial_prompt', sanitize_textarea_field(wp_unslash($_POST['aichatbotbuilder_initial_prompt'])));
        }
        if (isset($_POST['aichatbotbuilder_bg_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_bg_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_bg_color'])));
        }
        if (isset($_POST['aichatbotbuilder_user_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_user_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_user_color'])));
        }
        if (isset($_POST['aichatbotbuilder_bot_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_bot_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_bot_color'])));
        }
        if (isset($_POST['aichatbotbuilder_position'])) {
            update_post_meta($post_id, 'aichatbotbuilder_position', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_position'])));
        }
        if (isset($_POST['aichatbotbuilder_z_index'])) {
            update_post_meta($post_id, 'aichatbotbuilder_z_index', absint(wp_unslash($_POST['aichatbotbuilder_z_index'])));
        }
        if (isset($_POST['aichatbotbuilder_container_border_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_container_border_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_container_border_color'])));
        }
        if (isset($_POST['aichatbotbuilder_container_border_width'])) {
            update_post_meta($post_id, 'aichatbotbuilder_container_border_width', absint(wp_unslash($_POST['aichatbotbuilder_container_border_width'])));
        }
        if (isset($_POST['aichatbotbuilder_container_border_radius'])) {
            update_post_meta($post_id, 'aichatbotbuilder_container_border_radius', absint(wp_unslash($_POST['aichatbotbuilder_container_border_radius'])));
        }
        if (isset($_POST['aichatbotbuilder_container_max_width'])) {
            update_post_meta($post_id, 'aichatbotbuilder_container_max_width', absint(wp_unslash($_POST['aichatbotbuilder_container_max_width'])));
        }
        if (isset($_POST['aichatbotbuilder_container_min_height'])) {
            update_post_meta($post_id, 'aichatbotbuilder_container_min_height', absint(wp_unslash($_POST['aichatbotbuilder_container_min_height'])));
        }
        if (isset($_POST['aichatbotbuilder_input_bg_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_input_bg_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_input_bg_color'])));
        }
        if (isset($_POST['aichatbotbuilder_input_text_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_input_text_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_input_text_color'])));
        }
        if (isset($_POST['aichatbotbuilder_input_border_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_input_border_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_input_border_color'])));
        }
        if (isset($_POST['aichatbotbuilder_input_border_width'])) {
            update_post_meta($post_id, 'aichatbotbuilder_input_border_width', absint(wp_unslash($_POST['aichatbotbuilder_input_border_width'])));
        }
        if (isset($_POST['aichatbotbuilder_input_border_radius'])) {
            update_post_meta($post_id, 'aichatbotbuilder_input_border_radius', absint(wp_unslash($_POST['aichatbotbuilder_input_border_radius'])));
        }
        if (isset($_POST['aichatbotbuilder_button_bg_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_button_bg_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_button_bg_color'])));
        }
        if (isset($_POST['aichatbotbuilder_button_text_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_button_text_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_button_text_color'])));
        }
        if (isset($_POST['aichatbotbuilder_button_border_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_button_border_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_button_border_color'])));
        }
        if (isset($_POST['aichatbotbuilder_button_border_width'])) {
            update_post_meta($post_id, 'aichatbotbuilder_button_border_width', absint(wp_unslash($_POST['aichatbotbuilder_button_border_width'])));
        }
        if (isset($_POST['aichatbotbuilder_button_border_radius'])) {
            update_post_meta($post_id, 'aichatbotbuilder_button_border_radius', absint(wp_unslash($_POST['aichatbotbuilder_button_border_radius'])));
        }
        if (isset($_POST['aichatbotbuilder_clear_bg_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_clear_bg_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_clear_bg_color'])));
        }
        if (isset($_POST['aichatbotbuilder_clear_text_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_clear_text_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_clear_text_color'])));
        }
        if (isset($_POST['aichatbotbuilder_clear_border_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_clear_border_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_clear_border_color'])));
        }
        if (isset($_POST['aichatbotbuilder_clear_border_width'])) {
            update_post_meta($post_id, 'aichatbotbuilder_clear_border_width', absint(wp_unslash($_POST['aichatbotbuilder_clear_border_width'])));
        }
        if (isset($_POST['aichatbotbuilder_clear_border_radius'])) {
            update_post_meta($post_id, 'aichatbotbuilder_clear_border_radius', absint(wp_unslash($_POST['aichatbotbuilder_clear_border_radius'])));
        }
        if (isset($_POST['aichatbotbuilder_style_preset'])) {
            update_post_meta($post_id, 'aichatbotbuilder_style_preset', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_style_preset'])));
        }

        if (isset($_POST['aichatbotbuilder_greeting_message'])) {
            update_post_meta($post_id, 'aichatbotbuilder_greeting_message', sanitize_textarea_field(wp_unslash($_POST['aichatbotbuilder_greeting_message'])));
        }
        if (isset($_POST['aichatbotbuilder_greeting_bg_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_greeting_bg_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_greeting_bg_color'])));
        }
        if (isset($_POST['aichatbotbuilder_greeting_text_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_greeting_text_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_greeting_text_color'])));
        }
        if (isset($_POST['aichatbotbuilder_greeting_border_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_greeting_border_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_greeting_border_color'])));
        }
        if (isset($_POST['aichatbotbuilder_greeting_border_width'])) {
            update_post_meta($post_id, 'aichatbotbuilder_greeting_border_width', absint(wp_unslash($_POST['aichatbotbuilder_greeting_border_width'])));
        }
        if (isset($_POST['aichatbotbuilder_greeting_border_radius'])) {
            update_post_meta($post_id, 'aichatbotbuilder_greeting_border_radius', absint(wp_unslash($_POST['aichatbotbuilder_greeting_border_radius'])));
        }
        if (isset($_POST['aichatbotbuilder_header_title'])) {
            update_post_meta($post_id, 'aichatbotbuilder_header_title', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_header_title'])));
        }
        if (isset($_POST['aichatbotbuilder_header_subtitle'])) {
            update_post_meta($post_id, 'aichatbotbuilder_header_subtitle', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_header_subtitle'])));
        }
        if (isset($_POST['aichatbotbuilder_launcher_enabled'])) {
            update_post_meta($post_id, 'aichatbotbuilder_launcher_enabled', '1');
        } else {
            update_post_meta($post_id, 'aichatbotbuilder_launcher_enabled', '0');
        }
        if (isset($_POST['aichatbotbuilder_launcher_icon_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_launcher_icon_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_launcher_icon_color'])));
        }
        if (isset($_POST['aichatbotbuilder_launcher_bg_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_launcher_bg_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_launcher_bg_color'])));
        }
        if (isset($_POST['aichatbotbuilder_launcher_animation'])) {
            update_post_meta($post_id, 'aichatbotbuilder_launcher_animation', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_launcher_animation'])));
        }
        if (isset($_POST['aichatbotbuilder_typing_color'])) {
            update_post_meta($post_id, 'aichatbotbuilder_typing_color', sanitize_text_field(wp_unslash($_POST['aichatbotbuilder_typing_color'])));
        }
        // Save memory settings
        if (isset($_POST['aichatbotbuilder_memory_enabled'])) {
            update_post_meta($post_id, 'aichatbotbuilder_memory_enabled', '1');
        } else {
            update_post_meta($post_id, 'aichatbotbuilder_memory_enabled', '0');
        }
        if (isset($_POST['aichatbotbuilder_memory_length'])) {
            update_post_meta($post_id, 'aichatbotbuilder_memory_length', absint(wp_unslash($_POST['aichatbotbuilder_memory_length'])));
        }
    }
}