<?php

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

if (!current_user_can('manage_options')) {
    wp_die(esc_html__('You do not have sufficient permissions to access this page.', 'affililabs'));
}

affl_import(AFFILILABS_PLUGIN_CONSTANTS_PATH);
affl_import(AFFILILABS_CPT_PATH);

affl_import(AFFILILABS_NAVBAR_COMPONENT_FILE);
affl_import(AFFILILABS_BUTTON_COMPONENT_FILE);
affl_import(AFFILILABS_COMPARISON_TABLE_SERVICE_FILE);
affl_import(AFFILILABS_SERVICE_PRODUCT_FILE);
affl_import(AFFILILABS_SERVICE_CRITERIA_FILE);
affl_import(AFFILILABS_MODAL_COMPONENT_FILE);
affl_import(AFFILILABS_SPINNER_COMPONENT_FILE);
affl_import(AFFILILABS_VIDEO_FRAME_COMPONENT_FILE);

// Nonce verification
if (!isset($_GET['nonce']) || !wp_verify_nonce(sanitize_text_field(wp_unslash($_GET['nonce'])), 'affl_admin_nonce')) {
    wp_die(esc_html__('Security check failed.', 'affililabs'));
}
$list_id = isset($_GET['list_id']) ? intval($_GET['list_id']) : null;
$list_edit = new AFFLListEdit();
$list_edit->load_scripts($list_id);
$list_edit->render($list_id);

class AFFLListEdit {
    public function load_scripts($list_id = null) {
        wp_enqueue_style('affililabs-list-edit', AFFILILABS_LIST_EDIT_CSS_URL, array(), AFFILILABS_VERSION);
        wp_enqueue_script('affililabs-list-edit', AFFILILABS_LIST_EDIT_JS_URL, array('jquery'), AFFILILABS_VERSION, true);

        wp_localize_script('affililabs-list-edit', 'affililabs_list_edit', array(
            'nonce' => wp_create_nonce('affl_admin_nonce'),
            'list_id' => $list_id,
            'ajax_url' => admin_url('admin-ajax.php'),
            'i18n' => array(
                'list_name' => __('List Name', 'affililabs'),
                'products' => __('Products', 'affililabs'),
                'remove' => __('Remove', 'affililabs'),
                'select_product' => __('Select a product', 'affililabs'),
                'save_success_title' => __('Success', 'affililabs'),
                'save_success' => __('List saved successfully', 'affililabs'),
                'save_error_title' => __('Error', 'affililabs'),
                'save_error' => __('Error saving list', 'affililabs'),
                'save_error_unknown' => __('Unknown error', 'affililabs'),
                'save_error_server_connection_title' => __('Error', 'affililabs'),
                'save_error_server_connection_message' => __('Failed to connect to the server. Please try again later.', 'affililabs'),
                'import_category_error_no_id' => __('Please select a category', 'affililabs'),
                'import_tag_error_no_id' => __('Please select a tag', 'affililabs'),
                'import_category_error_no_products' => __('No products found in the selected category', 'affililabs'),
                'import_tag_error_no_products' => __('No products found in the selected tag', 'affililabs'),
                'import_category_error_no_products_title' => __('Error', 'affililabs'),
                'import_tag_error_no_products_title' => __('Error', 'affililabs'),
                'import_success_title' => __('Success', 'affililabs'),
                'import_success_products_imported' => __('Products imported successfully', 'affililabs'),
                'import_success_products_imported_post_message' => __("Don't forget to save your changes!", 'affililabs'),
                'import_success_products_imported_title' => __('Success', 'affililabs'),
                'import_error_title' => __('Error', 'affililabs'),
                'import_error_unknown' => __('Unknown error', 'affililabs'),
                'import_error_server_connection_title' => __('Error', 'affililabs'),
                'import_error_server_connection_message' => __('Failed to connect to the server. Please try again later.', 'affililabs'),
                'select_criteria' => __('Select Criteria', 'affililabs'),
                'selected_criteria_fields' => __('Selected Criteria Fields Preview', 'affililabs'),
                'no_criteria_selected' => __('No criteria selected.', 'affililabs'),
                'error_fetching_criteria_fields' => __('Error fetching fields for the selected criterion.', 'affililabs'),
                'apply_template' => __('Apply Template', 'affililabs'),
                'select_template' => __('Select a template', 'affililabs'),
                'no_template' => __('None', 'affililabs'),
                'ai_suggest_criteria_title' => esc_html__('AI Criteria Suggestions', 'affililabs'),
                'ai_suggest_criteria_loading' => esc_html__('Generating criteria suggestions...', 'affililabs'),
                'ai_suggest_criteria_error' => esc_html__('Could not get criteria suggestions. Please check your API key and try again.', 'affililabs'),
                'ai_suggest_criteria_no_suggestions' => esc_html__('No criteria suggestions found based on your selected products.', 'affililabs'),
                'ai_suggest_criteria_accept' => esc_html__('Accept', 'affililabs'),
                'ai_suggest_criteria_saving' => esc_html__('Saving suggested criterion...', 'affililabs'),
                'ai_suggest_criteria_save_success' => esc_html__('Suggested criterion saved successfully!', 'affililabs'),
                'ai_suggest_criteria_save_error' => esc_html__('Error saving suggested criterion.', 'affililabs'),
                'no_fields_defined' => esc_html__('No fields defined for this criterion.', 'affililabs'),
                'ai_suggest_criteria_save_list_first' => esc_html__('Please save the list first before requesting AI criteria suggestions.', 'affililabs'),
                'ai_suggest_criteria_category_label' => esc_html__('Category', 'affililabs'),
                'ai_suggest_criteria_fields_label' => esc_html__('Fields', 'affililabs'),
                'ai_suggest_criteria_replacing_label' => esc_html__('Replacing existing criteria', 'affililabs'),
            ),
        ));

        $products_data = AFFLProductService::get_all('any');
        $categories = get_terms(array(
            'taxonomy' => AFFILILABS_TAXONOMY_PRODUCT_CATEGORY,
            'hide_empty' => false,
        ));

        $criteria_data = [];
        if (class_exists('AFFLCriteriaService')) {
            $criteria_data = AFFLCriteriaService::get_all();
        } else {
             AFFL_LoggerService::log('AFFLCriteriaService not found in AFFLListEdit::load_scripts', 'ERROR');
        }

        $templates_data = get_posts(array(
            'post_type' => AFFILILABS_CPT_TEMPLATE,
            'posts_per_page' => -1,
            'post_status' => 'publish',
            'meta_query' => array(
                array(
                    'key' => AFFILILABS_META_KEY_TEMPLATE_TYPE,
                    'value' => 'comparison_table',
                    'compare' => '=',
                ),
            ),
        ));
        $formatted_templates = array_map(function($post) {
            return ['id' => $post->ID, 'title' => $post->post_title];
        }, $templates_data);


        wp_localize_script(
            'affililabs-list-edit',
            'affl_list_edit_data',
            array(
                'products' => $products_data,
                'categories' => $categories,
                'criteria' => $criteria_data,
                'templates' => $formatted_templates,
            )
        );
    }

    public function render($list_id=null) {
        $list_details = array();

        if ($list_id) {
            try {
                $list_details = AFFLComparisonTableService::get_table_data($list_id);
            } catch (Exception $e) {
                AFFL_LoggerService::log("Error fetching list data for ID " . esc_html($list_id) . ": " . esc_html($e->getMessage()), 'ERROR');
                $list_id = null;
            }
        }

        if (empty($list_details)) {
            $list_details = array(
                'id' => null,
                'title' => '',
                'list_description' => '',
                'products' => [],
                'criteria_ids' => [],
                'linked_criteria_details' => [],
                'applied_template_id' => null,
                'tiers' => array(
                    'best_price' => null,
                    'best_quality' => null,
                    'best_cost_benefit' => null,
                ),
            );
        }

        $navbar = new AffiliLabs_Navbar();
        $navbar->load_scripts();
        $button = new AffiliLabs_Button();
        $modal = new AffiliLabs_Modal();
        $modal->load_scripts();
        $modal->init();
        $spinner = new AffiliLabs_Spinner();
        $spinner->load_scripts();
        $spinner->init();
        $video_frame = new AffiliLabs_VideoFrame();
        $video_frame->load_scripts();
        $video_frame->init();

        ?>
        <div class="affililabs-plugin-list-edit">
            <div class="affililabs-plugin-list-edit__navbar-wrapper">
                <?php $navbar->render(); ?>
            </div>

            <main class="affililabs-plugin-list-edit__main">
                <!-- Page Header -->
                <header class="affililabs-plugin-list-edit__header">
                    <div class="affililabs-plugin-list-edit__header-title">
                        <a href="<?php affl_print(esc_url(admin_url('admin.php?page=affililabs-lists'))); ?>" class="affililabs-plugin-list-edit__back-button" title="<?php affl_print(esc_attr__('Back to Lists', 'affililabs')); ?>">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg>
                        </a>
                        <h1><?php affl_print($list_id ? esc_html__('Edit List', 'affililabs') : esc_html__('Add New List', 'affililabs')); ?></h1>
                        <a href="<?php affl_print(esc_url(admin_url('admin.php?page=affililabs'))); ?>" class="affililabs-plugin__header-stats-button">
                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>
                             <?php affl_print(esc_html__('See your stats', 'affililabs')); ?>
                        </a>
                    </div>
                    <div class="affililabs-plugin-list-edit__header-actions">
                        <button class="affililabs-plugin__header-save-button affililabs-plugin-list-edit__save-button-header">
                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg>
                             <?php affl_print(esc_html__('Save List', 'affililabs')); ?>
                        </button>
                    </div>
                </header>

                <!-- Intro Banner -->
                <section class="affililabs-plugin-list-edit__intro">
                    <div class="affililabs-plugin-list-edit__intro__text">
                        <h2><?php affl_print(esc_html($list_id ? __("Optimize your List", 'affililabs') : __("Configure your List", 'affililabs'))); ?></h2>
                        <p class="affililabs-plugin-list-edit__intro__description"><?php affl_print(esc_html__('Create powerful lists to showcase products side by side. Help your visitors make informed purchasing decisions with easy-to-read comparison data.', 'affililabs')); ?></p>
                        <div class="affililabs-plugin-list-edit__intro__actions">
                            <?php $button->render(__('See all Lists', 'affililabs'), esc_url(admin_url('admin.php?page=affililabs-lists')), AFFILILABS_ASSETS_COPY_SVG); ?>
                        </div>
                    </div>
                    <div class="affililabs-plugin-list-edit__intro__video">
                        <?php $video_frame->render(''); ?>
                    </div>
                </section>

                <section class="affililabs-plugin-list-edit__config">
                    <ul class="affililabs-plugin-list-edit__config__tabs">
                        <li class="affililabs-plugin-list-edit__config__tab affililabs-plugin-list-edit__config__tab--active" data-tab="basic"><?php affl_print(esc_html__('BASICS', 'affililabs')); ?></li>
                        <li class="affililabs-plugin-list-edit__config__tab" data-tab="products"><?php affl_print(esc_html__('PRODUCTS', 'affililabs')); ?></li>
                        <li class="affililabs-plugin-list-edit__config__tab" data-tab="criteria"><?php affl_print(esc_html__('CRITERIA', 'affililabs')); ?></li>
                        <li class="affililabs-plugin-list-edit__config__tab" data-tab="template"><?php affl_print(esc_html__('TEMPLATE', 'affililabs')); ?></li>
                        <li class="affililabs-plugin-list-edit__config__tab" data-tab="tiers"><?php affl_print(esc_html__('TIERS', 'affililabs')); ?></li>
                    </ul>

                    <!-- Basics Tab -->
                    <div class="affililabs-plugin-list-edit__config__tab-content affililabs-plugin-list-edit__config__tab-content--active" data-tab-content="basic">
                        <h2><?php affl_print(esc_html__('Basic Information', 'affililabs')); ?></h2>
                        <input type="hidden" id="list-id" name="list_id" value="<?php affl_print(esc_attr($list_details['id'] ?? '')); ?>">
                        
                        <div class="affililabs-plugin-list-edit__config__field">
                            <label for="list-title"><?php affl_print(esc_html__('List Name', 'affililabs')); ?></label>
                            <input type="text" id="list-title" name="list_title" value="<?php affl_print(esc_attr($list_details['title'] ?? '')); ?>" required>
                        </div>
                        
                        <div class="affililabs-plugin-list-edit__config__field">
                            <label for="list-description"><?php affl_print(esc_html__('List Description', 'affililabs')); ?></label>
                            <textarea id="list-description" name="list_description" rows="4"><?php affl_print(esc_textarea($list_details['list_description'] ?? '')); ?></textarea>
                        </div>
                        
                        <button class="affililabs-plugin__button affililabs-plugin__list-save-button" data-save-tab="basic"><?php affl_print(esc_html__('Save Settings', 'affililabs')); ?></button>
                    </div>

                    <!-- Products Tab -->
                    <div class="affililabs-plugin-list-edit__config__tab-content" data-tab-content="products">
                        <h2><?php affl_print(esc_html__('Products Configuration', 'affililabs')); ?></h2>

                        <div class="affililabs-plugin-list-edit__config__card affililabs-plugin-list-edit__import-card">
                            <h3><?php affl_print(esc_html__('Import Products', 'affililabs')); ?></h3>
                            <div class="affililabs-plugin-list-edit__import-tools">
                                <div class="affililabs-plugin-list-edit__import-section">
                                    <h4><?php affl_print(esc_html__('From Category', 'affililabs')); ?></h4>
                                    <select id="import-from-category" class="affililabs-plugin__select affl-w-100">
                                        <option value=""><?php affl_print(esc_html__('Select category...', 'affililabs')); ?></option>
                                        <?php
                                        $categories = get_terms(array('taxonomy' => AFFILILABS_TAXONOMY_PRODUCT_CATEGORY, 'hide_empty' => false));
                                        foreach ($categories as $category) {
                                            affl_print('<option value="' . esc_attr($category->term_id) . '">' . esc_html($category->name) . '</option>');
                                        }
                                        ?>
                                    </select>
                                    <button type="button" id="import-category-button" class="affililabs-plugin__button affililabs-plugin__button--secondary affililabs-plugin-list-edit__import-button"><?php affl_print(esc_html__('Import', 'affililabs')); ?></button>
                                </div>

                                <div class="affililabs-plugin-list-edit__import-section">
                                    <h4><?php affl_print(esc_html__('From Tags', 'affililabs')); ?></h4>
                                    <select id="import-from-tag" class="affililabs-plugin__select affl-w-100">
                                        <option value=""><?php affl_print(esc_html__('Select tag...', 'affililabs')); ?></option>
                                        <?php
                                        $args = array('post_type' => AFFILILABS_CPT_PRODUCT, 'post_status' => 'publish', 'posts_per_page' => -1);
                                        $products_posts = get_posts($args);
                                        $tags = array();
                                        foreach ($products_posts as $product_post) {
                                            $product_tags = wp_get_post_tags($product_post->ID);
                                            foreach ($product_tags as $tag) { $tags[$tag->term_id] = $tag->name; }
                                        }
                                        foreach ($tags as $tag_id => $tag_name) {
                                            affl_print('<option value="' . esc_attr($tag_id) . '">' . esc_html($tag_name) . '</option>');
                                        }
                                        ?>
                                    </select>
                                    <button type="button" id="import-tag-button" class="affililabs-plugin__button affililabs-plugin__button--secondary affililabs-plugin-list-edit__import-button"><?php affl_print(esc_html__('Import', 'affililabs')); ?></button>
                                </div>
                            </div>
                        </div>

                        <div class="affililabs-plugin-list-edit__products-header">
                            <h3><?php affl_print(esc_html__('Selected Products', 'affililabs')); ?></h3>
                            <div class="affililabs-plugin-list-edit__filters">
                                <div class="affililabs-plugin__search-container">
                                    <input id="list-product-search" type="text" class="affililabs-plugin__search" placeholder="<?php affl_print(esc_html__('Search selected products...', 'affililabs')); ?>">
                                </div>
                                <div class="affililabs-plugin__dropdown-filters">
                                      <select id="list-product-sort" class="affililabs-plugin__filter-select">
                                          <option value="default"><?php affl_print(esc_html__('Default Order', 'affililabs')); ?></option>
                                          <option value="name-asc"><?php affl_print(esc_html__('Name (A-Z)', 'affililabs')); ?></option>
                                          <option value="name-desc"><?php affl_print(esc_html__('Name (Z-A)', 'affililabs')); ?></option>
                                          <option value="price-asc"><?php affl_print(esc_html__('Price (Low to High)', 'affililabs')); ?></option>
                                          <option value="price-desc"><?php affl_print(esc_html__('Price (High to Low)', 'affililabs')); ?></option>
                                          <option value="rating-desc"><?php affl_print(esc_html__('Rating (High to Low)', 'affililabs')); ?></option>
                                          <option value="rating-asc"><?php affl_print(esc_html__('Rating (Low to High)', 'affililabs')); ?></option>
                                      </select>
                                      <select id="list-product-filter" class="affililabs-plugin__filter-select">
                                          <option value=""><?php affl_print(esc_html__('All Products', 'affililabs')); ?></option>
                                          <?php
                                          $categories = get_terms(array('taxonomy' => AFFILILABS_TAXONOMY_PRODUCT_CATEGORY, 'hide_empty' => false));
                                          if (!empty($categories)): ?>
                                              <optgroup label="<?php affl_print(esc_html__('Categories', 'affililabs')); ?>">
                                                  <?php foreach ($categories as $category): ?>
                                                      <option value="category-<?php affl_print(esc_attr($category->term_id)); ?>"><?php affl_print(esc_html($category->name)); ?></option>
                                                  <?php endforeach; ?>
                                              </optgroup>
                                          <?php endif; ?>
                                          <?php
                                          $marketplaces_args = array('post_type' => AFFILILABS_CPT_MARKETPLACE, 'posts_per_page' => -1);
                                          $marketplaces_query = new WP_Query($marketplaces_args);
                                          foreach ($marketplaces_query->posts as $marketplace): ?>
                                              <option value="marketplace-<?php affl_print(esc_attr($marketplace->ID)); ?>"><?php affl_print(esc_html($marketplace->post_title)); ?></option>
                                          <?php endforeach; ?>
                                      </select>
                                </div>
                            </div>
                        </div>

                        <div id="list-selected-products" class="affililabs-plugin-list-edit__card-grid">
                            <!-- Products will be dynamically moved here by JS -->
                             <?php
                             $selected_products = $list_details['products'] ?? [];
                             $products = get_posts(array('post_type' => AFFILILABS_CPT_PRODUCT, 'posts_per_page' => -1, 'post_status' => 'any'));
                             $selected_product_ids = array_column($selected_products, 'id');
                             
                             foreach ($products as $product):
                                 $checked = in_array($product->ID, $selected_product_ids) ? 'checked' : '';
                                 $post = get_post($product);
                                 $product_rating = get_post_meta($post->ID, AFFILILABS_META_KEY_RATING, true);
                                 $product_price = get_post_meta($post->ID, AFFILILABS_META_KEY_PRICE, true);
                                 $price_currency = get_post_meta($post->ID, AFFILILABS_META_KEY_PRICE_CURRENCY, true) ?? '$';
                                 $marketplace_id = get_post_meta($post->ID, AFFILILABS_META_KEY_MARKETPLACE, true);
                                 $category_ids = wp_get_post_terms($post->ID, AFFILILABS_TAXONOMY_PRODUCT_CATEGORY, ['fields' => 'ids']);
                                 $category_name = !is_wp_error($category_ids) && !empty($category_ids) ? get_term($category_ids[0])->name : '';
                                 $image_url = get_the_post_thumbnail_url($post->ID) ?: AFFILILABS_DEFAULT_PRODUCT_IMAGE;
                                 ?>
                                 <div class="affililabs-plugin-list-edit__product-card <?php affl_print($checked ? 'is-selected' : ''); ?>" 
                                      data-product-id="<?php affl_print(esc_attr($post->ID)); ?>"
                                      data-product-name="<?php affl_print(esc_attr($post->post_title)); ?>"
                                      data-product-price="<?php affl_print(esc_attr($product_price)); ?>"
                                      data-rating="<?php affl_print(esc_attr($product_rating)); ?>"
                                      data-marketplace-id="<?php affl_print(esc_attr($marketplace_id)); ?>"
                                      data-category-ids="<?php affl_print(esc_attr(implode(',', $category_ids))); ?>">
                                     
                                     <div class="affililabs-plugin-list-edit__product-card-checkbox">
                                         <input type="checkbox" id="product-<?php affl_print(esc_attr($product->ID)); ?>" value="<?php affl_print(esc_attr($product->ID)); ?>" <?php affl_print($checked); ?> />
                                         <label for="product-<?php affl_print(esc_attr($product->ID)); ?>"></label>
                                     </div>

                                     <div class="affililabs-plugin-list-edit__product-card-image">
                                         <img src="<?php affl_print(esc_url($image_url)); ?>" alt="">
                                     </div>

                                     <div class="affililabs-plugin-list-edit__product-card-details">
                                         <strong><?php affl_print(esc_html($post->post_title)); ?></strong>
                                         <span class="price"><?php affl_print(esc_html($price_currency . $product_price)); ?></span>
                                         <?php if($category_name): ?><span class="category"><?php affl_print(esc_html($category_name)); ?></span><?php endif; ?>
                                     </div>
                                 </div>
                             <?php endforeach; ?>
                        </div>

                        <button class="affililabs-plugin__button affililabs-plugin__list-save-button" data-save-tab="products"><?php affl_print(esc_html__('Save Settings', 'affililabs')); ?></button>
                    </div>

                    <!-- Criteria Tab -->
                    <div class="affililabs-plugin-list-edit__config__tab-content" data-tab-content="criteria">
                        <h2><?php affl_print(esc_html__('Criteria Configuration', 'affililabs')); ?></h2>
                        
                        <div class="affililabs-plugin-list-edit__ai-action-area">
                            <div id="ai-suggest-criteria-button" class="affililabs-plugin-list-edit__ai-purple-btn affililabs-tooltip" aria-label="<?php affl_print(esc_attr(__('Suggest new criteria or replace current with AI', 'affililabs'))); ?>">
                                <div class="affililabs-plugin-list-edit__ai-purple-btn-content">
                                    <svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 32 32" fill="none" stroke="white" class="affililabs-plugin-list-edit__ai-purple-btn-icon">
                                        <style type="text/css"> .st-white{fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} </style>
                                        <g> <path class="st-white" d="M17.9,9.9c-4.6,0.9-6,2.3-6.9,6.9c-0.9-4.6-2.3-6-6.9-6.9C8.7,9,10.1,7.6,11,3C11.9,7.6,13.3,9,17.9,9.9z"/> </g>
                                        <g> <path class="st-white" d="M21.8,25c-3.2,0.6-4.1,1.6-4.8,4.8c-0.6-3.2-1.6-4.1-4.8-4.8c3.2-0.6,4.1-1.6,4.8-4.8 C17.6,23.4,18.6,24.4,21.8,25z"/> </g>
                                        <g> <path class="st-white" d="M29,15c-2.6,0.5-3.4,1.3-3.9,3.9c-0.5-2.6-1.3-3.4-3.9-3.9c2.6-0.5,3.4-1.3,3.9-3.9C25.6,13.7,26.4,14.5,29,15 z"/> </g>
                                    </svg>
                                    <span><?php affl_print(esc_html__('AI Assistant: Suggest Criteria', 'affililabs')); ?></span>
                                </div>
                                <div class="affililabs-plugin-list-edit__ai-purple-btn-shine"></div>
                            </div>
                        </div>

                        <div id="ai-criteria-suggestions-container" class="affililabs-plugin-list-edit__ai-suggestions" style="display: none;">
                            <div class="affililabs-plugin-list-edit__ai-suggestions-header">
                                <h3><?php affl_print(esc_html(__('AI Criteria Suggestions', 'affililabs'))); ?></h3>
                                <button id="close-ai-criteria-suggestions" class="affililabs-plugin-list-edit__ai-suggestions-close">&times;</button>
                            </div>
                            <div id="ai-criteria-suggestions-content">
                                <p class="ai-loading-message"><?php affl_print(esc_html(__('Generating suggestions...', 'affililabs'))); ?></p>
                            </div>
                        </div>

                        <div class="affililabs-plugin-list-edit__config__field">
                            <h3><?php affl_print(esc_html__('Select Criteria', 'affililabs')); ?></h3>
                            <div id="list-criteria-selection" class="affililabs-plugin-list-edit__config__grid">
                                <?php
                                $selected_criteria_ids = $list_details['criteria_ids'] ?? [];
                                $all_criteria = get_posts(['post_type' => AFFILILABS_CPT_CRITERION, 'posts_per_page' => -1, 'post_status' => 'publish']);
                                
                                foreach ($all_criteria as $criterion) {
                                    $checked = in_array($criterion->ID, $selected_criteria_ids) ? 'checked' : '';
                                    ?>
                                    <div class="affililabs-plugin-list-edit__config__field-card">
                                        <input type="checkbox" class="affililabs-plugin-list-edit__config__criteria-checkbox" id="criterion-<?php affl_print(esc_attr($criterion->ID)); ?>" name="list_criteria_ids[]" value="<?php affl_print(esc_attr($criterion->ID)); ?>" <?php affl_print($checked); ?> />
                                        <label for="criterion-<?php affl_print(esc_attr($criterion->ID)); ?>"><?php affl_print(esc_html($criterion->post_title)); ?></label>
                                    </div>
                                    <?php
                                }
                                ?>
                            </div>
                        </div>

                        <div class="affililabs-plugin-list-edit__config__field">
                            <h3><?php affl_print(esc_html__('Selected Criteria Fields Preview', 'affililabs')); ?></h3>
                            <div id="selected-criteria-fields-preview" class="affililabs-plugin-list-edit__criteria-preview">
                                <p class="no-selection-message"><?php affl_print(esc_html(__('No criteria selected.', 'affililabs'))); ?></p>
                            </div>
                        </div>
                        
                        <button class="affililabs-plugin__button affililabs-plugin__list-save-button" data-save-tab="criteria"><?php affl_print(esc_html__('Save Settings', 'affililabs')); ?></button>
                    </div>

                    <!-- Template Tab -->
                    <div class="affililabs-plugin-list-edit__config__tab-content" data-tab-content="template">
                        <h2><?php affl_print(esc_html__('Template Configuration', 'affililabs')); ?></h2>
                        <div class="affililabs-plugin-list-edit__config__field">
                            <label for="list-template-select"><?php affl_print(esc_html__('Apply Template', 'affililabs')); ?></label>
                            <select id="list-template-select" name="applied_template_id" class="affililabs-plugin__select">
                                <option value=""><?php affl_print(esc_html__('None', 'affililabs')); ?></option>
                                <?php
                                $templates = get_posts(['post_type' => AFFILILABS_CPT_TEMPLATE, 'posts_per_page' => -1, 'post_status' => 'publish', 'meta_query' => [['key' => AFFILILABS_META_KEY_TEMPLATE_TYPE, 'value' => 'comparison_table']]]);
                                $current_template_id = $list_details['applied_template_id'] ?? null;
                                foreach ($templates as $template) {
                                    $selected = selected($current_template_id, $template->ID, false);
                                    affl_print('<option value="' . esc_attr($template->ID) . '" ' . $selected . '>' . esc_html($template->post_title) . '</option>');
                                }
                                ?>
                            </select>
                        </div>
                        <button class="affililabs-plugin__button affililabs-plugin__list-save-button" data-save-tab="template"><?php affl_print(esc_html__('Save Settings', 'affililabs')); ?></button>
                    </div>

                    <!-- Tiers Tab -->
                    <div class="affililabs-plugin-list-edit__config__tab-content" data-tab-content="tiers">
                        <h2><?php affl_print(esc_html__('Tiers Configuration', 'affililabs')); ?></h2>
                        <p><?php affl_print(esc_html__('Set tier badges to highlight the best products in your list.', 'affililabs')); ?></p>

                        <div class="affililabs-plugin-list-edit__config__field">
                            <label><?php affl_print(esc_html__('Best Price', 'affililabs')); ?></label>
                            <select name="tier_best_price" class="affililabs-plugin__select tier-product-select">
                                <option value=""><?php affl_print(esc_html__('Select product...', 'affililabs')); ?></option>
                            </select>
                        </div>

                        <div class="affililabs-plugin-list-edit__config__field">
                            <label><?php affl_print(esc_html__('Best Quality', 'affililabs')); ?></label>
                            <select name="tier_best_quality" class="affililabs-plugin__select tier-product-select">
                                <option value=""><?php affl_print(esc_html__('Select product...', 'affililabs')); ?></option>
                            </select>
                        </div>

                        <div class="affililabs-plugin-list-edit__config__field">
                            <label><?php affl_print(esc_html__('Best Cost-Benefit', 'affililabs')); ?></label>
                            <select name="tier_best_cost_benefit" class="affililabs-plugin__select tier-product-select">
                                <option value=""><?php affl_print(esc_html__('Select product...', 'affililabs')); ?></option>
                            </select>
                        </div>

                        <button class="affililabs-plugin__button affililabs-plugin__list-save-button" data-save-tab="tiers"><?php affl_print(esc_html__('Save Settings', 'affililabs')); ?></button>
                    </div>
                </section>
            </main>
        </div>
        <?php
    }
}