<?php
// If this file is called directly, abort.
if (!defined('ABSPATH')) {
    exit;
}

/**
 * Settings field callbacks and accordion/section helpers extracted from Metasync_Admin.
 *
 * @package    Metasync
 * @subpackage Metasync/includes
 */
class Metasync_Settings_Fields {

    private static $instance = null;

    /**
     * Reference to the admin instance for callbacks to non-extracted admin methods.
     *
     * @var Metasync_Admin|null
     */
    private $admin_instance = null;

    private function __construct() {}

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

    /**
     * Inject the admin instance so callbacks to non-extracted methods still work.
     *
     * @param Metasync_Admin $admin
     */
    public function set_admin_instance($admin) {
        $this->admin_instance = $admin;
    }

    // ────────────────────────────────────────────────────────────────
    //  Accordion / Section helpers
    // ────────────────────────────────────────────────────────────────

    public function get_accordion_sections_config() {
        // Consent switch for writing into other SEO plugins. Loaded here rather
        // than through the committed classmap so a stale autoload map can never
        // make the switch — and with it the user's only way to stop those
        // writes — silently disappear from the page.
        require_once plugin_dir_path(dirname(__FILE__)) . 'admin/class-metasync-seo-sync-settings.php';

        $sections = array(
            'connection' => array(
                'title' => 'Connection & Authentication',
                'description' => 'Manage your API connection and authentication settings',
                'icon' => 'admin-network',
                'priority' => 10,
                'default_open' => true,
                'fields' => array(
                    'searchatlas_api_key',
                    'apikey'
                )
            ),
            'otto_ssr' => array(
                'title' => Metasync::get_whitelabel_otto_name() . ' Server-Side Rendering',
                'description' => 'Configure ' . Metasync::get_whitelabel_otto_name() . ' rendering and display options',
                'icon' => 'performance',
                'priority' => 20,
                'default_open' => false, 
                'fields' => array(
                    'otto_pixel_uuid',
                    'otto_disable_on_loggedin',
                    'otto_disable_preview_button',
                    'seo_priority',
                    'otto_wp_rocket_compat',
                    'otto_sg_optimizer_compat',
                    'bookingpress_session_compat',
                )
            ),
            'edge_cache' => array(
                'title' => 'Edge Cache / CDN',
                'description' => 'Configure CDN credentials for cache-tag purging',
                'icon' => 'admin-site-alt3',
                'priority' => 22,
                'default_open' => false,
                'render_callback' => array('Metasync_Edge_Cache_Settings', 'render'),
            ),
            'seo_plugin_sync' => array(
                'title' => 'Sync to Other SEO Plugins',
                'description' => 'Control whether ' . Metasync::get_whitelabel_otto_name() . '\'s SEO values are written into Yoast, Rank Math or All in One SEO',
                'icon' => 'update',
                'priority' => 23,
                'default_open' => false,
                'render_callback' => array('Metasync_Seo_Sync_Settings', 'render'),
            ),
            'bot_detection' => array(
                'title' => 'Bot Detection & Filtering',
                'description' => 'Manage bot traffic and reduce unnecessary API calls',
                'icon' => 'filter',
                'priority' => 25,
                'default_open' => false,
                'fields' => array(
                    'otto_disable_for_bots',
                    'otto_bot_whitelist',
                    'otto_bot_blacklist',
                    'otto_bot_statistics_link'
                )
            ),
            'open_graph' => array(
                'title' => 'Open Graph',
                'description' => 'Control which Open Graph and article meta tags are output',
                'icon' => 'share',
                'priority' => 38,
                'default_open' => false,
                'fields' => array(
                    'og_image_dimensions',
                    'article_timestamps',
                    'article_author',
                    'article_section',
                    'article_tags',
                    'twitter_image_alt'
                )
            ),
            'editor_settings' => array(
                'title' => 'Post/Page Editor Settings',
                'description' => 'Customize meta boxes and editor functionality',
                'icon' => 'edit',
                'priority' => 40,
                'default_open' => false,
                'fields' => array(
                    'disable_common_robots_metabox',
                    'disable_advance_robots_metabox',
                    'disable_redirection_metabox',
                    'disable_canonical_metabox',
                    'disable_social_opengraph_metabox',
                    'disable_schema_markup_metabox',
                    'disable_language_alternates_metabox',
                    'disable_seo_metabox',
                    'open_external_links'
                )
            ),
            'user_management' => array(
                'title' => 'User Management for Content',
                'description' => 'Configure which users are allowed to be authors of content synced.',
                'icon' => 'groups',
                'priority' => 50,
                'default_open' => false,
                'fields' => array(
                    'content_genius_sync_roles'
                )
            ),
            'content_rendering' => array(
                'title' => 'Content Rendering',
                'description' => 'Configure how synced content is stored and rendered by your page builder',
                'icon' => 'admin-appearance',
                'priority' => 55,
                'default_open' => false,
                'fields' => array(
                    'default_page_builder'
                )
            ),
            'llms_txt' => array(
                'title' => 'LLMs.txt',
                'description' => 'Publish a standards-compliant /llms.txt so AI search engines and assistants can discover your content',
                'icon' => 'media-text',
                'priority' => 56,
                'default_open' => false,
                'render_callback' => array($this, 'render_llms_txt_section'),
            ),
            'advanced' => array(
                'title' => 'Plugin Settings',
                'description' => 'System configuration and maintenance options',
                'icon' => 'admin-settings',
                'priority' => 60,
                'default_open' => false,
                'fields' => array(
                    'permalink_structure',
                    'hide_dashboard_framework',
                    'show_admin_bar_status',
                    'import_external_data'
                )
            )
        );

        // Hidden only when there is nothing to say: no SEO plugin installed, the
        // switch off, and no saved originals. It is never hidden by the
        // access-control or whitelabel flags that can conceal Advanced Settings
        // — a switch that rewrites another plugin's data must stay reachable.
        if (!Metasync_Seo_Sync_Settings::should_display()) {
            unset($sections['seo_plugin_sync']);
        }

        return $sections;
    }

    public function get_advanced_accordion_config() {
        $config = array();
        
        $user = wp_get_current_user();
        if (in_array('administrator', (array) $user->roles)) {
            $config['plugin_access'] = array(
                'title' => 'User Roles with Plugin Access',
                'description' => 'Control which user roles can see and access this plugin',
                'icon' => 'admin-users',
                'priority' => 5,
                'default_open' => false,
                'render_callback' => array($this, 'render_plugin_access_roles_section')
            );
        }

        $config['debug_mode'] = array(
            'title' => 'Debug Mode',
            'description' => 'Manage debug mode with automatic disable and safety limits',
            'icon' => 'info',
            'priority' => 8,
            'default_open' => false,
            'render_callback' => array($this->admin_instance, 'render_debug_mode_section')
        );

        $config['headless_mode'] = array(
            'title' => 'Headless Mode',
            'description' => 'Connect WordPress content to a separate public frontend',
            'icon' => 'admin-site-alt3',
            'priority' => 29,
            'default_open' => false,
            'render_callback' => array(Metasync_Settings_Registration::instance(), 'render_headless_mode_section')
        );

        $config['error_logs'] = array(
            'title' => 'Error Logs',
            'description' => 'View and manage error logs to troubleshoot issues',
            'icon' => 'warning',
            'priority' => 10,
            'default_open' => true,
            'render_callback' => array($this->admin_instance, 'render_error_log_content')
        );
        
        $config['execution_settings'] = array(
            'title' => 'Execution Settings',
            'description' => 'Configure resource limits and execution parameters',
            'icon' => 'controls-play',
            'priority' => 15,
            'default_open' => false,
            'render_callback' => array($this, 'render_execution_settings_section')
        );
        
        $config['otto_cache'] = array(
            'title' => 'Cache Management',
            'description' => 'Manage ' . Metasync::get_whitelabel_otto_name() . ' cache and clear all cache plugins',
            'icon' => 'database',
            'priority' => 20,
            'default_open' => false,
            'render_callback' => array($this->admin_instance, 'render_otto_cache_management')
        );
        
        $config['db_cleanup'] = array(
            'title' => 'Database Cleanup',
            'description' => 'Remove orphaned data and schedule automated weekly cleanup',
            'icon' => 'trash',
            'priority' => 25,
            'default_open' => false,
            'render_callback' => array($this->admin_instance, 'render_db_cleanup_section')
        );

        $config['performance'] = array(
            'title' => 'Performance & CPU Load',
            'description' => 'Configure CPU load thresholds to prevent processing during peak server load',
            'icon' => 'chart-line',
            'priority' => 27,
            'default_open' => false,
            'render_callback' => array($this->admin_instance, 'render_cpu_monitor_section')
        );

        $config['reset_settings'] = array(
            'title' => 'Reset Plugin Settings',
            'description' => 'Reset all plugin settings to default values',
            'icon' => 'update',
            'priority' => 30,
            'default_open' => false,
            'render_callback' => array($this, 'render_reset_settings_section')
        );
        
        return $config;
    }

    public function render_advanced_accordion() {
        $sections_config = $this->get_advanced_accordion_config();

        uasort($sections_config, function($a, $b) {
            return $a['priority'] - $b['priority'];
        });

        echo '<div class="metasync-settings-accordion">';

        foreach ($sections_config as $section_key => $section_data) {
            $section_id = 'metasync-advanced-section-' . $section_key;
            $is_open = $section_data['default_open'];
            $aria_expanded = $is_open ? 'true' : 'false';
            $content_state = $is_open ? 'open' : 'closed';

            echo '<div class="metasync-accordion-section" data-section="' . esc_attr($section_key) . '">';

            echo '<div class="metasync-accordion-header" role="button" tabindex="0" aria-expanded="' . esc_attr($aria_expanded) . '" aria-controls="' . esc_attr($section_id) . '">';
            echo '<div class="metasync-accordion-title">';
            echo '<span class="metasync-accordion-icon"><span class="dashicons dashicons-' . esc_attr($section_data['icon']) . '"></span></span>';
            echo '<div class="metasync-accordion-text">';
            echo '<h3>' . esc_html($section_data['title']) . '</h3>';
            echo '<p class="metasync-accordion-description">' . esc_html($section_data['description']) . '</p>';
            echo '</div>';
            echo '</div>';
            echo '<button type="button" class="metasync-accordion-toggle" aria-label="Toggle section">';
            echo '<span class="toggle-icon">▼</span>';
            echo '</button>';
            echo '</div>';

            echo '<div class="metasync-accordion-content" id="' . esc_attr($section_id) . '" data-state="' . esc_attr($content_state) . '">';

            if (isset($section_data['render_callback']) && is_callable($section_data['render_callback'])) {
                call_user_func($section_data['render_callback']);
            }

            echo '</div>';
            echo '</div>';
        }

        echo '</div>';
    }

    public function render_reset_settings_section() {
        ?>
        <div style="background: var(--dashboard-card-bg); padding: 20px; border-radius: 8px;">
            <div style="background: rgba(255, 243, 205, 0.1); border: 1px solid rgba(255, 234, 167, 0.3); border-radius: 8px; padding: 20px; margin-bottom: 20px;">
                <h4 style="color: var(--dashboard-warning, #f59e0b); margin: 0 0 12px 0; display: flex; align-items: center; gap: 8px;">
                    <span class="dashicons dashicons-warning" style="color:var(--dashboard-warning,#f59e0b);font-size:18px;width:18px;height:18px;"></span>
                    <span>Important Warning</span>
                </h4>
                <p style="color: var(--dashboard-text-secondary); margin: 0 0 12px 0;">This action will permanently delete:</p>
                <ul style="color: var(--dashboard-text-secondary); margin: 0 0 12px 20px; line-height: 1.8;">
                    <li>All API keys and authentication tokens</li>
                    <li>White label branding settings</li>
                    <li>Plugin configuration and preferences</li>
                    <li>Instant indexing settings</li>
                    <li>Media optimization settings and cache</li>
                    <li>Code minification settings</li>
                    <li>All cached data and crawl information</li>
                </ul>
                <p style="color: var(--dashboard-warning, #f59e0b); margin: 0; font-weight: 600;">You will need to reconfigure the plugin completely after this reset.</p>
            </div>
            <form method="post" action="" onsubmit="return confirmClearSettings(event)">
                <?php wp_nonce_field('metasync_clear_all_settings_nonce', 'clear_all_settings_nonce'); ?>
                <input type="hidden" name="clear_all_settings" value="yes" />
                <button type="submit" class="metasync-btn-danger" style="background: var(--dashboard-error, #ef4444); color: #ffffff; border: none; padding: 10px 20px; border-radius: 8px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);" onmouseover="this.style.background='#dc2626'; this.style.transform='translateY(-2px)'; this.style.boxShadow='0 4px 8px rgba(239, 68, 68, 0.3)';" onmouseout="this.style.background='var(--dashboard-error, #ef4444)'; this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(239, 68, 68, 0.2)';">
                    <span class="dashicons dashicons-trash" style="margin-top:3px;font-size:15px;width:15px;height:15px;"></span> Clear All Settings
                </button>
            </form>
        </div>
        <div style="background: var(--dashboard-card-bg); padding: 20px; border-radius: 8px; margin-top: 20px;">
            <h4 style="color: var(--dashboard-text-primary, #1e1e1e); margin: 0 0 12px 0; display: flex; align-items: center; gap: 8px;">
                <span class="dashicons dashicons-universal-access-alt" style="font-size:18px;width:18px;height:18px;"></span>
                <span>Delete data on uninstall</span>
            </h4>
            <p style="color: var(--dashboard-text-secondary); margin: 0 0 12px 0;">
                By default, deleting the plugin keeps your data: sitemap and redirection settings, per-post SEO values, and the plugin's database tables stay in place in case you reinstall. Enable this to also remove all of that when the plugin itself is deleted from the Plugins screen.
            </p>
            <p style="color: var(--dashboard-text-secondary); margin: 0 0 12px 0;">
                The Google service account and the IndexNow API key are always deleted on uninstall, regardless of this setting.
            </p>
            <form method="post" action="">
                <?php wp_nonce_field('metasync_uninstall_data_toggle_nonce', 'uninstall_data_toggle_nonce'); ?>
                <input type="hidden" name="metasync_uninstall_data_toggle_form" value="1" />
                <label style="color: var(--dashboard-text-primary, #1e1e1e); display: flex; align-items: center; gap: 8px; margin: 0 0 12px 0; cursor: pointer;">
                    <input type="checkbox" name="metasync_delete_data_on_uninstall" value="yes" <?php checked(get_option('metasync_delete_data_on_uninstall', 'no'), 'yes'); ?> />
                    Delete all plugin data (tables, settings, per-post SEO values, logs) when the plugin is uninstalled
                </label>
                <button type="submit" class="button button-secondary">
                    Save Uninstall Setting
                </button>
            </form>
        </div>
        <script>
        function confirmClearSettings(event) {
            event.preventDefault();

            var firstConfirm = confirm("⚠️ WARNING: This will permanently delete ALL plugin settings!\n\nThis action cannot be undone. Are you sure you want to continue?");
            if (!firstConfirm) {
                return false;
            }

            var secondConfirm = confirm("🚨 FINAL WARNING 🚨\n\nThis will delete:\n• All API keys and authentication tokens\n• White label branding settings\n• Plugin configuration and preferences\n• Instant indexing settings\n• Media optimization settings and cache\n• Code minification settings\n• All cached data\n\nYou will need to reconfigure the entire plugin from scratch.\n\nType 'DELETE' in the next prompt to confirm.");
            if (!secondConfirm) {
                return false;
            }

            var typeConfirm = prompt("Type 'DELETE' (in capital letters) to confirm you want to permanently clear all settings:");
            if (typeConfirm !== 'DELETE') {
                alert("Settings reset cancelled. Type 'DELETE' exactly to confirm.");
                return false;
            }

            event.target.submit();
            return false;
        }
        </script>
        <?php
    }

    public function render_google_index_section() {
        if (!function_exists('google_index_direct')) {
            if (file_exists(plugin_dir_path(dirname(__FILE__)) . 'google-index/google-index-init.php')) {
                require_once plugin_dir_path(dirname(__FILE__)) . 'google-index/google-index-init.php';
            } else {
                error_log('MetaSync Google Index: google-index-init.php not found at ' . plugin_dir_path(dirname(__FILE__)) . 'google-index/google-index-init.php'); // phpcs:ignore WordPress.PHP.DevelopmentFunctions.error_log_error_log -- genuine failure path, bounded, no secrets
                return;
            }
        }

        $google_index = google_index_direct();
        if (!$google_index) {
            // Nothing to render against, and calling through would be fatal.
            return;
        }
        $service_info = $google_index->get_service_account_info();
        $is_configured = !isset($service_info['error']);

        $saved_json_display = $is_configured ? $google_index->get_redacted_config_json() : '';

        include plugin_dir_path(dirname(__FILE__)) . 'views/metasync-google-index-api-settings.php';

        // Render post types selection
        $options = get_option('metasync_options_instant_indexing', ['post_types' => []]);
        $post_types_settings = isset($options['post_types']) && is_array($options['post_types']) ? $options['post_types'] : [];
        include plugin_dir_path(dirname(__FILE__)) . 'views/metasync-google-instant-post-types.php';
    }

    public function render_bing_index_section() {
        require_once plugin_dir_path(dirname(__FILE__)) . 'bing-index/class-metasync-bing-instant-index.php';
        $bing_index = new Metasync_Bing_Instant_Index();
        $api_key = $bing_index->get_setting('api_key');
        $endpoint = $bing_index->get_setting('endpoint', 'indexnow');
        $post_types_settings = $bing_index->get_setting('post_types', []);
        $is_configured = !empty($api_key);

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

        ?>
        <div style="padding: 20px;">
            <!-- About IndexNow (Collapsible) -->
            <details style="margin-bottom: 20px;">
                <summary style="cursor: pointer; font-weight: 600; color: var(--dashboard-text-primary);">
                    About IndexNow Protocol
                </summary>
                <div style="margin-top: 10px; padding: 15px; background: rgba(255, 255, 255, 0.03); border-radius: 4px;">
                    <p style="color: var(--dashboard-text-secondary); margin: 0 0 10px 0;">
                        IndexNow is a simple protocol that allows websites to instantly notify search engines about URL changes.
                        It's supported by Bing, Yandex, Naver, Seznam, and other search engines.
                    </p>
                    <ul style="color: var(--dashboard-text-secondary); margin: 0 0 10px 20px;">
                        <li>✓ Instant notification to multiple search engines</li>
                        <li>✓ Simple API key authentication (no OAuth required)</li>
                        <li>✓ Supports batch URL submissions (up to 10,000 URLs)</li>
                        <li>✓ Free to use with no quotas</li>
                        <li>✓ Fire-and-forget protocol (no status checking needed)</li>
                    </ul>
                    <p style="color: var(--dashboard-text-secondary); margin: 0;">
                        <strong>Resources:</strong>
                        <a href="https://www.indexnow.org/documentation" target="_blank" style="color: var(--dashboard-accent);">IndexNow Documentation</a> |
                        <a href="https://www.bing.com/webmasters" target="_blank" style="color: var(--dashboard-accent);">Bing Webmaster Tools</a>
                    </p>
                </div>
            </details>

            <!-- Configuration Status -->
            <div style="margin-bottom: 20px;">
                <?php if ($is_configured): ?>
                    <div style="padding: 12px; background: rgba(76, 175, 80, 0.1); border-left: 4px solid #4caf50; border-radius: 4px;">
                        <p style="margin: 0; color: var(--dashboard-text-primary);">
                            <strong style="color: #4caf50;">IndexNow API Configured</strong><br>
                            <span style="color: var(--dashboard-text-secondary); font-size: 0.95em;">
                                API Key: <code style="padding: 2px 6px; background: rgba(0,0,0,0.1); border-radius: 3px;"><?php echo esc_html(substr($api_key, 0, 8) . '...' . substr($api_key, -8)); ?></code>
                            </span>
                        </p>
                    </div>
                <?php else: ?>
                    <div style="padding: 12px; background: rgba(255, 152, 0, 0.1); border-left: 4px solid #ff9800; border-radius: 4px;">
                        <p style="margin: 0; color: var(--dashboard-text-primary);">
                            <strong style="color: #ff9800;">Configuration Required</strong><br>
                            <span style="color: var(--dashboard-text-secondary); font-size: 0.95em;">
                                Configure your IndexNow API key below to enable instant indexing with Bing and other search engines.
                            </span>
                        </p>
                    </div>
                <?php endif; ?>
            </div>

            <!-- Settings Fields -->
            <table class="form-table" style="margin-top: 0;">
                <tr>
                    <th scope="row" style="width: 200px; padding-top: 15px;">
                        <label for="metasync_bing_api_key_inline">IndexNow API Key <span style="color: #d63638;">*</span></label>
                        <?php Metasync::render_tooltip_icon('metasync_bing_api_key_inline', 'This key lets Bing trust indexing requests from your site. Click \'Generate Random API Key\' if you don\'t have one — the plugin publishes the matching verification file automatically, no manual upload needed.'); ?>
                    </th>
                    <td style="padding-top: 15px;">
                        <input type="text"
                               name="metasync_bing_api_key_inline"
                               id="metasync_bing_api_key_inline"
                               class="large-text"
                               value="<?php echo esc_attr($api_key); ?>"
                               placeholder="Enter your IndexNow API key (32+ character hexadecimal string)" />
                        <br>
                        <button type="button"
                                id="generate-bing-api-key-inline"
                                class="button button-secondary"
                                style="margin-top: 8px;">
                            Generate Random API Key
                        </button>
                        <p class="description" style="margin-top: 8px;">
                            Your IndexNow API key is required to submit URLs for instant indexing. You can generate a random key or use your own (32+ character hexadecimal string).
                            After saving, a verification file will be automatically created at your site root.
                        </p>
                    </td>
                </tr>

                <tr>
                    <th scope="row" style="padding-top: 15px;">
                        <label>API Endpoint</label>
                    </th>
                    <td style="padding-top: 15px;">
                        <fieldset>
                            <label style="display: block; margin-bottom: 8px;">
                                <input type="radio"
                                       name="metasync_bing_endpoint_inline"
                                       value="indexnow"
                                       <?php checked($endpoint, 'indexnow'); ?>>
                                <strong>IndexNow.org</strong> (Recommended)
                                <span style="color: var(--dashboard-text-secondary); font-size: 0.9em; display: block; margin-left: 24px;">
                                    Notifies Bing, Yandex, Naver, Seznam, and other participating search engines
                                </span>
                            </label>
                            <label style="display: block;">
                                <input type="radio"
                                       name="metasync_bing_endpoint_inline"
                                       value="bing"
                                       <?php checked($endpoint, 'bing'); ?>>
                                <strong>Bing.com</strong> (Bing-specific)
                                <span style="color: var(--dashboard-text-secondary); font-size: 0.9em; display: block; margin-left: 24px;">
                                    Direct submission to Bing only
                                </span>
                            </label>
                        </fieldset>
                        <p class="description">
                            Select which endpoint to use for submitting URLs. The IndexNow.org endpoint is recommended as it notifies multiple search engines at once.
                        </p>
                    </td>
                </tr>

                <tr>
                    <th scope="row" style="padding-top: 15px;">
                        <label>Auto-Submit Post Types</label>
                    </th>
                    <td style="padding-top: 15px;">
                        <fieldset>
                            <?php foreach ($post_types as $post_type): ?>
                                <label style="display: inline-block; margin-right: 20px; margin-bottom: 8px;">
                                    <input type="checkbox"
                                           name="metasync_bing_post_types_inline[<?php echo esc_attr($post_type->name); ?>]"
                                           value="<?php echo esc_attr($post_type->name); ?>"
                                           <?php checked(in_array($post_type->name, $post_types_settings, true)); ?>>
                                    <?php echo esc_html($post_type->label); ?>
                                </label>
                            <?php endforeach; ?>
                        </fieldset>
                        <p class="description">
                            Selected post types will be automatically submitted to IndexNow when published or updated.
                        </p>
                    </td>
                </tr>

                <tr>
                    <th scope="row" style="padding-top: 15px;">
                        <label>Plugin Source Control</label>
                    </th>
                    <td style="padding-top: 15px;">
                        <fieldset>
                            <label style="display: flex; align-items: flex-start; gap: 8px;">
                                <input type="checkbox"
                                       name="metasync_bing_disable_other_plugins_inline"
                                       value="1"
                                       <?php checked($bing_index->get_setting('disable_other_plugins', true), true); ?>
                                       style="margin-top: 2px;">
                                <span>
                                    <strong>Disable other IndexNow plugins</strong>
                                    <span style="display: block; color: var(--dashboard-text-secondary); font-size: 0.9em; margin-top: 4px; font-weight: normal;">
                                        When enabled, Our plugin will be the exclusive source for IndexNow submissions in Bing Webmaster Tools.
                                        This disables IndexNow features in Yoast SEO, Rank Math, and other competing plugins to prevent duplicate submissions.
                                    </span>
                                </span>
                            </label>
                        </fieldset>
                    </td>
                </tr>
            </table>

        </div>

        <script>
        jQuery(document).ready(function($) {
            $('#generate-bing-api-key-inline').on('click', function() {
                const array = new Uint8Array(16);
                crypto.getRandomValues(array);
                const hexString = Array.from(array, byte => byte.toString(16).padStart(2, '0')).join('');
                $('#metasync_bing_api_key_inline').val(hexString);

                $('#enable_binginstantindex').prop('checked', true);

                $('#metasync_bing_api_key_inline').trigger('change');
            });

            $('#metasync_bing_api_key_inline').on('input', function() {
                const apiKey = $(this).val().trim();
                if (apiKey.length >= 8) {
                    $('#enable_binginstantindex').prop('checked', true);
                }
            });

            function toggleBingConfig() {
                const isEnabled = $('#enable_binginstantindex').is(':checked');
                const $apiConfig = $('#enable_binginstantindex').closest('tr').nextAll('tr').first();
                if (isEnabled) {
                    $apiConfig.show();
                } else {
                    $apiConfig.hide();
                }
            }

            toggleBingConfig();

            $('#enable_binginstantindex').on('change', toggleBingConfig);
        });
        </script>

        <style>
        .form-table th {
            color: var(--dashboard-text-primary);
        }

        .form-table td {
            color: var(--dashboard-text-secondary);
        }

        .form-table code {
            padding: 2px 6px;
            background: rgba(0, 0, 0, 0.1);
            border-radius: 3px;
            font-size: 0.9em;
        }

        details summary {
            transition: color 0.2s;
        }

        details summary:hover {
            color: var(--dashboard-accent);
        }

        details[open] summary {
            margin-bottom: 10px;
        }
        </style>
        <?php
    }

    public function render_plugin_access_roles_section() {
        $general_options = Metasync::get_option('general');
        
        $setting_exists = isset($general_options['plugin_access_roles']);
        $selected_roles = $general_options['plugin_access_roles'] ?? null;
        
        if (is_string($selected_roles)) {
            $selected_roles = array($selected_roles);
        } elseif (!is_array($selected_roles)) {
            $selected_roles = null;
        }
        
        if (!function_exists('wp_roles')) {
            require_once(ABSPATH . 'wp-admin/includes/user.php');
        }
        global $wp_roles;
        
        if (!isset($wp_roles) || !is_object($wp_roles)) {
            $wp_roles = new WP_Roles();
        }
        
        $all_roles = $wp_roles->roles;
        
        $all_roles_checked = is_array($selected_roles) && in_array('all', $selected_roles);
        ?>
        <div style="background: var(--dashboard-card-bg); padding: 20px; border-radius: 8px;">
            <p style="color: var(--dashboard-text-secondary); margin: 0 0 20px 0;">
                Select which user roles can see and access this plugin's menu, settings, and options in the WordPress admin area.
            </p>
            
            <form method="post" action="<?php echo esc_url(admin_url('admin.php?page=' . Metasync_Admin::$page_slug . '&tab=advanced')); ?>" id="plugin-access-roles-form">
                <?php wp_nonce_field('metasync_plugin_access_roles_nonce', 'plugin_access_roles_nonce'); ?>
                <input type="hidden" name="save_plugin_access_roles" value="yes" />
                
                <div class="metasync-role-selector-container" style="background: var(--dashboard-card-bg-alt, rgba(255,255,255,0.05)); border: 1px solid var(--dashboard-border); border-radius: 8px; padding: 16px; max-height: 300px; overflow-y: auto;">
                    
                    <!-- All Roles Option -->
                    <label class="metasync-role-option-all" style="display: flex; align-items: center; gap: 10px; padding: 12px; cursor: pointer; border-radius: 6px; transition: background 0.2s ease;">
                        <input type="checkbox" 
                               id="plugin-access-all-roles"
                               name="plugin_access_roles[]" 
                               value="all" 
                               style="width: 18px; height: 18px; cursor: pointer;"
                               <?php checked($all_roles_checked, true); ?> />
                        <strong style="color: var(--dashboard-text-primary);">All Roles</strong>
                    </label>
                    
                    <!-- Divider -->
                    <hr style="border: none; border-top: 1px solid var(--dashboard-border); margin: 12px 0;">
                    
                    <?php
                    if (!empty($all_roles) && is_array($all_roles)) {
                        foreach ($all_roles as $role_key => $role_details) {
                            if ($role_key === 'administrator') {
                                continue;
                            }
                            
                            if (!isset($role_details['name'])) {
                                continue;
                            }
                            
                            $is_checked = is_array($selected_roles) && in_array($role_key, $selected_roles);
                            $role_name = translate_user_role($role_details['name']);
                            ?>
                            <label class="metasync-role-option" style="display: flex; align-items: center; gap: 10px; padding: 10px 12px; cursor: pointer; border-radius: 6px; transition: background 0.2s ease;">
                                <input type="checkbox" 
                                       class="plugin-access-individual-role"
                                       name="plugin_access_roles[]" 
                                       value="<?php echo esc_attr($role_key); ?>" 
                                       style="width: 18px; height: 18px; cursor: pointer;"
                                       <?php checked($is_checked, true); ?> />
                                <span style="color: var(--dashboard-text-primary);"><?php echo esc_html($role_name); ?></span>
                            </label>
                            <?php
                        }
                    }
                    ?>
                    
                </div>
                
                <!-- Description -->
                <div style="background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3); border-radius: 8px; padding: 16px; margin: 20px 0;">
                    <p style="color: var(--dashboard-text-secondary); margin: 0; font-size: 13px;">
                        <strong style="color: var(--dashboard-info, #3b82f6);">How it works:</strong><br>
                        <strong>Administrators always have access</strong> to this plugin regardless of settings.<br>
                        <strong>By default</strong>, only Administrators can access the plugin (no roles selected).<br>
                        If <strong>"All Roles"</strong> is selected, all users will see the plugin.<br>
                        Users with unchecked roles will not see the plugin in their WordPress admin area.
                    </p>
                </div>
                
                <button type="submit" class="metasync-btn-primary" style="background: var(--dashboard-gradient-primary); color: #ffffff; border: none; padding: 12px 24px; border-radius: 8px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 4px 8px rgba(0, 0, 0, 0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0, 0, 0, 0.1)';">
                    Save Access Settings
                </button>
            </form>
        </div>
        <script>
        jQuery(document).ready(function($) {
            var $allRolesCheckbox = $('#plugin-access-all-roles');
            var $individualRoles = $('.plugin-access-individual-role');
            
            $allRolesCheckbox.on('change', function() {
                if ($(this).is(':checked')) {
                    $individualRoles.prop('checked', false);
                }
            });
            
            $individualRoles.on('change', function() {
                if ($(this).is(':checked')) {
                    $allRolesCheckbox.prop('checked', false);
                }
            });
        });
        </script>
        <?php
    }

    public function get_default_execution_settings() {
        return array(
            'max_execution_time' => 30,
            'max_memory_limit' => 256,
            'log_batch_size' => 1000,
            'action_scheduler_batches' => 1,
            'otto_rate_limit' => 10,
            'otto_cache_ttl' => 30,
            'queue_cleanup_days' => 31
        );
    }

    public function get_execution_setting($key, $default = null) {
        $settings = get_option('metasync_execution_settings', array());
        $defaults = $this->get_default_execution_settings();
        
        if (empty($settings)) {
            return isset($defaults[$key]) ? $defaults[$key] : $default;
        }
        
        return isset($settings[$key]) ? $settings[$key] : (isset($defaults[$key]) ? $defaults[$key] : $default);
    }

    public function get_all_execution_settings() {
        $settings = get_option('metasync_execution_settings', array());
        $defaults = $this->get_default_execution_settings();
        
        return wp_parse_args($settings, $defaults);
    }

    public function can_change_memory_limit() {
        $current_limit = ini_get('memory_limit');
        
        $test_result = @ini_set('memory_limit', $current_limit); // phpcs:ignore Squiz.PHP.DiscouragedFunctions.Discouraged -- runtime PHP setting with no WordPress API
        
        return $test_result !== false;
    }

    public function get_server_limits() {
        $max_execution_time = ini_get('max_execution_time');
        $memory_limit = ini_get('memory_limit');

        // Prefer the server-configured value: WordPress (wp_raise_memory_limit)
        // or this plugin (apply_memory_limit) may have already changed the
        // runtime limit via ini_set, so ini_get no longer reflects the server
        // configuration. get_cfg_var reads the php.ini value untouched.
        $config_memory_limit = get_cfg_var('memory_limit');
        if ($config_memory_limit !== false && $config_memory_limit !== '') {
            $memory_limit = $config_memory_limit;
        }

        $memory_limit_mb = $this->parse_memory_limit_to_mb($memory_limit);

        $can_change_memory = $this->can_change_memory_limit();

        $memory_limit_display = $memory_limit_mb == -1 ? 'Unlimited' : $memory_limit_mb . ' MB';

        return array(
            'max_execution_time' => $max_execution_time == -1 ? 'Unlimited' : $max_execution_time . ' seconds',
            'memory_limit' => $memory_limit_display,
            'max_execution_time_raw' => $max_execution_time,
            'memory_limit_raw' => $memory_limit_mb,
            'can_change_memory' => $can_change_memory
        );
    }

    /**
     * Allowed range for the Max Memory Limit setting: 64 MB up to the
     * server-configured memory limit (null max when the server is unlimited).
     */
    public function get_memory_limit_allowed_range() {
        $server_limits = $this->get_server_limits();
        $max = $server_limits['memory_limit_raw'] == -1 ? null : max(64, (int) $server_limits['memory_limit_raw']);

        return array(
            'min' => 64,
            'max' => $max
        );
    }

    public function apply_memory_limit() {
        if (!$this->can_change_memory_limit()) {
            return false;
        }
        
        $memory_limit_mb = $this->get_execution_setting('max_memory_limit');
        
        $result = @ini_set('memory_limit', $memory_limit_mb . 'M'); // phpcs:ignore Squiz.PHP.DiscouragedFunctions.Discouraged -- runtime PHP setting with no WordPress API
        
        return $result !== false;
    }

    public function parse_memory_limit_to_mb($memory_limit) {
        if ($memory_limit == -1 || $memory_limit == '-1') {
            return -1;
        }
        
        $memory_limit = trim($memory_limit);
        $last = strtolower(substr($memory_limit, -1));
        $value = (int) $memory_limit;
        
        switch ($last) {
            case 'g':
                $value *= 1024;
                break;
            case 'm':
                break;
            case 'k':
                $value /= 1024;
                break;
        }
        
        return $value;
    }

    public function render_execution_settings_section() {
        $settings = $this->get_all_execution_settings();
        $server_limits = $this->get_server_limits();
        $memory_range = $this->get_memory_limit_allowed_range();
        
        $warnings = array();
        if ((int)$server_limits['max_execution_time_raw'] !== -1 && (int)$settings['max_execution_time'] > (int)$server_limits['max_execution_time_raw']) {
            $warnings['max_execution_time'] = true;
        }
        if ($server_limits['memory_limit_raw'] != -1 && $settings['max_memory_limit'] > $server_limits['memory_limit_raw']) {
            $warnings['max_memory_limit'] = true;
        }
        ?>
        <div style="background: var(--dashboard-card-bg); padding: 20px; border-radius: 8px;">
            <p style="color: var(--dashboard-text-secondary); margin: 0 0 20px 0;">
                Configure resource limits and execution parameters for plugin operations. Adjust these settings based on your server capabilities.
            </p>
            
            <form id="metasync-execution-settings-form" method="post">
                <?php wp_nonce_field('metasync_execution_settings_nonce', 'execution_settings_nonce'); ?>
                
                <!-- Execution & Memory Section -->
                <div style="background: var(--dashboard-card-bg-alt, rgba(255,255,255,0.05)); border: 1px solid var(--dashboard-border); border-radius: 8px; padding: 20px; margin-bottom: 20px;">
                    <h3 style="color: var(--dashboard-text-primary); margin: 0 0 16px 0; font-size: 16px; font-weight: 600;">Execution & Memory</h3>

                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px;">
                    <div>
                        <label style="display: block; color: var(--dashboard-text-primary); margin-bottom: 8px; font-weight: 500;">
                            Max Execution Time:
                            <?php Metasync::render_tooltip_icon('max_execution_time', 'How many seconds a single plugin operation (like a bulk sync or scan) is allowed to run before PHP stops it. Raise this only if you see timeout errors, and only up to what your host allows.'); ?>
                        </label>
                        <div style="display: flex; align-items: center; gap: 10px;">
                            <input type="number"
                                   id="max_execution_time"
                                   name="max_execution_time" 
                                   value="<?php echo esc_attr($settings['max_execution_time']); ?>" 
                                   min="1" 
                                   max="300" 
                                   required
                                   style="width: 100px; padding: 8px; border: 1px solid var(--dashboard-border); border-radius: 6px; background: var(--dashboard-card-bg); color: var(--dashboard-text-primary);" />
                            <span style="color: var(--dashboard-text-secondary);">seconds</span>
                        </div>
                        <p style="color: var(--dashboard-text-secondary); font-size: 12px; margin: 4px 0 0 0;">
                            Server Limit: <?php echo esc_html($server_limits['max_execution_time']); ?>
                        </p>
                        <p id="max_execution_time_warning" style="display: none; color: #f59e0b; font-size: 12px; margin: 4px 0 0 0;">
                            <span class="dashicons dashicons-warning" style="margin-right:4px;font-size:14px;width:14px;height:14px;color:#f59e0b;"></span>
                            <span>Configured value exceeds server limit</span>
                        </p>
                        <?php if (isset($warnings['max_execution_time'])): ?>
                        <script>
                        jQuery(document).ready(function($) {
                            $('#max_execution_time_warning').show();
                        });
                        </script>
                        <?php endif; ?>
                    </div>
                    
                    <div>
                        <label style="display: block; color: var(--dashboard-text-primary); margin-bottom: 8px; font-weight: 500;">
                            Max Memory Limit:
                            <?php Metasync::render_tooltip_icon('max_memory_limit', 'How much memory (RAM) the plugin is allowed to use for a single operation before PHP stops it. Raise this only if you see "out of memory" errors, and only up to what your host allows.'); ?>
                        </label>
                        <div style="display: flex; align-items: center; gap: 10px;">
                            <input type="number"
                                   id="max_memory_limit"
                                   name="max_memory_limit" 
                                   value="<?php echo esc_attr($settings['max_memory_limit']); ?>" 
                                   min="<?php echo esc_attr($memory_range['min']); ?>"
                                   <?php if ($memory_range['max'] !== null): ?>max="<?php echo esc_attr($memory_range['max']); ?>"<?php endif; ?>
                                   <?php if (!$server_limits['can_change_memory']): ?>
                                   readonly
                                   disabled
                                   <?php endif; ?>
                                   required
                                   style="width: 100px; padding: 8px; border: 1px solid var(--dashboard-border); border-radius: 6px; background: <?php echo $server_limits['can_change_memory'] ? 'var(--dashboard-card-bg)' : 'rgba(128, 128, 128, 0.1)'; ?>; color: <?php echo $server_limits['can_change_memory'] ? 'var(--dashboard-text-primary)' : 'var(--dashboard-text-secondary)'; ?>; cursor: <?php echo $server_limits['can_change_memory'] ? 'text' : 'not-allowed'; ?>;" />
                            <span style="color: var(--dashboard-text-secondary);">MB</span>
                        </div>
                        <p style="color: var(--dashboard-text-secondary); font-size: 12px; margin: 4px 0 0 0;">
                            Server Limit: <?php echo esc_html($server_limits['memory_limit']); ?> &middot; Allowed: <?php echo $memory_range['max'] !== null ? esc_html($memory_range['min'] . '–' . $memory_range['max'] . ' MB') : esc_html($memory_range['min'] . ' MB or higher'); ?>
                        </p>
                        <?php if (!$server_limits['can_change_memory']): ?>
                        <p style="color: #f59e0b; font-size: 12px; margin: 4px 0 0 0; display: flex; align-items: center; gap: 4px;">
                            <span class="dashicons dashicons-lock" style="font-size:14px;width:14px;height:14px;color:#f59e0b;"></span>
                            <span>Server does not allow changing memory limit. This setting is read-only.</span>
                        </p>
                        <?php else: ?>
                        <p id="max_memory_limit_warning" style="display: none; color: #f59e0b; font-size: 12px; margin: 4px 0 0 0;">
                            <span class="dashicons dashicons-warning" style="margin-right:4px;font-size:14px;width:14px;height:14px;color:#f59e0b;"></span>
                            <span>Configured value exceeds server limit</span>
                        </p>
                        <?php if (isset($warnings['max_memory_limit'])): ?>
                        <script>
                        jQuery(document).ready(function($) {
                            $('#max_memory_limit_warning').show();
                        });
                        </script>
                        <?php endif; ?>
                        <?php endif; ?>
                    </div>
                    </div>
                </div>

                <!-- Batch Processing Section -->
                <div style="background: var(--dashboard-card-bg-alt, rgba(255,255,255,0.05)); border: 1px solid var(--dashboard-border); border-radius: 8px; padding: 20px; margin-bottom: 20px;">
                    <h3 style="color: var(--dashboard-text-primary); margin: 0 0 16px 0; font-size: 16px; font-weight: 600;">Batch Processing</h3>

                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px;">
                    <div>
                        <label style="display: block; color: var(--dashboard-text-primary); margin-bottom: 8px; font-weight: 500;">
                            Log Processing Batch Size:
                            <?php Metasync::render_tooltip_icon('log_batch_size', 'How many log lines the plugin processes at once when scanning its own logs. Lower it if this causes slowdowns on smaller hosting plans; most sites can leave the default.'); ?>
                        </label>
                        <div style="display: flex; align-items: center; gap: 10px;">
                            <input type="number"
                                   id="log_batch_size"
                                   name="log_batch_size" 
                                   value="<?php echo esc_attr($settings['log_batch_size']); ?>" 
                                   min="100" 
                                   max="5000" 
                                   required
                                   style="width: 100px; padding: 8px; border: 1px solid var(--dashboard-border); border-radius: 6px; background: var(--dashboard-card-bg); color: var(--dashboard-text-primary);" />
                            <span style="color: var(--dashboard-text-secondary);">lines</span>
                        </div>
                    </div>
                    
                    <div>
                        <label style="display: block; color: var(--dashboard-text-primary); margin-bottom: 8px; font-weight: 500;">
                            Action Scheduler Concurrent Batches:
                            <?php Metasync::render_tooltip_icon('action_scheduler_batches', 'How many background sync jobs the plugin is allowed to run at the same time. Higher values finish syncing faster but use more server resources at once — lower this if your site slows down during syncs.'); ?>
                        </label>
                        <div style="display: flex; align-items: center; gap: 10px;">
                            <input type="number" 
                                   id="action_scheduler_batches" 
                                   name="action_scheduler_batches" 
                                   value="<?php echo esc_attr($settings['action_scheduler_batches']); ?>" 
                                   min="1" 
                                   max="10" 
                                   required
                                   style="width: 100px; padding: 8px; border: 1px solid var(--dashboard-border); border-radius: 6px; background: var(--dashboard-card-bg); color: var(--dashboard-text-primary);" />
                        </div>
                        <p style="color: #f59e0b; font-size: 12px; margin: 4px 0 0 0; display: flex; align-items: center; gap: 4px;">
                            <span class="dashicons dashicons-warning" style="font-size:14px;width:14px;height:14px;color:#f59e0b;"></span>
                            <span>Higher values increase server load</span>
                        </p>
                    </div>
                    </div>
                </div>

                <!-- API Rate Limiting Section -->
                <div style="background: var(--dashboard-card-bg-alt, rgba(255,255,255,0.05)); border: 1px solid var(--dashboard-border); border-radius: 8px; padding: 20px; margin-bottom: 20px;">
                    <h3 style="color: var(--dashboard-text-primary); margin: 0 0 16px 0; font-size: 16px; font-weight: 600;">API Rate Limiting</h3>

                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px;">
                    <div>
                        <label style="display: block; color: var(--dashboard-text-primary); margin-bottom: 8px; font-weight: 500;">
                            <?php echo esc_html(Metasync::get_whitelabel_otto_name()); ?> API Calls Per Minute:
                            <?php Metasync::render_tooltip_icon('otto_rate_limit', 'The maximum number of requests per minute the plugin will send to ' . Metasync::get_whitelabel_otto_name() . '\'s servers. Lower it if you\'re seeing rate-limit errors; most sites can leave the default.'); ?>
                        </label>
                        <div style="display: flex; align-items: center; gap: 10px;">
                            <input type="number" 
                                   id="otto_rate_limit" 
                                   name="otto_rate_limit" 
                                   value="<?php echo esc_attr($settings['otto_rate_limit']); ?>" 
                                   min="1" 
                                   max="60" 
                                   required
                                   style="width: 100px; padding: 8px; border: 1px solid var(--dashboard-border); border-radius: 6px; background: var(--dashboard-card-bg); color: var(--dashboard-text-primary);" />
                        </div>
                    </div>
                    
                    <div>
                        <label style="display: block; color: var(--dashboard-text-primary); margin-bottom: 8px; font-weight: 500;">
                            Queue Auto-Cleanup:
                            <?php Metasync::render_tooltip_icon('queue_cleanup_days', 'How many days a completed background job is kept before the plugin automatically deletes its record. Lower it to save database space; raise it if you need to look back further when troubleshooting.'); ?>
                        </label>
                        <div style="display: flex; align-items: center; gap: 10px;">
                            <input type="number" 
                                   id="queue_cleanup_days" 
                                   name="queue_cleanup_days" 
                                   value="<?php echo esc_attr($settings['queue_cleanup_days']); ?>" 
                                   min="7" 
                                   max="90" 
                                   required
                                   style="width: 100px; padding: 8px; border: 1px solid var(--dashboard-border); border-radius: 6px; background: var(--dashboard-card-bg); color: var(--dashboard-text-primary);" />
                            <span style="color: var(--dashboard-text-secondary);">days</span>
                        </div>
                    </div>
                    </div>
                </div>

                <!-- Save Button -->
                <div style="margin-top: 20px;">
                    <button type="submit" 
                            id="metasync-execution-settings-save-btn"
                            class="button button-primary" 
                            style="padding: 10px 20px; font-size: 14px; font-weight: 500;">
                        <span class="save-text">Save Settings</span>
                        <span class="save-spinner" style="display: none; margin-left: 8px;">⏳</span>
                    </button>
                </div>
                
                <!-- Success/Error Messages -->
                <div id="metasync-execution-settings-message" style="display: none; margin-top: 16px; padding: 12px; border-radius: 6px;"></div>
            </form>
        </div>
        
        <?php
        // Real-time validation and AJAX save for this form live in
        // admin/js/metasync-execution-settings.js (enqueued on this page).
        // The previous inline duplicate was removed to avoid a double-bound
        // submit handler that fired the save request twice.
        ?>
        <?php
    }

    public function get_field_tooltips() {
        $plugin_name = Metasync::get_effective_plugin_name();
        $otto_name = Metasync::get_whitelabel_otto_name();

        return array(
            'searchatlas_api_key' => sprintf('Connect your WordPress site to your %1$s dashboard to retrieve your API key and %2$s UUID. This does not create a WordPress login session.', $plugin_name, $otto_name),
            'apikey' => sprintf('Auto-generated authentication token used for secure API communication between your WordPress site and %s services. You can refresh this token if needed for security purposes.', $plugin_name),
            'otto_pixel_uuid' => sprintf('Your unique %s tracking pixel identifier. This UUID is used to track %s modifications and analytics on your website pages.', $otto_name, $otto_name),
            'otto_disable_on_loggedin' => sprintf('Disable %s modifications when you are logged in to WordPress. This allows you to see and edit the original content without %s\'s enhancements during editing sessions.', $otto_name, $otto_name),
            'otto_disable_preview_button' => sprintf('Hide the %s frontend toolbar that displays the status indicator, preview button, and debug button. Enable this for a cleaner frontend experience.', $otto_name),
            'seo_priority' => sprintf('Choose which value appears first on a page when both your custom SEO value and an approved %s suggestion are available. This changes what visitors see; it does not delete or overwrite saved values.', $otto_name),
            'otto_wp_rocket_compat' => sprintf('WP Rocket Compatibility Mode: Controls how %s interacts with WP Rocket. "Auto" (recommended) allows both to work together by avoiding DONOTCACHEPAGE constant unless necessary for Brizy pages or SG Optimizer conflicts. This ensures WP Rocket\'s JavaScript delay and optimization features continue working.', $otto_name),
            'otto_sg_optimizer_compat' => sprintf('SiteGround Optimizer Compatibility Mode: Controls how %s renders on SiteGround hosting. "Auto" (recommended) uses the internal HTTP fetch, which protects themes that defer inline CSS to the footer (e.g. Divi). "Buffer Mode" renders in-process with no internal fetch — faster on sites whose pages can never be host-cached, for example when a plugin starts a PHP session on every request (BookingPress sessions are removed automatically, so this does not apply to them).', $otto_name),
            'bookingpress_session_compat' => 'BookingPress Session Compatibility: Controls whether MetaSync removes the PHP session BookingPress starts on every public page, so hosts such as SiteGround can page-cache the site again.',
            'otto_disable_for_bots' => sprintf('Enable bot detection to automatically skip %s processing for search engine crawlers, SEO tools, and other bots. This reduces unnecessary API calls and improves performance.', $otto_name),
            'otto_bot_whitelist' => sprintf('Enter bot names or user-agent patterns (one per line) that should always be processed by %s, even when "Disable for Bots" is enabled. For example: Googlebot, Bingbot. This allows you to ensure specific search engines always see your optimized content.', $otto_name),
            'otto_bot_blacklist' => sprintf('Enter bot names or user-agent patterns (one per line) that should always be blocked from %s processing, regardless of other settings. For example: BadBot, MaliciousCrawler. Use this to exclude problematic crawlers or unwanted traffic sources.', $otto_name),
            'otto_bot_statistics_link' => 'View detailed bot detection statistics including total hits, API calls saved, breakdown by bot type, and unique bot entries with hit counts.',
            'disable_common_robots_metabox' => sprintf('Hide the Common Robots meta box and stop %1$s emitting index/noindex and follow/nofollow directives on the front end. %1$s also stops overriding WordPress core or another SEO plugin\'s robots tag. Saved values are kept and restored if you re-enable this.', Metasync::get_effective_plugin_name('MetaSync')),
            'disable_advance_robots_metabox' => sprintf('Hide the Advanced Robots meta box and stop %1$s emitting max-snippet, max-image-preview and max-video-preview directives, including the site-wide advanced defaults. Saved values are kept and restored if you re-enable this.', Metasync::get_effective_plugin_name('MetaSync')),
            'disable_redirection_metabox' => 'Hide the Redirection meta box and stop redirects configured through it from running. Rules added by hand on the Redirections screen keep working. Saved redirects are kept and resume if you re-enable this.',
            'disable_canonical_metabox' => sprintf('Hide the Canonical meta box and stop %1$s emitting or overriding the canonical URL on every render path. WordPress core and third-party canonicals are left in place. Saved values are kept and restored if you re-enable this.', Metasync::get_effective_plugin_name('MetaSync')),
            'disable_social_opengraph_metabox' => sprintf('Hide the Social Media & Open Graph meta box and stop %1$s emitting any Open Graph, Twitter or article tags. Tags from another SEO plugin are left in place. Saved values are kept and restored if you re-enable this.', Metasync::get_effective_plugin_name('MetaSync')),
            'disable_schema_markup_metabox' => sprintf('Hide the Schema Markup meta box and stop %1$s emitting any JSON-LD, including the site-wide Local SEO markup and OTTO structured data. Breadcrumb markup has its own setting. Saved values are kept and restored if you re-enable this.', Metasync::get_effective_plugin_name('MetaSync')),
            'disable_language_alternates_metabox' => sprintf('Hide the Language Alternates (hreflang) panel in the block editor and stop %1$s emitting any hreflang tags on the front end, including the auto-detected WPML entries. While disabled, %1$s does not manage or override this data — another SEO plugin, or WPML itself, is free to handle it. Saved values are kept and restored if you re-enable this.', Metasync::get_effective_plugin_name('MetaSync')),
            'disable_seo_metabox' => 'Hide the SEO Title & Meta Description meta box from post and page edit screens. This removes the Classic editor SEO fields (the Gutenberg sidebar is unaffected).',
            'open_external_links' => sprintf('Automatically add target="_blank" attribute to external links appearing in your posts, pages, and other post types when rendered by %s.', $otto_name),
            'content_genius_sync_roles' => 'Select which WordPress user roles should be synchronized with Content Genius. This determines which users will have their profiles and permissions synced for content collaboration.',
            'permalink_structure' => sprintf('Displays your current WordPress permalink structure. %s works best with pretty permalinks (not "Plain"). If you see a warning, visit Settings > Permalinks to change your structure.', $plugin_name),
            'hide_dashboard_framework' => sprintf('Hide the main %s dashboard from the WordPress admin menu. This is useful if you want to reduce menu clutter but still keep the plugin active.', $plugin_name),
            'show_admin_bar_status' => sprintf('Display the %s status indicator in the WordPress admin bar at the top of your screen. This provides quick visibility of plugin status and key metrics.', $plugin_name),
            'import_external_data' => sprintf('Import your existing SEO settings and metadata from other popular SEO plugins like Yoast, Rank Math, or All in One SEO. This makes migration to %s seamless without losing your SEO data.', $plugin_name),
            'import_seo_metadata' => sprintf('Migrate your existing SEO titles and meta descriptions from Yoast, Rank Math, or All in One SEO. This one-click import preserves your search rankings by copying your optimized meta data to %s, even if the source plugin is deactivated.', $plugin_name),
            'default_page_builder' => 'Choose how Content Genius stores synced articles. "Gutenberg" works with all themes and page builders. Selecting a specific builder converts content to that builder\'s widget format, which inherits the builder\'s global typography and layout styles.',
            'og_image_dimensions' => 'Adds your share image\'s width, height, and file type to the Open Graph tags so Facebook, LinkedIn, and others render your preview instantly at the right size instead of guessing. Leave on unless another plugin already outputs these.',
            'article_timestamps' => 'Tells social platforms and search engines when each post was first published and last updated, so shares and rich results show accurate dates. Safe to leave enabled.',
            'article_author' => 'Adds a link to the author\'s profile or archive page to each post\'s social tags, so shared articles can show author attribution. You can override the author URL per-post. Turn off if you\'d rather not expose author pages.',
            'article_section' => 'Labels each post with its main topic (its primary category) in the social tags, helping platforms categorize your content. Falls back to the first category if no primary one is set.',
            'article_tags' => 'Adds each of your WordPress post tags as a separate social "tag" so platforms understand the topics a post covers. Turn off if you don\'t want your tags exposed in share metadata.',
            'twitter_image_alt' => 'Adds descriptive alt text to the image shown when your page is shared on X/Twitter, improving accessibility for screen-reader users. Uses your saved alt text or the image\'s own alt attribute.'
        );
    }

    public function get_field_section($field_id) {
        $sections = $this->get_accordion_sections_config();

        foreach ($sections as $section_key => $section_data) {
            if (in_array($field_id, $section_data['fields'])) {
                return $section_key;
            }
        }

        return null;
    }

    public function render_accordion_sections($page) {
        global $wp_settings_sections, $wp_settings_fields;

        if (!isset($wp_settings_fields[$page])) {
            return;
        }

        $sections_config = $this->get_accordion_sections_config();

        echo '<div class="metasync-settings-accordion">';

        uasort($sections_config, function($a, $b) {
            return $a['priority'] - $b['priority'];
        });

        foreach ($sections_config as $section_key => $section_data) {
            $section_id = 'metasync-section-' . $section_key;
            $is_open = $section_data['default_open'];
            $aria_expanded = $is_open ? 'true' : 'false';
            $content_state = $is_open ? 'open' : 'closed';

            echo '<div class="metasync-accordion-section" data-section="' . esc_attr($section_key) . '">';

            echo '<div class="metasync-accordion-header" role="button" tabindex="0" aria-expanded="' . esc_attr($aria_expanded) . '" aria-controls="' . esc_attr($section_id) . '">';
            echo '<div class="metasync-accordion-title">';
            echo '<span class="metasync-accordion-icon"><span class="dashicons dashicons-' . esc_attr($section_data['icon']) . '"></span></span>';
            echo '<div class="metasync-accordion-text">';
            echo '<h3>' . esc_html($section_data['title']) . '</h3>';
            echo '<p class="metasync-accordion-description">' . esc_html($section_data['description']) . '</p>';
            echo '</div>';
            echo '</div>';
            echo '<button type="button" class="metasync-accordion-toggle" aria-label="Toggle section">';
            echo '<span class="toggle-icon">▼</span>';
            echo '</button>';
            echo '</div>';

            echo '<div class="metasync-accordion-content" id="' . esc_attr($section_id) . '" data-state="' . esc_attr($content_state) . '">';

            if (isset($section_data['render_callback']) && is_callable($section_data['render_callback'])) {
                call_user_func($section_data['render_callback']);
            } elseif (isset($section_data['fields']) && is_array($section_data['fields'])) {
                echo '<table class="form-table" role="presentation">';

                $tooltips = $this->get_field_tooltips();

                foreach ($section_data['fields'] as $field_id) {
                    if (isset($wp_settings_fields[$page]['metasync_settings'][$field_id])) {
                        $field = $wp_settings_fields[$page]['metasync_settings'][$field_id];

                        echo '<tr>';
                        echo '<th scope="row">';
                        if (!empty($field['title'])) {
                            echo '<div class="metasync-field-label-wrapper">';
                            echo '<label for="' . esc_attr($field['id']) . '">' . esc_html($field['title']) . '</label>';

                            if (isset($tooltips[$field_id])) {
                                echo '<button type="button" class="metasync-tooltip-trigger" data-tooltip-id="' . esc_attr($field_id) . '" aria-label="More information">';
                                echo '<svg class="metasync-info-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">';
                                echo '<circle cx="12" cy="12" r="10"></circle>';
                                echo '<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>';
                                echo '<line x1="12" y1="17" x2="12.01" y2="17"></line>';
                                echo '</svg>';
                                echo '</button>';

                                echo '<div class="metasync-tooltip" id="tooltip-' . esc_attr($field_id) . '" role="tooltip">';
                                echo '<div class="metasync-tooltip-arrow"></div>';
                                echo '<div class="metasync-tooltip-content">' . esc_html($tooltips[$field_id]) . '</div>';
                                echo '</div>';
                            }

                            echo '</div>';
                        }
                        echo '</th>';
                        echo '<td>';
                        call_user_func($field['callback'], $field['args']);
                        echo '</td>';
                        echo '</tr>';
                    }
                }

                echo '</table>';
            }

            echo '</div>';
            echo '</div>';
        }

        echo '</div>';
    }

    public function render_llms_txt_section() {
        global $wp_settings_fields;

        $page    = Metasync_Admin::$page_slug . '_general';
        $section = Metasync_Admin::SECTION_LLMS_TXT;

        if (empty($wp_settings_fields[$page][$section])) {
            return;
        }

        echo '<table class="form-table" role="presentation">';
        $llms_tooltips = array(
            'llms_txt_enabled' => 'Publishes a file at yoursite.com/llms.txt listing your key pages so AI assistants like ChatGPT and Perplexity can find and cite your content. Safe to leave off if you don\'t want AI crawlers guided to your pages.',
            'llms_full_enabled' => 'Also publishes a larger file with the full text of your posts (not just links). This exposes complete article content and can be large — keep the post limit low on smaller hosting plans.',
        );
        foreach ($wp_settings_fields[$page][$section] as $field) {
            echo '<tr>';
            echo '<th scope="row">';
            if (!empty($field['title'])) {
                echo '<div class="metasync-field-label-wrapper">';
                echo '<label for="' . esc_attr($field['id']) . '">' . esc_html($field['title']) . '</label>';
                if (isset($llms_tooltips[$field['id']])) {
                    Metasync::render_tooltip_icon($field['id'], $llms_tooltips[$field['id']]);
                }
                echo '</div>';
            }
            echo '</th>';
            echo '<td>';
            call_user_func($field['callback'], $field['args']);
            echo '</td>';
            echo '</tr>';
        }
        echo '</table>';
        ?>
        <script>
        (function(){
            function toggleLlms(){
                var enabled = document.getElementById('llms_txt_enabled');
                var fullEnabled = document.getElementById('llms_full_enabled');
                var deps = document.querySelectorAll('.llms-txt-dependent');
                var fullDeps = document.querySelectorAll('.llms-full-dependent');
                var i;
                for(i = 0; i < deps.length; i++){
                    var row = deps[i].closest('tr');
                    if(row) row.style.display = enabled && enabled.checked ? '' : 'none';
                }
                for(i = 0; i < fullDeps.length; i++){
                    var row = fullDeps[i].closest('tr');
                    if(row) row.style.display = (enabled && enabled.checked && fullEnabled && fullEnabled.checked) ? '' : 'none';
                }
            }
            document.addEventListener('DOMContentLoaded', function(){
                var enabled = document.getElementById('llms_txt_enabled');
                var fullEnabled = document.getElementById('llms_full_enabled');
                if(enabled) enabled.addEventListener('change', toggleLlms);
                if(fullEnabled) fullEnabled.addEventListener('change', toggleLlms);
                toggleLlms();
            });
        })();
        </script>
        <?php
    }

    // ────────────────────────────────────────────────────────────────
    //  Settings field callbacks
    // ────────────────────────────────────────────────────────────────

    public function metasync_settings_genkey_callback()
    {
        $current_token = Metasync::get_option('general')['apikey'] ?? '';
        
        if (!empty($current_token)) {
            $display_value = $current_token;
            $status_message = 'Plugin Auth Token is active and ready for authentication.';
            $refresh_help = 'Click refresh to generate a new token and update the heartbeat API.';
        } else {
            $display_value = 'Auto-generated when connecting to ' . Metasync::get_effective_plugin_name();
            $status_message = 'Plugin Auth Token will be automatically generated when you click "Connect to ' . Metasync::get_effective_plugin_name() . '".';
            $refresh_help = 'You can also manually generate a token by clicking refresh.';
        }
        
        printf('<div class="metasync-auth-token-row">');
        printf(
            '<input type="text" id="apikey" name="' . esc_attr(Metasync_Admin::option_key) . '[general][apikey]" value="%s" size="40" class="regular-text" readonly="readonly" />',
            esc_attr($display_value)
        );
        printf('<button type="button" id="refresh-plugin-auth-token" class="button button-secondary metasync-refresh-token-btn"><span class="dashicons dashicons-controls-repeat"></span> Refresh Token</button>');
        printf('</div>');
        printf('<p class="description">%s %s</p>', esc_html($status_message), esc_html($refresh_help));
    }

    public function linkgraph_token_callback()
    {
        printf(
            '<input type="text" id="linkgraph_token" name="' . esc_attr(Metasync_Admin::option_key) . '[general][linkgraph_token]" value="%s" size="25" readonly="readonly" />',
            isset(Metasync::get_option('general')['linkgraph_token']) ? esc_attr(Metasync::get_option('general')['linkgraph_token']) : ''
        );

        printf(
            '<input type="text" id="linkgraph_customer_id" name="' . esc_attr(Metasync_Admin::option_key) . '[general][linkgraph_customer_id]" value="%s" size="25" readonly="readonly" />',
            isset(Metasync::get_option('general')['linkgraph_customer_id']) ? esc_attr(Metasync::get_option('general')['linkgraph_customer_id']) : ''
        );

    ?>
        <button type="button" class="button button-primary" id="lgloginbtn">Fetch Token</button>
        <input type="text" id="lgusername" class="input lguser hidden" placeholder="username" />
        <input type="text" id="lgpassword" class="input lguser hidden" placeholder="password" />
        <p id="lgerror" class="notice notice-error hidden" style="display: none;"></p>
    <?php
    }


    public function time_elapsed_string($datetime, $full = false)
    {
        if(empty($datetime)){
            return "";
        }
        # Stored timestamps use current_time('mysql') which is the WP site's
        # local timezone (no offset marker on the string). Constructing
        # DateTime without a timezone would default to UTC and produce a
        # bogus diff equal to the WP timezone offset (QA: "4 hours ago"
        # after a 4-minute sync on non-UTC sites).
        $wp_tz = function_exists('wp_timezone') ? wp_timezone() : new DateTimeZone('UTC');
        $now = new DateTime('now', $wp_tz);
        $ago = new DateTime($datetime, $wp_tz);

        $diff = $now->diff($ago);

        $string = [
            'y' => 'year',
            'm' => 'month',
            'w' => 'week',
            'd' => 'day',
            'h' => 'hour',
            'i' => 'minute',
            's' => 'second',
        ];

        foreach ($string as $k => &$v) {
            if (isset($diff->$k) && $diff->$k) {
                $v = $diff->$k . ' ' . $v . ($diff->$k > 1 ? 's' : '');
            } else {
                unset($string[$k]);
            }
        }
        if (!$full) $string = array_slice($string, 0, 1);
        return $string ? implode(', ', $string) . ' ago' : 'just now';
    }

    public function searchatlas_api_key_callback()
    {
        // Whether a key is stored at rest (encrypted or legacy plaintext).
        $stored_api_key = Metasync::get_option('general')['searchatlas_api_key'] ?? '';
        $has_api_key    = ($stored_api_key !== '');

        // Decrypted key for masking only. Never rendered in cleartext.
        // false => an encrypted key exists but cannot be decrypted (salts changed).
        $decrypted_api_key = Metasync::get_searchatlas_api_key();
        $decrypt_failed    = ($decrypted_api_key === false);

        // Build a masked representation: bullets + last 4 chars. The cleartext
        // key is never emitted into the page.
        $masked_api_key = '';
        if (!$decrypt_failed && $decrypted_api_key !== '') {
            $masked_api_key = str_repeat('*', 8) . substr($decrypted_api_key, -4);
        }

        $otto_uuid = isset(Metasync::get_option('general')['otto_pixel_uuid']) ? Metasync::get_option('general')['otto_pixel_uuid'] : '';

        $has_otto_uuid = !empty($otto_uuid);
        
        $is_fully_connected = $this->admin_instance->is_heartbeat_connected();
        
        printf('<div class="metasync-sa-connect-container">');
        
        printf('<div class="metasync-sa-connect-title">');
        printf('One-Click Authentication');
        printf('</div>');
        
        printf('<div class="metasync-sa-connect-description">');
        if ($is_fully_connected) {
            printf('Your %s account is fully synced with active heartbeat API. You can re-authenticate to refresh your connection or connect a different account.', esc_html(Metasync::get_effective_plugin_name()));
        } elseif ($has_api_key && !$has_otto_uuid) {
            printf('Your %s API key is configured, but %s UUID is missing. Please re-authenticate to complete the setup.', esc_html(Metasync::get_effective_plugin_name()), esc_html(Metasync::get_whitelabel_otto_name()));
        } else {
            printf('Connect your %s account with one click. This will automatically configure your API key and %s UUID below, enabling all plugin features.', esc_html(Metasync::get_effective_plugin_name()), esc_html(Metasync::get_whitelabel_otto_name()));
        }
        printf('</div>');

        ?>
        <div class="metasync-mcp-consent" style="margin-top: 15px; padding: 12px 15px; background: #f0f9ff; border-left: 3px solid #0ea5e9; border-radius: 4px;">
            <p style="margin: 0; color: #334155; font-size: 13px; line-height: 1.6;">
                <strong>AI-Powered SEO Automation:</strong> By authenticating, you authorize <strong><?php echo esc_html(Metasync::get_effective_plugin_name()); ?> Brain</strong> (our AI assistant) to access your WordPress admin capabilities through the Model Context Protocol (MCP). This enables intelligent automation for SEO optimizations, content enhancements, and performance improvements.
            </p>
        </div>
        <?php

        printf('<div class="metasync-sa-connect-buttons">');
        
        printf('<button type="button" id="connect-searchatlas-btn" class="metasync-sa-connect-btn">');
        if ($is_fully_connected) {
            printf('Re-authenticate with %s', esc_html(Metasync::get_effective_plugin_name()));
        } elseif ($has_api_key && !$has_otto_uuid) {
            printf('Complete Authentication Setup');
        } else {
            printf('Connect to %s', esc_html(Metasync::get_effective_plugin_name()));
        }
        printf('</button>');
        
        if ($has_api_key) {
            printf('<button type="button" id="reset-searchatlas-auth" class="metasync-sa-reset-btn" style="margin-left: 10px;">');
            printf('Disconnect Account');
            printf('</button>');
        }
        
        printf('</div>');
        
        printf('<div style="margin-top: 15px;">');
        printf('<details style="margin-top: 10px;">');
        printf('<summary style="cursor: pointer; color: #666; font-size: 13px;">Authentication Tips</summary>');
        printf('<div style="padding: 10px 0; color: #666; font-size: 13px; line-height: 1.5;">');
        printf('• Make sure you have a %s account before connecting<br/>', esc_html(Metasync::get_effective_plugin_name()));
        printf('• The authentication window will open in a popup - please allow popups<br/>');
        printf('• The process typically takes 15-30 seconds to complete<br/>');
        printf('• Your API key will be stored securely and shown masked below<br/>');
        printf('• If you encounter issues, try disabling ad blockers temporarily<br/>');
        printf('• Contact <a href="mailto:%s">%s</a> if you need assistance', esc_attr(Metasync::SUPPORT_EMAIL), esc_html(Metasync::SUPPORT_EMAIL));
        printf('</div>');
        printf('</details>');
        printf('</div>');
        
        printf('</div>');
        
        printf('<div style="margin-top: 20px;">');
        printf('<label for="searchatlas-api-key" style="font-weight: 600; display: block; margin-bottom: 8px;">');
        printf('%s API Key', esc_html(Metasync::get_effective_plugin_name()));
        if ($is_fully_connected) {
            printf('<span style="color: #46b450; margin-left: 10px; font-weight: normal;">✓ Synced</span>');
        } elseif ($has_api_key && !$has_otto_uuid) {
            printf('<span style="color: #ff8c00; margin-left: 10px; font-weight: normal;">Partial Connection (Missing %s UUID)</span>', esc_html(Metasync::get_whitelabel_otto_name()));
        }
        printf('</label>');
        
        // Read-only masked display. The API key is managed via one-click
        // authentication only; the cleartext key is never rendered into the
        // page HTML (View Source / DOM). No form input is emitted, so saving
        // settings cannot overwrite or expose the stored key.
        $display_has_key = (!$decrypt_failed && $masked_api_key !== '') ? '1' : '0';
        printf(
            '<div id="searchatlas-api-key-display" class="metasync-api-key-masked" data-has-key="%s" style="display:inline-flex; align-items:center; min-width:320px; height:42px; padding:0 14px; font-family:monospace; font-size:15px; letter-spacing:4px; background:var(--dashboard-input-bg, #22272e); border:1px solid var(--dashboard-border, #3a424d); border-radius:6px; color:var(--dashboard-text-primary, #e6e8eb); cursor:default; user-select:none;">',
            esc_attr($display_has_key)
        );
        if ($decrypt_failed) {
            printf('<em style="color:#b32d2e; font-family:sans-serif; letter-spacing:normal; font-style:normal; font-size:14px;">Stored API key could not be read. Please re-authenticate above.</em>');
        } elseif ($masked_api_key !== '') {
            echo esc_html($masked_api_key);
        } else {
            printf('<em style="color:#646970;">Not configured</em>');
        }
        printf('</div>');

        printf('<p class="description" style="margin-top: 8px;">');
        if ($decrypt_failed) {
            printf('Your stored API key could not be decrypted (your site security keys may have changed). Please re-authenticate above to reconnect.');
        } elseif ($is_fully_connected) {
            printf('Your %s API key is stored securely and used for communication with the platform. Use the authentication button above to refresh or change accounts.', esc_html(Metasync::get_effective_plugin_name()));
        } elseif ($has_api_key && !$has_otto_uuid) {
            printf('Your API key is configured but %s UUID is missing. Re-authenticate above to complete the setup and enable dashboard access.', esc_html(Metasync::get_whitelabel_otto_name()));
        } else {
            printf('Use the authentication button above to securely connect your account. Your API key is stored encrypted and shown masked here.');
        }
        printf('</p>');

        printf('</div>');

        if(  isset(Metasync::get_option('general')['searchatlas_api_key'])&&Metasync::get_option('general')['searchatlas_api_key']!=''){
            $timestamp = @Metasync::get_option('general')['send_auth_token_timestamp'];
            printf(
                '<p id="sendAuthTokenTimestamp" class="descriptionValue">%s (%s)</p>',
                esc_attr($timestamp),
                esc_html($this->time_elapsed_string($timestamp))
            );
    
        
        }
      }

    public function bing_site_verification_callback()
    {
        printf(
            '<input type="text" id="bing_site_verification" name="' . esc_attr(Metasync_Admin::option_key) . '[searchengines][bing_site_verification]" value="%s" size="50" />',
            isset(Metasync::get_option('searchengines')['bing_site_verification']) ? esc_attr(Metasync::get_option('searchengines')['bing_site_verification']) : ''
        );

        printf(' <br> <span class="description"> Enter Bing Webmaster Tools verification code: </span> ');
        printf(' <a href="https://www.bing.com/webmasters/about" target="_blank">Get from here</a> <br> ');
    }

    public function yandex_site_verification_callback()
    {
        printf(
            '<input type="text" id="yandex_site_verification" name="' . esc_attr(Metasync_Admin::option_key) . '[searchengines][yandex_site_verification]" value="%s" size="50" />',
            isset(Metasync::get_option('searchengines')['yandex_site_verification']) ? esc_attr(Metasync::get_option('searchengines')['yandex_site_verification']) : ''
        );

        printf(' <br> <span class="description"> Enter Yandex verification code: </span>');
        printf(' <a href="https://passport.yandex.com/auth" target="_blank">Get from here</a> <br> ');
    }

    public function google_site_verification_callback()
    {
        printf(
            '<input type="text" id="google_site_verification" name="' . esc_attr(Metasync_Admin::option_key) . '[searchengines][google_site_verification]" value="%s" size="50" />',
            isset(Metasync::get_option('searchengines')['google_site_verification']) ? esc_attr(Metasync::get_option('searchengines')['google_site_verification']) : ''
        );

        printf(' <br> <span class="description"> Enter Google Search Console verification code: </span>');
        printf(' <a href="https://www.google.com/webmasters/verification" target="_blank">Get from here</a> <br> ');
    }

    public function pinterest_site_verification_callback()
    {
        printf(
            '<input type="text" id="pinterest_site_verification" name="' . esc_attr(Metasync_Admin::option_key) . '[searchengines][pinterest_site_verification]" value="%s" size="50" />',
            isset(Metasync::get_option('searchengines')['pinterest_site_verification']) ? esc_attr(Metasync::get_option('searchengines')['pinterest_site_verification']) : ''
        );

        printf(' <br> <span class="description"> Enter Pinterest verification code: </span>');
        printf(' <a href="https://in.pinterest.com/" target="_blank">Get from here</a> <br> ');
    }

    public function local_seo_person_organization_callback()
    {
        $person_organization = Metasync::get_option('localseo')['local_seo_person_organization'] ?? '';
        $valid_person_organizations = array('Person', 'Organization');
    ?>
        <div class="metasync-type-select-wrap">
            <select id="local_seo_person_organization" name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][local_seo_person_organization]') ?>">
                <?php
                if (!in_array($person_organization, $valid_person_organizations, true)) {
                    printf('<option value="0" selected="selected">Select Type</option>');
                }
                printf('<option value="Person" %s >Person</option>', selected('Person', esc_attr($person_organization)));
                printf('<option value="Organization" %s >Organization</option>', selected('Organization', esc_attr($person_organization)));
                ?>
            </select>
        </div>
    <?php
        printf(' <br> <span class="description"> Choose whether the site represents a person or an organization. </span>');
    }

    public function local_seo_name_callback()
    {
        printf(
            '<input type="text" id="local_seo_name" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][local_seo_name]" value="%s" size="50" />',
            isset(Metasync::get_option('localseo')['local_seo_name']) ? esc_attr(Metasync::get_option('localseo')['local_seo_name']) : esc_attr(get_bloginfo())
        );

        printf(' <br> <span class="description"> Your name or company name </span>');
    }

    public function local_seo_logo_callback()
    {
        $local_seo_logo = Metasync::get_option('localseo')['local_seo_logo'] ?? '';

        // Rows saved by the legacy sanitizer hold the corrupted form of
        // an attachment ID ("http://45589"). Repair it before anything reads
        // the value — both so the preview resolves and so the hidden input
        // re-submits the recovered ID instead of the corrupted string, which
        // would otherwise survive every subsequent Save Settings.
        $local_seo_logo = metasync_repair_scheme_prefixed_media_id($local_seo_logo);

        printf(
            '<input type="hidden" id="local_seo_logo" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][local_seo_logo]" value="%s" size="50" />',
            esc_attr((string) $local_seo_logo)
        );

        printf(' <br> <input class="button-secondary no-loading" type="button" id="logo_upload_button" value="Add or Upload File">');

        printf(' <br><br> <span class="description bold"> Min Size: 160Χ90px, Max Size: 1920X1080px. </span> <br> <span class="description"> A squared image is preferred by the search engines. </span> <br><br> ');

        printf('<span class="metasync-logo-preview-wrap">');

        // The stored value may be an attachment ID or a raw URL, so resolve
        // both the way the front-end schema output already does. Anything that
        // resolves to nothing — a deleted attachment, a legacy value mangled by
        // an earlier save — must render no preview at all, rather than an empty
        // src next to an orphaned remove button.
        $logo_url = $this->resolve_media_url($local_seo_logo, 'medium');

        printf(
            '<img src="%s" id="local_seo_business_logo" width="300"%s>',
            esc_url($logo_url),
            $logo_url ? '' : ' style="display:none"'
        );

        $button_type = $logo_url ? 'button' : 'hidden';
        printf('<input type="%s" class="button-secondary no-loading metasync-logo-remove-btn" id="local_seo_logo_close_btn" value="X">', esc_attr($button_type));
        printf('</span>');
    }

    /**
     * Resolve a stored media setting to a displayable URL.
     *
     * These settings accept either a media-library attachment ID or a raw URL;
     * returns an empty string when the value resolves to neither, so callers
     * can distinguish "no image" from "image we could not resolve".
     *
     * @param mixed  $value Attachment ID or URL as stored in the options.
     * @param string $size  Registered image size to request for an attachment.
     * @return string Resolved URL, or '' when there is nothing to show.
     */
    private function resolve_media_url($value, $size = 'medium')
    {
        if (empty($value)) {
            return '';
        }

        // A row saved by the legacy sanitizer stores a corrupted attachment ID ("http://45589"),
        // which is neither resolvable as an ID nor a usable image URL.
        $value = metasync_repair_scheme_prefixed_media_id($value);

        if (empty($value)) {
            return '';
        }

        if (is_numeric($value)) {
            $url = wp_get_attachment_image_url((int) $value, $size);
            return $url ? $url : '';
        }

        return (string) $value;
    }

    public function local_seo_url_callback()
    {
        printf(
            '<input type="text" id="local_seo_url" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][local_seo_url]" value="%s" size="50" />',
            isset(Metasync::get_option('localseo')['local_seo_url']) ? esc_attr(Metasync::get_option('localseo')['local_seo_url']) : esc_attr(home_url())
        );

        printf(' <br> <span class="description"> URL of the item. </span>');
    }

    public function local_seo_email_callback()
    {
        printf(
            '<input type="text" id="local_seo_email" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][local_seo_email]" value="%s" size="50" />',
            isset(Metasync::get_option('localseo')['local_seo_email']) ? esc_attr(Metasync::get_option('localseo')['local_seo_email']) : ''
        );

        printf(' <br> <span class="description"> Search engines display your email address. </span>');
    }

    public function local_seo_phone_callback()
    {
        printf(
            '<input type="text" id="local_seo_phone" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][local_seo_phone]" value="%s" size="50" />',
            isset(Metasync::get_option('localseo')['local_seo_phone']) ? esc_attr(Metasync::get_option('localseo')['local_seo_phone']) : ''
        );

        printf(' <br> <span class="description"> Search engines may prominently display your contact phone number for mobile users. </span>');
    }

    public function local_seo_address_callback()
    {
        printf(
            '<input type="text" id="local_seo_address_street" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][address][street]" value="%s" size="50" placeholder="Street Address"/> <br>',
            isset(Metasync::get_option('localseo')['address']['street']) ? esc_attr(Metasync::get_option('localseo')['address']['street']) : ''
        );

        printf(
            '<input type="text" id="local_seo_address_locality" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][address][locality]" value="%s" size="50" placeholder="Locality"/> <br>',
            isset(Metasync::get_option('localseo')['address']['locality']) ? esc_attr(Metasync::get_option('localseo')['address']['locality']) : ''
        );

        printf(
            '<input type="text" id="local_seo_address_region" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][address][region]" value="%s" size="50" placeholder="Region"/> <br>',
            isset(Metasync::get_option('localseo')['address']['region']) ? esc_attr(Metasync::get_option('localseo')['address']['region']) : ''
        );

        printf(
            '<input type="text" id="local_seo_address_postalcode" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][address][postalcode]" value="%s" size="50" placeholder="Postal Code"/> <br>',
            isset(Metasync::get_option('localseo')['address']['postalcode']) ? esc_attr(Metasync::get_option('localseo')['address']['postalcode']) : ''
        );

        printf(
            '<input type="text" id="local_seo_address_country" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][address][country]" value="%s" size="50" placeholder="Country"/> <br>',
            isset(Metasync::get_option('localseo')['address']['country']) ? esc_attr(Metasync::get_option('localseo')['address']['country']) : ''
        );
    }

    public function local_seo_business_type_callback()
    {
        $types = self::get_business_types();
        sort($types);

        $business_type = Metasync::get_option('localseo')['local_seo_business_type'] ?? '';

    ?>
        <select name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][local_seo_business_type]') ?>">
            <option value='0'>Select Business Type</option>
            <?php
            foreach ($types as $type) {
                printf('<option value="%s" %s >%s</option>', esc_attr($type), selected($type, $business_type, false), esc_html($type));
            }
            ?>
        </select>
    <?php
    }

    public function local_seo_opening_hours_callback()
    {
        $days_name = ['Monday', 'Tuseday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
        $days = isset(Metasync::get_option('localseo')['days']) ? Metasync::get_option('localseo')['days'] : '';
        $times = isset(Metasync::get_option('localseo')['times']) ? Metasync::get_option('localseo')['times'] : '';

    ?>
        <ul id="daysTime">
            <?php
            $opening_days = [];
            if ($days && $times) {
                $opening_days = array_combine($days, $times);
            }
            foreach ($opening_days as $day_name => $day_time) {
            ?>
                <li>
                    <select name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][days][]') ?>">
                        <?php
                        foreach ($days_name as $name) {
                            printf('<option value="%s" %s >%s</option>', esc_attr($name), selected($name, $day_name, false), esc_html($name));
                        }
                        ?>
                    </select>
                    <input type="text" name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][times][]') ?>" value="<?php echo esc_attr($day_time) ?>">
                    <button id="timeDelete">Delete</button>
                </li>
            <?php } ?>
            <?php if (empty($opening_days)) { ?>
                <li>
                    <select name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][days][]') ?>">
                        <?php
                        foreach ($days_name as $name) {
                            printf('<option value="%s" >%s</option>', esc_attr($name), esc_attr($name));
                        }
                        ?>
                    </select>
                    <input type="text" name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][times][]') ?>" value="">
                    <button id="timeDelete">Delete</button>
                </li>
            <?php } ?>
        </ul>
    <?php

        printf(' <input type="hidden" id="days_time_count" value="%s"/>', count($opening_days));
        printf(' <input class="button-secondary" type="button" id="addNewTime" value="Add Time">');
        printf(' <br> <span class="description"> Select opening hours. You can add multiple sets if you have different opening or closing hours on some days or if you have a mid-day break. Times are specified using 24:00 time. </span>');
    }

    public function local_seo_phone_numbers_callback()
    {
        $number_types = ['Customer Service', 'Technical Support', 'Billing Support', 'Bill Payment', 'Sales', 'Reservations', 'Credit Card Support', 'Emergency', 'Baggage Tracking', 'Roadside Assistance', 'Package Tracking'];
        $types = isset(Metasync::get_option('localseo')['phonetype']) ? Metasync::get_option('localseo')['phonetype'] : '';
        $numbers = isset(Metasync::get_option('localseo')['phonenumber']) ? Metasync::get_option('localseo')['phonenumber'] : '';

    ?>

        <ul id="phone-numbers">
            <?php
            $phone_numbers = [];
            if ($types && $numbers) {
                $phone_numbers = array_combine($types, $numbers);
            }
            foreach ($phone_numbers as $phone_type => $phone_number) {
            ?>
                <li>
                    <select name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][phonetype][]') ?>">
                        <?php
                        foreach ($number_types as $type) {
                            printf('<option value="%s" %s >%s</option>', esc_attr($type), selected(esc_attr($type), esc_attr($phone_type)), esc_attr($type));
                        }
                        ?>
                    </select>
                    <input type="text" name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][phonenumber][]') ?>" value="<?php echo esc_attr($phone_number) ?>">
                    <button id="number-delete">Delete</button>
                </li>
            <?php } ?>
            <?php if (empty($phone_numbers)) { ?>
                <li>
                    <select name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][phonetype][]') ?>">
                        <?php
                        foreach ($number_types as $type) {
                            printf('<option value="%s" >%s</option>', esc_attr($type), esc_attr($type));
                        }
                        ?>
                    </select>
                    <input type="text" name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][phonenumber][]') ?>" value="">
                    <button id="number-delete">Delete</button>
                </li>
            <?php } ?>
        </ul>
    <?php

        printf(' <input type="hidden" id="phone_number_count" value="%s"/>', count($phone_numbers));
        printf(' <input class="button-secondary" type="button" id="addNewNumber" value="Add Number">');
        printf(' <br> <span class="description"> Search engines may prominently display your contact phone number for mobile users. </span>');
    }

    public function local_seo_price_range_callback()
    {
        printf(
            '<input type="text" id="local_seo_price_range" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][local_seo_price_range]" value="%s" size="50" />',
            isset(Metasync::get_option('localseo')['local_seo_price_range']) ? esc_attr(Metasync::get_option('localseo')['local_seo_price_range']) : ''
        );
        printf(' <br> <span class="description"> The price range of the business, for example $$$. </span>');
    }

    public function local_seo_about_page_callback()
    {
    ?>
        <select name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][local_seo_about_page]') ?>">
            <option value='0'>Select About Page</option>
            <?php
            $about_page = Metasync::get_option('localseo')['local_seo_about_page'] ?? '';
            $pages = get_pages();
            foreach ($pages as $page) {
                printf('<option value="%s" %s >%s</option>', absint($page->ID), selected($page->ID, $about_page, false), esc_html($page->post_title));
            }
            ?>
        </select>
    <?php
        printf(' <br> <span class="description"> Search engines tag your about us page. </span>');
    }

    public function local_seo_contact_page_callback()
    {
    ?>
        <select name="<?php echo esc_attr(Metasync_Admin::option_key . '[localseo][local_seo_contact_page]') ?>">
            <option value='0'>Select Contact Page</option>
            <?php
            $contact_page = Metasync::get_option('localseo')['local_seo_contact_page'] ?? '';
            $pages = get_pages();
            foreach ($pages as $page) {
                printf('<option value="%s" %s >%s</option>', absint($page->ID), selected($page->ID, $contact_page, false), esc_html($page->post_title));
            }
            ?>
        </select>
    <?php
        printf(' <br> <span class="description"> Search engines tag your contact page. </span>');
    }

    public function local_seo_map_key_callback()
    {
        printf(
            '<input type="text" id="local_seo_map_key" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][local_seo_map_key]" value="%s" size="50" />',
            isset(Metasync::get_option('localseo')['local_seo_map_key']) ? esc_attr(Metasync::get_option('localseo')['local_seo_map_key']) : ''
        );

        printf(' <br> <span class="description"> An API Key is required to display embedded Google Maps on your site. </span>');
    }

    public function local_seo_geo_coordinates_callback()
    {
        printf(
            '<input type="text" id="local_seo_geo_coordinates" name="' . esc_attr(Metasync_Admin::option_key) . '[localseo][local_seo_geo_coordinates]" value="%s" size="50" />',
            isset(Metasync::get_option('localseo')['local_seo_geo_coordinates']) ? esc_attr(Metasync::get_option('localseo')['local_seo_geo_coordinates']) : ''
        );

        printf(' <br> <span class="description"> Latitude and longitude values separated by comma. </span>');
    }

    public function header_snippets_callback()
    {
        printf(
            '<textarea class="wide-text" id="header_snippets" rows="8" name="' . esc_attr(Metasync_Admin::option_key) . '[codesnippets][header_snippet]" >%s</textarea>',
            isset(Metasync::get_option('codesnippets')['header_snippet']) ? esc_attr(Metasync::get_option('codesnippets')['header_snippet']) : ''
        );
    }

    public function footer_snippets_callback()
    {
        printf(
            '<textarea class="wide-text" id="footer_snippets" rows="8" name="' . esc_attr(Metasync_Admin::option_key) . '[codesnippets][footer_snippet]" >%s</textarea>',
            isset(Metasync::get_option('codesnippets')['footer_snippet']) ? esc_attr(Metasync::get_option('codesnippets')['footer_snippet']) : ''
        );
    }

    public function common_robot_meta_tags_callback()
    {
        $common_robots_meta = Metasync::get_option('common_robots_meta') ?? Metasync::get_option('common_robots_mata') ?? '';

    ?>
        <ul class="checkbox-list">
            <li>
                <input type="checkbox" name="<?php echo esc_attr(Metasync_Admin::option_key . '[common_robots_meta][noindex]') ?>" id="robots_common2" value="noindex" <?php isset($common_robots_meta['noindex']) ? checked('noindex', $common_robots_meta['noindex']) : '' ?>>
                <label for="robots_common2">No Index </br>
                    <span class="description">
                        <span>Search engines not indexed and displayed this pages in search engine results</span>
                    </span>
                </label>
            </li>
            <li>
                <input type="checkbox" name="<?php echo esc_attr(Metasync_Admin::option_key . '[common_robots_meta][nofollow]') ?>" id="robots_common3" value="nofollow" <?php isset($common_robots_meta['nofollow']) ? checked('nofollow', $common_robots_meta['nofollow']) : '' ?>>
                <label for="robots_common3">No Follow </br>
                    <span class="description">
                        <span>Search engines not follow the links on the pages</span>
                    </span>
                </label>
            </li>
            <li>
                <input type="checkbox" name="<?php echo esc_attr(Metasync_Admin::option_key . '[common_robots_meta][noarchive]') ?>" id="robots_common4" value="noarchive" <?php isset($common_robots_meta['noarchive']) ? checked('noarchive', $common_robots_meta['noarchive']) : '' ?>>
                <label for="robots_common4">No Archive </br>
                    <span class="description">
                        <span>Search engines not showing Cached links for pages</span>
                    </span>
                </label>
            </li>
            <li>
                <input type="checkbox" name="<?php echo esc_attr(Metasync_Admin::option_key . '[common_robots_meta][noimageindex]') ?>" id="robots_common5" value="noimageindex" <?php isset($common_robots_meta['noimageindex']) ? checked('noimageindex', $common_robots_meta['noimageindex']) : '' ?>>
                <label for="robots_common5">No Image Index </br>
                    <span class="description">
                        <span>If you do not want to apear your pages as the referring page for images that appear in image search results</span>
                    </span>
                </label>
            </li>
            <li>
                <input type="checkbox" name="<?php echo esc_attr(Metasync_Admin::option_key . '[common_robots_meta][nosnippet]') ?>" id="robots_common6" value="nosnippet" <?php isset($common_robots_meta['nosnippet']) ? checked('nosnippet', $common_robots_meta['nosnippet']) : '' ?>>
                <label for="robots_common6">No Snippet </br>
                    <span class="description">
                        <span>Search engines not snippet to show in the search results</span>
                    </span>
                </label>
            </li>
        </ul>
    <?php
    }

    /**
     * @deprecated Use common_robot_meta_tags_callback() instead
     */
    public function common_robot_mata_tags_callback()
    {
        return $this->common_robot_meta_tags_callback();
    }

    public function advance_robot_meta_tags_callback()
    {
        $advance_robots_meta = Metasync::get_option('advance_robots_meta') ?? Metasync::get_option('advance_robots_mata') ?? '';

        $snippet_advance_robots_enable = $advance_robots_meta['max-snippet']['enable'] ?? '';
        $snippet_advance_robots_length = $advance_robots_meta['max-snippet']['length'] ?? '-1';
        $video_advance_robots_enable = $advance_robots_meta['max-video-preview']['enable'] ?? '';
        $video_advance_robots_length = $advance_robots_meta['max-video-preview']['length'] ?? '-1';
        $image_advance_robots_enable = $advance_robots_meta['max-image-preview']['enable'] ?? '';
        $image_advance_robots_length = $advance_robots_meta['max-image-preview']['length'] ?? '';

    ?>
        <ul class="checkbox-list">
            <li>
                <label for="advanced_robots_snippet">
                    <input type="checkbox" name="<?php echo esc_attr(Metasync_Admin::option_key . '[advance_robots_meta][max-snippet][enable]') ?>" id="advanced_robots_snippet" value="1" <?php checked('1', esc_attr($snippet_advance_robots_enable)) ?>>
                    Snippet </br>
                    <input type="number" class="input-length" name="<?php echo esc_attr(Metasync_Admin::option_key . '[advance_robots_meta][max-snippet][length]') ?>" id="advanced_robots_snippet_value" value="<?php echo esc_attr($snippet_advance_robots_length); ?>" min="-1"> </br>
                    <span class="description">
                        <span>Add maximum text-length, in characters, of a snippet for your page.</span>
                    </span>
                </label>
            </li>
            <li>
                <label for="advanced_robots_video">
                    <input type="checkbox" name="<?php echo esc_attr(Metasync_Admin::option_key . '[advance_robots_meta][max-video-preview][enable]') ?>" id="advanced_robots_video" value="1" <?php checked('1', esc_attr($video_advance_robots_enable)) ?>>
                    Video Preview </br>
                    <input type="number" class="input-length" name="<?php echo esc_attr(Metasync_Admin::option_key . '[advance_robots_meta][max-video-preview][length]') ?>" id="advanced_robots_video_value" value="<?php echo esc_attr($video_advance_robots_length); ?>" min="-1"> </br>
                    <span class="description">
                        <span>Add maximum duration in seconds of an animated video preview.</span>
                    </span>
                </label>
            </li>
            <li>
                <label for="advanced_robots_image">
                    <input type="checkbox" name="<?php echo esc_attr(Metasync_Admin::option_key . '[advance_robots_meta][max-image-preview][enable]') ?>" id="advanced_robots_image" value="1" <?php checked('1', esc_attr($image_advance_robots_enable)); ?>>
                    Image Preview </br>
                    <select class="input-length" name="<?php echo esc_attr(Metasync_Admin::option_key . '[advance_robots_meta][max-image-preview][length]') ?>" id="advanced_robots_image_value">
                        <option value="large" <?php selected('large', esc_attr($image_advance_robots_length)) ?>>Large</option>
                        <option value="standard" <?php selected('standard', esc_attr($image_advance_robots_length)) ?>>Standard</option>
                        <option value="none" <?php selected('none', esc_attr($image_advance_robots_length)) ?>>None</option>
                    </select>
                    </br>
                    <span class="description">
                        <span>Add maximum size of image preview to show the images on this page.</span>
                    </span>
                </label>
            </li>
        </ul>
    <?php
    }

    /**
     * @deprecated Use advance_robot_meta_tags_callback() instead
     */
    public function advance_robot_mata_tags_callback()
    {
        return $this->advance_robot_meta_tags_callback();
    }

    public function global_twitter_card_type_callback()
    {
        $twitter_card_type = Metasync::get_option('twitter_card_type') ?? '';
    ?>

        <select class="input-length" name="<?php echo esc_attr(Metasync_Admin::option_key . '[twitter_card_type]') ?>" id="twitter_card_type">
            <option value="summary_large_image" <?php selected('summary_large_image', esc_attr($twitter_card_type)) ?>>Summary Large Image</option>
            <option value="summary_card" <?php selected('summary_card', esc_attr($twitter_card_type)) ?>>Summary Card</option>
        </select>

        <?php
    }

    public function global_open_graph_meta_callback()
    {
        printf(
            '<input type="checkbox" name="' . esc_attr(Metasync_Admin::option_key) . '[common_meta_settings][open_graph_meta_tags]" value="true" %s />',
            isset(Metasync::get_option('common_meta_settings')['open_graph_meta_tags']) && Metasync::get_option('common_meta_settings')['open_graph_meta_tags'] == 'true' ? 'checked' : ''
        );
        printf(' <br> <span class="description"> Automatically add the Open Graph meta tags in a page or post.</span>');
    }

    public function global_facebook_meta_callback()
    {
        printf(
            '<input type="checkbox" name="' . esc_attr(Metasync_Admin::option_key) . '[common_meta_settings][facebook_meta_tags]" value="true" %s />',
            isset(Metasync::get_option('common_meta_settings')['facebook_meta_tags']) && Metasync::get_option('common_meta_settings')['facebook_meta_tags'] == 'true' ? 'checked' : ''
        );
        printf(' <br> <span class="description"> Automatically add the Facebook meta tags in a page or post.</span>');
    }

    public function global_twitter_meta_callback()
    {
        printf(
            '<input type="checkbox" name="' . esc_attr(Metasync_Admin::option_key) . '[common_meta_settings][twitter_meta_tags]" value="true" %s />',
            isset(Metasync::get_option('common_meta_settings')['twitter_meta_tags']) && Metasync::get_option('common_meta_settings')['twitter_meta_tags'] == 'true' ? 'checked' : ''
        );
        printf(' <br> <span class="description"> Automatically add the Twitter meta tags in a page or post.</span>');
    }

    public function og_image_dimensions_callback()
    {
        $val = Metasync::get_option('common_meta_settings')['og_image_dimensions'] ?? 'true';
        printf(
            '<input type="checkbox" name="' . esc_attr(Metasync_Admin::option_key) . '[common_meta_settings][og_image_dimensions]" value="true" %s />',
            $val === 'true' ? 'checked' : ''
        );
        printf('<span class="description"> Output og:image:width, og:image:height, and og:image:type when OG image metadata is available.</span>');
    }

    public function article_timestamps_callback()
    {
        $val = Metasync::get_option('common_meta_settings')['article_timestamps'] ?? 'true';
        printf(
            '<input type="checkbox" name="' . esc_attr(Metasync_Admin::option_key) . '[common_meta_settings][article_timestamps]" value="true" %s />',
            $val === 'true' ? 'checked' : ''
        );
        printf('<span class="description"> Output article:published_time and article:modified_time from the post publish and modified dates (ISO 8601).</span>');
    }

    public function article_author_callback()
    {
        $val = Metasync::get_option('common_meta_settings')['article_author'] ?? 'true';
        printf(
            '<input type="checkbox" name="' . esc_attr(Metasync_Admin::option_key) . '[common_meta_settings][article_author]" value="true" %s />',
            $val === 'true' ? 'checked' : ''
        );
        printf('<span class="description"> Output article:author using the post author website URL or archive URL (overridable per-post via _metasync_og_article_author meta).</span>');
    }

    public function article_section_callback()
    {
        $val = Metasync::get_option('common_meta_settings')['article_section'] ?? 'true';
        printf(
            '<input type="checkbox" name="' . esc_attr(Metasync_Admin::option_key) . '[common_meta_settings][article_section]" value="true" %s />',
            $val === 'true' ? 'checked' : ''
        );
        printf('<span class="description"> Output article:section from the primary category (falls back to first category).</span>');
    }

    public function article_tags_callback()
    {
        $val = Metasync::get_option('common_meta_settings')['article_tags'] ?? 'true';
        printf(
            '<input type="checkbox" name="' . esc_attr(Metasync_Admin::option_key) . '[common_meta_settings][article_tags]" value="true" %s />',
            $val === 'true' ? 'checked' : ''
        );
        printf('<span class="description"> Output one article:tag meta tag per WordPress post tag.</span>');
    }

    public function twitter_image_alt_callback()
    {
        $val = Metasync::get_option('common_meta_settings')['twitter_image_alt'] ?? 'true';
        printf(
            '<input type="checkbox" name="' . esc_attr(Metasync_Admin::option_key) . '[common_meta_settings][twitter_image_alt]" value="true" %s />',
            $val === 'true' ? 'checked' : ''
        );
        printf('<span class="description"> Output twitter:image:alt using the stored alt text or the OG image attachment alt attribute.</span>');
    }

    public function facebook_page_url_callback()
    {
        $facebook_page_url = Metasync::get_option('social_meta')['facebook_page_url'] ?? '';
        printf('<input type="text" name="' . esc_attr(Metasync_Admin::option_key) . '[social_meta][facebook_page_url]" value="%s" size="50" />', esc_attr($facebook_page_url));
        printf('<br><span class="description"> Enter your Facebook page URL. eg: <code>https://www.facebook.com/MetaSync/</code> </span>');
    }

    public function facebook_authorship_callback()
    {
        $facebook_authorship = Metasync::get_option('social_meta')['facebook_authorship'] ?? '';
        printf('<input type="text" name="' . esc_attr(Metasync_Admin::option_key) . '[social_meta][facebook_authorship]" value="%s" size="50" />', esc_attr($facebook_authorship));
        printf('<br><span class="description"> Enter Facebook profile URL to show Facebook Authorship when your articles are being shared on Facebook. eg: <code>https://www.facebook.com/shahrukh/</code> </span>');
    }

    public function facebook_admin_callback()
    {
        $facebook_admin = Metasync::get_option('social_meta')['facebook_admin'] ?? '';
        printf('<input type="text" name="' . esc_attr(Metasync_Admin::option_key) . '[social_meta][facebook_admin]" value="%s" size="50" />', esc_attr($facebook_admin));
        printf(' <br> <span class="description"> Enter numeric user ID of Facebook. </span>');
    }

    public function facebook_app_callback()
    {
        $facebook_app = Metasync::get_option('social_meta')['facebook_app'] ?? '';
        printf('<input type="text" name="' . esc_attr(Metasync_Admin::option_key) . '[social_meta][facebook_app]" value="%s" size="50" />', esc_attr($facebook_app));
        printf(' <br> <span class="description"> Enter numeric app ID of Facebook </span>');
    }

    public function facebook_secret_callback()
    {
        $facebook_secret = Metasync::get_option('social_meta')['facebook_secret'] ?? '';
        printf('<input type="text" name="' . esc_attr(Metasync_Admin::option_key) . '[social_meta][facebook_secret]" value="%s" size="50" />', esc_attr($facebook_secret));
        printf(' <br> <span class="description"> Enter alphanumeric access token from Facebook. </span>');
    }

    public function twitter_username_callback()
    {
        $twitter_username = Metasync::get_option('social_meta')['twitter_username'] ?? '';
        printf('<input type="text" name="' . esc_attr(Metasync_Admin::option_key) . '[social_meta][twitter_username]" value="%s" size="50" />', esc_attr($twitter_username));
        printf(' <br> <span class="description"> Twitter username of the author to add <code>twitter:creator</code> tag to post. eg: <code>MetaSync</code> </span>');
    }

    public static function get_business_types()
    {
        $business_type = [
            'Airline',
            'Consortium',
            'Corporation',
            'Educational Organization',
            'College Or University',
            'Elementary School',
            'High School',
            'Middle School',
            'Preschool',
            'School',
            'Funding Scheme',
            'Government Organization',
            'Library System',
            'Local Business',
            'Animal Shelter',
            'Archive Organization',
            'Automotive Business',
            'Auto Body Shop',
            'Auto Dealer',
            'Auto Parts Store',
            'Auto Rental',
            'Auto Repair',
            'Auto Wash',
            'Gas Station',
            'Motorcycle Dealer',
            'Motorcycle Repair',
            'Child Care',
            'Dry Cleaning Or Laundry',
            'Emergency Service',
            'Fire Station',
            'Hospital',
            'Police Station',
            'Employment Agency',
            'Entertainment Business',
            'Adult Entertainment',
            'Amusement Park',
            'Art Gallery',
            'Casino',
            'Comedy Club',
            'Movie Theater',
            'Night Club',
            'Financial Service',
            'Accounting Service',
            'Automated Teller',
            'Bank Or CreditUnion',
            'Insurance Agency',
            'Food Establishment',
            'Bakery',
            'Bar Or Pub',
            'Brewery',
            'Cafe Or CoffeeShop',
            'Distillery',
            'Fast Food Restaurant',
            'IceCream Shop',
            'Restaurant',
            'Winery',
            'Government Office',
            'Post Office',
            'Health And Beauty Business',
            'Beauty Salon',
            'Day Spa',
            'Hair Salon',
            'Health Club',
            'Nail Salon',
            'Tattoo Parlor',
            'Home And Construction Business',
            'Electrician',
            'General Contractor',
            'HVAC Business',
            'House Painter',
            'Locksmith',
            'Moving Company',
            'Plumber',
            'Roofing Contractor',
            'Internet Cafe',
            'Legal Service',
            'Attorney',
            'Notary',
            'Library',
            'Lodging Business',
            'Bed And Breakfast',
            'Campground',
            'Hostel',
            'Hotel',
            'Motel',
            'Resort',
            'Ski Resort',
            'Medical Business',
            'Community Health',
            'Dentist',
            'Dermatology',
            'Diet Nutrition',
            'Emergency',
            'Geriatric',
            'Gynecologic',
            'Medical Clinic',
            'Optician',
            'Pharmacy',
            'Physician',
            'Professional Service',
            'Radio Station',
            'Real Estate Agent',
            'Recycling Center',
            'Self Storage',
            'Shopping Center',
            'Sports Activity Location',
            'Bowling Alley',
            'Exercise Gym',
            'Golf Course',
            'Public Swimming Pool',
            'Ski Resort',
            'Sports Club',
            'Stadium Or Arena',
            'Tennis Complex',
            'Store',
            'Bike Store',
            'Book Store',
            'Clothing Store',
            'Computer Store',
            'Convenience Store',
            'Department Store',
            'Electronics Store',
            'Florist',
            'Furniture Store',
            'Garden Store',
            'Grocery Store',
            'Hardware Store',
            'Hobby Shop',
            'Home Goods Store',
            'Jewelry Store',
            'Liquor Store',
            'Mens Clothing Store',
            'Mobile Phone Store',
            'Movie Rental Store',
            'Music Store',
            'Office Equipment Store',
            'Outlet Store',
            'Pawn Shop',
            'Pet Store',
            'Shoe Store',
            'Sporting GoodsStore',
            'Tire Shop',
            'Toy Store',
            'Wholesale Store',
            'Television Station',
            'Tourist Information Center',
            'Travel Agency',
            'Tree Services',
            'Medical Organization',
            'Diagnostic Lab',
            'Veterinary Care',
            'NGO',
            'News Media Organization',
            'Performing Group',
            'Dance Group',
            'Music Group',
            'Theater Group',
            'Project',
            'Funding Agency',
            'Research Project',
            'Sports Organization',
            'Sports Team',
            'Workers Union',
        ];

        return $business_type;
    }

    /**
     * Render breadcrumbs settings section
     *
     * Rendered by the dedicated Breadcrumbs admin page. The three checkbox
     * fields each ship a hidden companion input so their keys are always
     * present in the submitted payload, which lets the save handlers treat an
     * absent key as "this form does not manage that field" instead of
     * "unchecked".
     */
    public function render_breadcrumbs_section() {
        $options = Metasync::get_option('breadcrumbs', array());

        $defaults = array(
            'enabled' => true,
            'separator' => '»',
            'home_label' => 'Home',
            'home_url' => '',
            'show_current_page' => true,
            'prefix_text' => '',
            'archive_label_format' => '{name}',
            'disable_schema' => false,
        );

        $options = wp_parse_args($options, $defaults);

        # Older builds stored the separator as an HTML entity (e.g. "&raquo;").
        # Decode before matching so the saved choice still lights up its radio.
        $separator_presets = array('»', '/', '>', '·');
        $separator_current = html_entity_decode((string) $options['separator'], ENT_QUOTES, 'UTF-8');
        if ($separator_current === '') {
            $separator_current = '»';
        }
        # A separator that predates the radio picker (or came from the old free
        # text field) gets its own option so it stays selected and round-trips.
        $separator_custom = in_array($separator_current, $separator_presets, true) ? '' : $separator_current;
        ?>
        <div style="background: var(--dashboard-card-bg); padding: 20px; border-radius: 8px;">

            <!-- Enable/Disable -->
            <div style="margin-bottom: 24px;">
                <label style="display: flex; align-items: center; gap: 12px; cursor: pointer;">
                    <input type="hidden" name="metasync_options[breadcrumbs][enabled]" value="0">
                    <input type="checkbox"
                           name="metasync_options[breadcrumbs][enabled]"
                           value="1"
                           <?php checked($options['enabled'], 1); ?>
                           style="width: 18px; height: 18px; cursor: pointer;">
                    <span style="font-weight: 500; color: var(--dashboard-text);">Enable breadcrumbs globally</span>
                    <?php Metasync::render_tooltip_icon('breadcrumbs_enabled', 'Shows a trail of links (e.g. Home > Blog > This Post) near the top of your pages so visitors can see where they are and navigate back up a level. Turn off to hide breadcrumbs everywhere.'); ?>
                </label>
                <p style="margin: 8px 0 0 0; font-size: 12px; color: var(--dashboard-text-secondary);">
                    Enable or disable breadcrumb navigation on your site
                </p>
            </div>

            <!-- Disable Schema Markup -->
            <div style="margin-bottom: 24px;">
                <label style="display: flex; align-items: center; gap: 12px; cursor: pointer;">
                    <input type="hidden" name="metasync_options[breadcrumbs][disable_schema]" value="0">
                    <input type="checkbox"
                           name="metasync_options[breadcrumbs][disable_schema]"
                           value="1"
                           <?php checked($options['disable_schema'], 1); ?>
                           style="width: 18px; height: 18px; cursor: pointer;">
                    <span style="font-weight: 500; color: var(--dashboard-text);">Disable breadcrumb schema markup (JSON-LD)</span>
                    <?php Metasync::render_tooltip_icon('breadcrumbs_disable_schema', 'Leave off. Only check this if another SEO plugin (Yoast, Rank Math, etc.) already sends breadcrumb data to Google, so you don\'t send it twice.'); ?>
                </label>
                <p style="margin: 8px 0 0 0; font-size: 12px; color: var(--dashboard-text-secondary);">
                    When checked, MetaSync will not output the <code style="background: rgba(0,0,0,0.1); padding: 2px 4px; border-radius: 3px;">BreadcrumbList</code> JSON-LD in <code style="background: rgba(0,0,0,0.1); padding: 2px 4px; border-radius: 3px;">&lt;head&gt;</code>. Use this if another SEO plugin already handles breadcrumb schema.
                </p>
            </div>

            <!-- Separator Character -->
            <div style="margin-bottom: 24px;">
                <label for="breadcrumb_separator" style="display: block; margin-bottom: 8px; font-weight: 500; color: var(--dashboard-text);">
                    Separator Character
                </label>
                <div style="display: flex; gap: 12px; flex-wrap: wrap;">
                    <?php foreach ($separator_presets as $separator_option) : ?>
                    <label style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
                        <input type="radio" name="metasync_options[breadcrumbs][separator]" value="<?php echo esc_attr($separator_option); ?>" <?php checked($separator_current, $separator_option); ?>>
                        <span style="color: var(--dashboard-text);"><?php echo esc_html($separator_option); ?></span>
                    </label>
                    <?php endforeach; ?>
                    <div style="display: flex; align-items: center; gap: 8px;">
                        <label style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
                            <input type="radio" id="metasync-breadcrumb-separator-custom" name="metasync_options[breadcrumbs][separator]" value="<?php echo esc_attr($separator_custom); ?>" <?php checked($separator_custom !== ''); ?>>
                            <span style="color: var(--dashboard-text);">Custom</span>
                        </label>
                        <input type="text" value="<?php echo esc_attr($separator_custom); ?>" placeholder="~" maxlength="16" aria-label="Custom separator character" oninput="var r=document.getElementById('metasync-breadcrumb-separator-custom');r.value=this.value;r.checked=true" style="width: 80px; padding: 8px 10px; background: var(--dashboard-input-bg); border: 1px solid var(--dashboard-border); border-radius: 6px; color: var(--dashboard-text); font-size: 14px;">
                    </div>
                </div>
                <p style="margin: 8px 0 0 0; font-size: 12px; color: var(--dashboard-text-secondary);">
                    Choose how to separate breadcrumb items
                </p>
            </div>

            <!-- Home Label -->
            <div style="margin-bottom: 24px;">
                <label for="breadcrumb_home_label" style="display: block; margin-bottom: 8px; font-weight: 500; color: var(--dashboard-text);">
                    Home Label
                </label>
                <input type="text"
                       id="breadcrumb_home_label"
                       name="metasync_options[breadcrumbs][home_label]"
                       value="<?php echo esc_attr($options['home_label']); ?>"
                       placeholder="Home"
                       style="width: 100%; padding: 10px 12px; background: var(--dashboard-input-bg); border: 1px solid var(--dashboard-border); border-radius: 6px; color: var(--dashboard-text); font-size: 14px; box-sizing: border-box;">
                <p style="margin: 8px 0 0 0; font-size: 12px; color: var(--dashboard-text-secondary);">
                    Label for the home/root breadcrumb item
                </p>
            </div>

            <!-- Home URL -->
            <div style="margin-bottom: 24px;">
                <label for="breadcrumb_home_url" style="display: block; margin-bottom: 8px; font-weight: 500; color: var(--dashboard-text);">
                    Home URL
                </label>
                <input type="url"
                       id="breadcrumb_home_url"
                       name="metasync_options[breadcrumbs][home_url]"
                       value="<?php echo esc_attr($options['home_url']); ?>"
                       placeholder="<?php echo esc_attr(home_url('/')); ?>"
                       style="width: 100%; padding: 10px 12px; background: var(--dashboard-input-bg); border: 1px solid var(--dashboard-border); border-radius: 6px; color: var(--dashboard-text); font-size: 14px; box-sizing: border-box;">
                <p style="margin: 8px 0 0 0; font-size: 12px; color: var(--dashboard-text-secondary);">
                    Leave empty to use your site home URL
                </p>
            </div>

            <!-- Show Current Page -->
            <div style="margin-bottom: 24px;">
                <label style="display: flex; align-items: center; gap: 12px; cursor: pointer;">
                    <input type="hidden" name="metasync_options[breadcrumbs][show_current_page]" value="0">
                    <input type="checkbox"
                           name="metasync_options[breadcrumbs][show_current_page]"
                           value="1"
                           <?php checked($options['show_current_page'], 1); ?>
                           style="width: 18px; height: 18px; cursor: pointer;">
                    <span style="font-weight: 500; color: var(--dashboard-text);">Show current page</span>
                </label>
                <p style="margin: 8px 0 0 0; font-size: 12px; color: var(--dashboard-text-secondary);">
                    Include the current page as the last (unlinked) breadcrumb item
                </p>
            </div>

            <!-- Prefix Text -->
            <div style="margin-bottom: 24px;">
                <label for="breadcrumb_prefix" style="display: block; margin-bottom: 8px; font-weight: 500; color: var(--dashboard-text);">
                    Prefix Text
                </label>
                <input type="text"
                       id="breadcrumb_prefix"
                       name="metasync_options[breadcrumbs][prefix_text]"
                       value="<?php echo esc_attr($options['prefix_text']); ?>"
                       placeholder='e.g., "You are here:"'
                       style="width: 100%; padding: 10px 12px; background: var(--dashboard-input-bg); border: 1px solid var(--dashboard-border); border-radius: 6px; color: var(--dashboard-text); font-size: 14px; box-sizing: border-box;">
                <p style="margin: 8px 0 0 0; font-size: 12px; color: var(--dashboard-text-secondary);">
                    Optional text to display before the breadcrumbs (leave empty for none)
                </p>
            </div>

            <!-- Archive Label Format -->
            <div style="margin-bottom: 24px;">
                <label for="breadcrumb_archive_format" style="display: block; margin-bottom: 8px; font-weight: 500; color: var(--dashboard-text);">
                    Archive Label Format
                    <?php Metasync::render_tooltip_icon('breadcrumb_archive_format', 'On category/archive pages, {name} is replaced with that section\'s name. Type {name} alone for just the name, or something like "Category: {name}".'); ?>
                </label>
                <input type="text"
                       id="breadcrumb_archive_format"
                       name="metasync_options[breadcrumbs][archive_label_format]"
                       value="<?php echo esc_attr($options['archive_label_format']); ?>"
                       placeholder="{name}"
                       style="width: 100%; padding: 10px 12px; background: var(--dashboard-input-bg); border: 1px solid var(--dashboard-border); border-radius: 6px; color: var(--dashboard-text); font-size: 14px; box-sizing: border-box;">
                <p style="margin: 8px 0 0 0; font-size: 12px; color: var(--dashboard-text-secondary);">
                    Use <code style="background: rgba(0,0,0,0.1); padding: 2px 4px; border-radius: 3px;">{name}</code> as a placeholder for the archive name. Example: <code style="background: rgba(0,0,0,0.1); padding: 2px 4px; border-radius: 3px;">Category: {name}</code>
                </p>
            </div>

        </div>
        <?php
    }
}