<?php
namespace WPAvatar;

class Settings {
    public static function init() {
        add_action('admin_menu', [__CLASS__, 'add_admin_menu']);
        add_action('admin_init', [__CLASS__, 'register_settings']);
        add_action('admin_enqueue_scripts', [__CLASS__, 'enqueue_assets']);
        add_action('admin_notices', [__CLASS__, 'display_notices']);
    }

    public static function add_admin_menu() {
        add_options_page(
            __('文派头像设置', 'wpavatar'),
            __('头像', 'wpavatar'),
            'manage_options',
            'wpavatar-settings',
            [__CLASS__, 'render_settings_page']
        );
    }

    public static function register_settings() {
        // 注册设置组和设置字段
        register_setting('wpavatar_basic', 'wpavatar_enable_cravatar', ['type' => 'boolean']);
        register_setting('wpavatar_basic', 'wpavatar_cdn_type', ['type' => 'string']);
        register_setting('wpavatar_basic', 'wpavatar_cravatar_route', ['type' => 'string']);
        register_setting('wpavatar_basic', 'wpavatar_third_party_mirror', ['type' => 'string']);
        register_setting('wpavatar_basic', 'wpavatar_custom_cdn', ['type' => 'string']);
        register_setting('wpavatar_basic', 'wpavatar_hash_method', ['type' => 'string']);
        register_setting('wpavatar_basic', 'wpavatar_timeout', ['type' => 'integer']);

        register_setting('wpavatar_cache', 'wpavatar_enable_cache', ['type' => 'boolean']);
        register_setting('wpavatar_cache', 'wpavatar_cache_path', [
            'type' => 'string',
            'sanitize_callback' => [__CLASS__, 'sanitize_cache_path']
        ]);
        register_setting('wpavatar_cache', 'wpavatar_cache_expire', ['type' => 'integer']);

        register_setting('wpavatar_advanced', 'wpavatar_seo_alt', ['type' => 'string']);
        register_setting('wpavatar_advanced', 'wpavatar_fallback_mode', ['type' => 'boolean']);
        register_setting('wpavatar_advanced', 'wpavatar_fallback_avatar', ['type' => 'string']);

        register_setting('wpavatar_shortcodes', 'wpavatar_shortcode_size', ['type' => 'integer']);
        register_setting('wpavatar_shortcodes', 'wpavatar_shortcode_class', ['type' => 'string']);
        register_setting('wpavatar_shortcodes', 'wpavatar_shortcode_shape', ['type' => 'string']);

        // 注册营销组件设置
        register_setting('wpavatar_marketing', 'wpavatar_commenters_count', ['type' => 'integer']);
        register_setting('wpavatar_marketing', 'wpavatar_commenters_size', ['type' => 'integer']);
        register_setting('wpavatar_marketing', 'wpavatar_users_count', ['type' => 'integer']);
        register_setting('wpavatar_marketing', 'wpavatar_users_size', ['type' => 'integer']);
    }

    public static function sanitize_cache_path($value) {
        $value = sanitize_text_field($value);
        $value = rtrim($value, '/\\') . '/';

        if (!preg_match('~^(?:/|\\\\|[a-zA-Z]:)~', $value)) {
            $value = WP_CONTENT_DIR . '/' . ltrim($value, '/\\');
        }

        if (!file_exists($value)) {
            if (!wp_mkdir_p($value)) {
                add_settings_error(
                    'wpavatar_cache',
                    'cache_path_invalid',
                    __('无法创建缓存目录，请检查权限', 'wpavatar'),
                    'error'
                );
                return get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR);
            }
        } elseif (!is_dir($value)) {
            add_settings_error(
                'wpavatar_cache',
                'cache_path_invalid',
                __('指定的路径不是有效目录', 'wpavatar'),
                'error'
            );
            return get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR);
        } elseif (!is_writable($value)) {
            add_settings_error(
                'wpavatar_cache',
                'cache_path_invalid',
                __('缓存目录不可写，请检查权限', 'wpavatar'),
                'error'
            );
            return get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR);
        }

        // If multisite, ensure the site-specific cache directory exists
        if (is_multisite()) {
            $blog_id = get_current_blog_id();
            $site_cache_dir = trailingslashit($value) . 'site-' . $blog_id;

            if (!file_exists($site_cache_dir)) {
                if (!wp_mkdir_p($site_cache_dir)) {
                    add_settings_error(
                        'wpavatar_cache',
                        'cache_path_invalid',
                        __('无法创建站点缓存目录，请检查权限', 'wpavatar'),
                        'error'
                    );
                    return get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR);
                }
            }

            $index_file = $site_cache_dir . '/index.php';
            if (!file_exists($index_file)) {
                @file_put_contents($index_file, '<?php // Silence is golden.');
            }
        } else {
            $index_file = $value . 'index.php';
            if (!file_exists($index_file)) {
                @file_put_contents($index_file, '<?php // Silence is golden.');
            }
        }

        return $value;
    }

    public static function enqueue_assets($hook) {
        if ($hook !== 'settings_page_wpavatar-settings') {
            return;
        }

        wp_enqueue_style(
            'wpavatar-admin',
            WPAVATAR_PLUGIN_URL . 'assets/css/admin.css',
            [],
            WPAVATAR_VERSION
        );

        wp_enqueue_script(
            'wpavatar-admin',
            WPAVATAR_PLUGIN_URL . 'assets/js/admin.js',
            ['jquery'],
            WPAVATAR_VERSION,
            true
        );

        wp_localize_script('wpavatar-admin', 'wpavatar', [
            'nonce' => wp_create_nonce('wpavatar_admin_nonce'),
            'ajaxurl' => admin_url('admin-ajax.php'),
            'cache_path' => wpavatar_get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR),
            'plugin_url' => WPAVATAR_PLUGIN_URL,
            'assets_url' => WPAVATAR_PLUGIN_URL . 'assets/',
            'is_network_admin' => '0',
            'is_multisite' => is_multisite() ? '1' : '0',
        ]);

        wp_localize_script('wpavatar-admin', 'wpavatar_l10n', [
            'checking' => __('检查中...', 'wpavatar'),
            'checking_status' => __('正在检查缓存状态...', 'wpavatar'),
            'check_failed' => __('检查失败，请重试', 'wpavatar'),
            'request_failed' => __('请求失败，请检查网络连接', 'wpavatar'),
            'check_cache' => __('检查缓存状态', 'wpavatar'),
            'confirm_purge' => __('确定要清空所有缓存头像吗？此操作无法撤销。', 'wpavatar'),
            'purging' => __('清空中...', 'wpavatar'),
            'purging_cache' => __('正在清空缓存...', 'wpavatar'),
            'purge_failed' => __('清空失败，请重试', 'wpavatar'),
            'purge_cache' => __('清空缓存', 'wpavatar'),
            'enter_custom_cdn' => __('请输入自定义CDN域名', 'wpavatar'),
            'enter_cache_path' => __('请输入缓存目录路径', 'wpavatar'),
            'settings_saved' => __('设置已成功保存。', 'wpavatar')
        ]);
    }

    public static function display_notices() {
        settings_errors('wpavatar_basic');
        settings_errors('wpavatar_cache');
        settings_errors('wpavatar_advanced');
        settings_errors('wpavatar_shortcodes');
        settings_errors('wpavatar_marketing');
    }

    public static function render_settings_page() {
        // 检查多站点网络控制
        if (is_multisite()) {
            $network_enabled = get_site_option('wpavatar_network_enabled', 1);
            $network_enforce = get_site_option('wpavatar_network_enforce', 0);
            $network_controlled_options = get_site_option('wpavatar_network_controlled_options', array());

            if (!is_array($network_controlled_options)) {
                $network_controlled_options = explode(',', $network_controlled_options);
            }
        }

        $active_tab = isset($_GET['tab']) ? sanitize_text_field($_GET['tab']) : 'basic';
        ?>
        <div class="wrap wpavatar-settings">
          <h1><?php esc_html_e('文派头像设置', 'wpavatar'); ?>
              <span style="font-size: 13px; padding-left: 10px;"><?php printf(esc_html__('版本: %s', 'wpavatar'), esc_html(WPAVATAR_VERSION)); ?></span>
              <a href="https://wpavatar.com/document/" target="_blank" class="button button-secondary" style="margin-left: 10px;"><?php esc_html_e('文档', 'wpavatar'); ?></a>
              <a href="https://cravatar.com/forums/" target="_blank" class="button button-secondary"><?php esc_html_e('支持', 'wpavatar'); ?></a>
          </h1>

            <div id="wpavatar-status" class="notice" style="display:none; margin-top: 10px;"></div>
            <div class="wpavatar-card">
            <div class="wpavatar-tabs-wrapper">
                <div class="wpavatar-sync-tabs">
                    <button type="button" class="wpavatar-tab <?php echo $active_tab === 'basic' ? 'active' : ''; ?>" data-tab="basic">
                        <?php _e('基础设置', 'wpavatar'); ?>
                    </button>
                    <button type="button" class="wpavatar-tab <?php echo $active_tab === 'cache' ? 'active' : ''; ?>" data-tab="cache">
                        <?php _e('缓存控制', 'wpavatar'); ?>
                    </button>
                    <button type="button" class="wpavatar-tab <?php echo $active_tab === 'advanced' ? 'active' : ''; ?>" data-tab="advanced">
                        <?php _e('高级设置', 'wpavatar'); ?>
                    </button>
                    <button type="button" class="wpavatar-tab <?php echo $active_tab === 'shortcodes' ? 'active' : ''; ?>" data-tab="shortcodes">
                        <?php _e('头像简码', 'wpavatar'); ?>
                    </button>
                    <button type="button" class="wpavatar-tab <?php echo $active_tab === 'marketing' ? 'active' : ''; ?>" data-tab="marketing">
                        <?php _e('营销组件', 'wpavatar'); ?>
                    </button>
                </div>
            </div>

            <div class="wpavatar-section" id="wpavatar-section-basic" style="<?php echo $active_tab !== 'basic' ? 'display: none;' : ''; ?>">
                <h2><?php _e('基础设置', 'wpavatar'); ?></h2>
                <p class="wpavatar-section-desc"><?php _e('配置头像服务和CDN设置。', 'wpavatar'); ?></p>

                <?php if (is_multisite() && $network_enabled): ?>
                <div class="wpavatar-network-notice">
                    <p>
                        <?php if (in_array('wpavatar_enable_cravatar', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('启用初认头像', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_cdn_type', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('线路选择', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_cravatar_route', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('Cravatar官方源', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_third_party_mirror', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('第三方镜像', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_custom_cdn', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('自定义CDN', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_hash_method', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('头像哈希方法', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_timeout', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('超时设置', 'wpavatar'); ?><br>
                        <?php endif; ?>

                        <?php if (array_intersect(['wpavatar_enable_cravatar', 'wpavatar_cdn_type', 'wpavatar_cravatar_route', 'wpavatar_third_party_mirror', 'wpavatar_custom_cdn', 'wpavatar_hash_method', 'wpavatar_timeout'], $network_controlled_options)): ?>
                            <em><?php _e('以上选项由网络管理员控制，您的更改将不会生效。', 'wpavatar'); ?></em>
                        <?php endif; ?>
                    </p>
                </div>
                <?php endif; ?>

                <form method="post" action="options.php" id="wpavatar-basic-form">
                    <?php
                    settings_fields('wpavatar_basic');

                    // Get option values using wpavatar_get_option instead of get_option
                    $enable_cravatar = wpavatar_get_option('wpavatar_enable_cravatar', 1);
                    $cdn_type = wpavatar_get_option('wpavatar_cdn_type', 'cravatar_route');
                    $cravatar_route = wpavatar_get_option('wpavatar_cravatar_route', 'cravatar.com');
                    $third_party_mirror = wpavatar_get_option('wpavatar_third_party_mirror', 'weavatar.com');
                    $custom_cdn = wpavatar_get_option('wpavatar_custom_cdn', '');
                    $hash_method = wpavatar_get_option('wpavatar_hash_method', 'md5');
                    $timeout = wpavatar_get_option('wpavatar_timeout', 5);

                    // Determine if fields should be disabled in multisite
                    $disabled_enable_cravatar = (is_multisite() && $network_enabled && in_array('wpavatar_enable_cravatar', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_cdn_type = (is_multisite() && $network_enabled && in_array('wpavatar_cdn_type', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_cravatar_route = (is_multisite() && $network_enabled && in_array('wpavatar_cravatar_route', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_third_party_mirror = (is_multisite() && $network_enabled && in_array('wpavatar_third_party_mirror', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_custom_cdn = (is_multisite() && $network_enabled && in_array('wpavatar_custom_cdn', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_hash_method = (is_multisite() && $network_enabled && in_array('wpavatar_hash_method', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_timeout = (is_multisite() && $network_enabled && in_array('wpavatar_timeout', $network_controlled_options)) ? 'disabled' : '';
                    ?>
                    <table class="form-table">
                        <tr>
                            <th><?php _e('启用初认头像', 'wpavatar'); ?></th>
                            <td>
                                <label class="wpavatar-switch">
                                    <input type="checkbox" name="wpavatar_enable_cravatar" value="1" <?php checked($enable_cravatar); ?> <?php echo $disabled_enable_cravatar; ?>>
                                    <span class="wpavatar-slider"></span>
                                    <span class="wpavatar-switch-label"><?php _e('替换WordPress默认头像为Cravatar', 'wpavatar'); ?></span>
                                </label>
                                <p class="description"><?php _e('启用后将WordPress默认的Gravatar头像替换为Cravatar，提高国内访问速度', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                        <tr>
                            <th><?php _e('线路选择', 'wpavatar'); ?></th>
                            <td>
                                <label class="wpavatar-radio">
                                    <input type="radio" name="wpavatar_cdn_type" value="cravatar_route" <?php checked($cdn_type, 'cravatar_route'); ?> <?php echo $disabled_cdn_type; ?>>
                                    <span class="wpavatar-radio-label"><?php _e('Cravatar自选线路', 'wpavatar'); ?></span>
                                </label><br>
                                <label class="wpavatar-radio">
                                    <input type="radio" name="wpavatar_cdn_type" value="third_party" <?php checked($cdn_type, 'third_party'); ?> <?php echo $disabled_cdn_type; ?>>
                                    <span class="wpavatar-radio-label"><?php _e('第三方镜像', 'wpavatar'); ?></span>
                                </label><br>
                                <label class="wpavatar-radio">
                                    <input type="radio" name="wpavatar_cdn_type" value="custom" <?php checked($cdn_type, 'custom'); ?> <?php echo $disabled_cdn_type; ?>>
                                    <span class="wpavatar-radio-label"><?php _e('自定义CDN', 'wpavatar'); ?></span>
                                </label>
                            </td>
                        </tr>
                        <tr class="cdn-option cravatar-route-option" <?php echo $cdn_type !== 'cravatar_route' ? 'style="display:none;"' : ''; ?>>
                            <th><?php _e('Cravatar官方源', 'wpavatar'); ?></th>
                            <td>
                                <select name="wpavatar_cravatar_route" class="wpavatar-select" <?php echo $disabled_cravatar_route; ?>>
                                    <option value="cravatar.cn" <?php selected($cravatar_route, 'cravatar.cn'); ?>><?php _e('默认线路 (cravatar.com)', 'wpavatar'); ?></option>
                                    <option value="cn.cravatar.com" <?php selected($cravatar_route, 'cn.cravatar.com'); ?>><?php _e('中国 (cn.cravatar.com)', 'wpavatar'); ?></option>
                                    <option value="hk.cravatar.com" <?php selected($cravatar_route, 'hk.cravatar.com'); ?>><?php _e('香港 (hk.cravatar.com)', 'wpavatar'); ?></option>
                                    <option value="en.cravatar.com" <?php selected($cravatar_route, 'en.cravatar.com'); ?>><?php _e('国际 (en.cravatar.com)', 'wpavatar'); ?></option>
                                </select>
                                <p class="description"><?php _e('选择适合您网站访客的Cravatar线路', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                        <tr class="cdn-option third-party-option" <?php echo $cdn_type !== 'third_party' ? 'style="display:none;"' : ''; ?>>
                            <th><?php _e('第三方镜像', 'wpavatar'); ?></th>
                            <td>
                                <select name="wpavatar_third_party_mirror" class="wpavatar-select" <?php echo $disabled_third_party_mirror; ?>>
                                    <option value="weavatar.com" <?php selected($third_party_mirror, 'weavatar.com'); ?>><?php _e('WeAvatar (weavatar.com)', 'wpavatar'); ?></option>
                                    <option value="libravatar.org" <?php selected($third_party_mirror, 'libravatar.org'); ?>><?php _e('Libravatar (libravatar.org)', 'wpavatar'); ?></option>
                                    <option value="gravatar.loli.net" <?php selected($third_party_mirror, 'gravatar.loli.net'); ?>><?php _e('Loli镜像 (gravatar.loli.net)', 'wpavatar'); ?></option>
                                    <option value="gravatar.webp.se/avatar" <?php selected($third_party_mirror, 'gravatar.webp.se/avatar'); ?>><?php _e('Webp源 (gravatar.webp.se)', 'wpavatar'); ?></option>
                                    <option value="dn-qiniu-avatar.qbox.me/avatar" <?php selected($third_party_mirror, 'dn-qiniu-avatar.qbox.me/avatar'); ?>><?php _e('七牛镜像 (dn-qiniu-avatar)', 'wpavatar'); ?></option>
                                    <option value="gravatar.w3tt.com/avatar" <?php selected($third_party_mirror, 'gravatar.w3tt.com/avatar'); ?>><?php _e('万维网测试小组 (W3TT) ', 'wpavatar'); ?></option>
                                </select>
                                <p class="description"><?php _e('选择第三方头像镜像站', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                        <tr class="cdn-option custom-cdn-option" <?php echo $cdn_type !== 'custom' ? 'style="display:none;"' : ''; ?>>
                            <th><?php _e('自定义CDN', 'wpavatar'); ?></th>
                            <td>
                                <input type="text" name="wpavatar_custom_cdn" value="<?php echo esc_attr($custom_cdn); ?>" class="regular-text wpavatar-input" <?php echo $disabled_custom_cdn; ?>>
                                <p class="description"><?php _e('输入自定义CDN域名，例如：cdn.example.com', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                        <tr>
                            <th><?php _e('头像哈希方法', 'wpavatar'); ?></th>
                            <td>
                                <label class="wpavatar-radio">
                                    <input type="radio" name="wpavatar_hash_method" value="md5" <?php checked($hash_method, 'md5'); ?> <?php echo $disabled_hash_method; ?>>
                                    <span class="wpavatar-radio-label"><?php _e('MD5 (Cravatar默认)', 'wpavatar'); ?></span>
                                </label><br>
                                <label class="wpavatar-radio">
                                    <input type="radio" name="wpavatar_hash_method" value="sha256" <?php checked($hash_method, 'sha256'); ?> <?php echo $disabled_hash_method; ?>>
                                    <span class="wpavatar-radio-label"><?php _e('SHA256 (Gravatar默认)', 'wpavatar'); ?></span>
                                </label>
                                <p class="description"><?php _e('选择头像邮箱的哈希方法，Cravatar目前使用MD5，一般Gravatar镜像均为SHA256', 'wpavatar'); ?></p>
                                <p class="description hash-method-notice" style="color: #d63638; <?php echo $cdn_type !== 'cravatar_route' ? 'display:none;' : ''; ?>"><?php _e('注意：使用Cravatar服务时，哈希方法将仅使用MD5。', 'wpavatar'); ?> <a href="https://cravatar.com/document/?p=46" target="_blank" rel="noopener noreferrer"><?php _e('进一步了解↗', 'wpavatar'); ?></a></p>
                            </td>
                        </tr>
                        <tr>
                            <th><?php _e('超时设置', 'wpavatar'); ?></th>
                            <td>
                                <input type="number" name="wpavatar_timeout" value="<?php echo esc_attr($timeout); ?>" min="1" max="30" class="small-text wpavatar-input" <?php echo $disabled_timeout; ?>>
                                <?php _e('秒', 'wpavatar'); ?>
                                <p class="description"><?php _e('头像请求的最大等待时间，超过后将使用备用头像', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                    </table>
                    <div class="wpavatar-submit-wrapper">
                        <?php wp_nonce_field('wpavatar_basic_nonce', 'wpavatar_basic_nonce'); ?>
                        <button type="submit" class="button button-primary"><?php _e('保存设置', 'wpavatar'); ?></button>
                    </div>
                </form>
            </div>

            <div class="wpavatar-section" id="wpavatar-section-cache" style="<?php echo $active_tab !== 'cache' ? 'display: none;' : ''; ?>">
                <h2><?php _e('缓存控制', 'wpavatar'); ?></h2>
                <p class="wpavatar-section-desc"><?php _e('管理头像缓存设置和操作。', 'wpavatar'); ?></p>

                <?php if (is_multisite() && $network_enabled): ?>
                <div class="wpavatar-network-notice">
                    <p>
                        <?php if (in_array('wpavatar_enable_cache', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('启用本地缓存', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_cache_path', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('缓存目录', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_cache_expire', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('缓存过期时间', 'wpavatar'); ?><br>
                        <?php endif; ?>

                        <?php if (array_intersect(['wpavatar_enable_cache', 'wpavatar_cache_path', 'wpavatar_cache_expire'], $network_controlled_options)): ?>
                            <em><?php _e('以上选项由网络管理员控制，您的更改将不会生效。', 'wpavatar'); ?></em>
                        <?php endif; ?>
                    </p>
                </div>
                <?php endif; ?>

                <div class="wpavatar-stats-card">
                    <h3><?php _e('缓存统计', 'wpavatar'); ?></h3>
                    <div id="cache-stats" class="cache-stats-wrapper"></div>
                    <div class="wpavatar-action-buttons">
                        <button type="button" id="check-cache" class="button button-secondary"><?php _e('检查缓存状态', 'wpavatar'); ?></button>
                        <button type="button" id="purge-cache" class="button button-secondary"><?php _e('清空缓存', 'wpavatar'); ?></button>
                    </div>
                </div>

                <form method="post" action="options.php" id="wpavatar-cache-form">
                    <?php
                    settings_fields('wpavatar_cache');

                    // Get option values using wpavatar_get_option instead of get_option
                    $enable_cache = wpavatar_get_option('wpavatar_enable_cache', 1);
                    $cache_path = wpavatar_get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR);
                    $cache_expire = wpavatar_get_option('wpavatar_cache_expire', 7);

                    // Determine if fields should be disabled in multisite
                    $disabled_enable_cache = (is_multisite() && $network_enabled && in_array('wpavatar_enable_cache', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_cache_path = (is_multisite() && $network_enabled && in_array('wpavatar_cache_path', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_cache_expire = (is_multisite() && $network_enabled && in_array('wpavatar_cache_expire', $network_controlled_options)) ? 'disabled' : '';
                    ?>
                    <table class="form-table">
                        <tr>
                            <th><?php _e('启用本地缓存', 'wpavatar'); ?></th>
                            <td>
                                <label class="wpavatar-switch">
                                    <input type="checkbox" name="wpavatar_enable_cache" value="1" <?php checked($enable_cache); ?> <?php echo $disabled_enable_cache; ?>>
                                    <span class="wpavatar-slider"></span>
                                    <span class="wpavatar-switch-label"><?php _e('缓存头像到本地服务器', 'wpavatar'); ?></span>
                                </label>
                                <p class="description"><?php _e('将头像缓存到本地可以减少外部请求，提高网站加载速度', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                        <tr>
                            <th><?php _e('缓存目录', 'wpavatar'); ?></th>
                            <td>
                                <input type="text" name="wpavatar_cache_path" value="<?php echo esc_attr($cache_path); ?>" class="regular-text wpavatar-input" <?php echo $disabled_cache_path; ?>>
                                <?php if (is_multisite()): ?>
                                <p class="description"><?php printf(__('确保目录可写，当前站点将创建子目录：%s', 'wpavatar'), trailingslashit($cache_path) . 'site-' . get_current_blog_id()); ?></p>
                                <?php else: ?>
                                <p class="description"><?php _e('确保目录可写，建议路径：/wp-content/uploads/cravatar', 'wpavatar'); ?></p>
                                <?php endif; ?>
                            </td>
                        </tr>
                        <tr>
                            <th><?php _e('缓存过期时间', 'wpavatar'); ?></th>
                            <td>
                                <input type="number" name="wpavatar_cache_expire" value="<?php echo esc_attr($cache_expire); ?>" min="1" max="30" class="small-text wpavatar-input" <?php echo $disabled_cache_expire; ?>>
                                <?php _e('天', 'wpavatar'); ?>
                                <p class="description"><?php _e('头像缓存的有效期，过期后将重新获取', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                    </table>
                    <div class="wpavatar-submit-wrapper">
                        <?php wp_nonce_field('wpavatar_cache_nonce', 'wpavatar_cache_nonce'); ?>
                        <button type="submit" class="button button-primary"><?php _e('保存设置', 'wpavatar'); ?></button>
                    </div>
                </form>
            </div>

            <div class="wpavatar-section" id="wpavatar-section-advanced" style="<?php echo $active_tab !== 'advanced' ? 'display: none;' : ''; ?>">
                <h2><?php _e('高级设置', 'wpavatar'); ?></h2>
                <p class="wpavatar-section-desc"><?php _e('配置头像的SEO和备用方案。', 'wpavatar'); ?></p>

                <?php if (is_multisite() && $network_enabled): ?>
                <div class="wpavatar-network-notice">
                    <p>
                        <?php if (in_array('wpavatar_seo_alt', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('SEO替代文本', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_fallback_mode', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('头像加载失败处理', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_fallback_avatar', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('备用头像选择', 'wpavatar'); ?><br>
                        <?php endif; ?>

                        <?php if (array_intersect(['wpavatar_seo_alt', 'wpavatar_fallback_mode', 'wpavatar_fallback_avatar'], $network_controlled_options)): ?>
                            <em><?php _e('以上选项由网络管理员控制，您的更改将不会生效。', 'wpavatar'); ?></em>
                        <?php endif; ?>
                    </p>
                </div>
                <?php endif; ?>

                <form method="post" action="options.php" id="wpavatar-advanced-form">
                    <?php
                    settings_fields('wpavatar_advanced');

                    // Get option values using wpavatar_get_option instead of get_option
                    $seo_alt = wpavatar_get_option('wpavatar_seo_alt', '%s的头像');
                    $fallback_mode = wpavatar_get_option('wpavatar_fallback_mode', 1);
                    $fallback_avatar = wpavatar_get_option('wpavatar_fallback_avatar', 'default');

                    $local_avatars = \WPAvatar\Cravatar::get_local_avatars();

                    // Determine if fields should be disabled in multisite
                    $disabled_seo_alt = (is_multisite() && $network_enabled && in_array('wpavatar_seo_alt', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_fallback_mode = (is_multisite() && $network_enabled && in_array('wpavatar_fallback_mode', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_fallback_avatar = (is_multisite() && $network_enabled && in_array('wpavatar_fallback_avatar', $network_controlled_options)) ? 'disabled' : '';
                    ?>
                    <table class="form-table">
                        <tr>
                            <th><?php _e('SEO替代文本', 'wpavatar'); ?></th>
                            <td>
                                <input type="text" name="wpavatar_seo_alt" value="<?php echo esc_attr($seo_alt); ?>" class="regular-text wpavatar-input" <?php echo $disabled_seo_alt; ?>>
                                <p class="description"><?php _e('头像的ALT文本，%s将被替换为用户名', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                        <tr>
                            <th><?php _e('头像加载失败处理', 'wpavatar'); ?></th>
                            <td>
                                <label class="wpavatar-switch">
                                    <input type="checkbox" name="wpavatar_fallback_mode" value="1" <?php checked($fallback_mode); ?> <?php echo $disabled_fallback_mode; ?>>
                                    <span class="wpavatar-slider"></span>
                                    <span class="wpavatar-switch-label"><?php _e('启用备用头像', 'wpavatar'); ?></span>
                                </label>
                                <p class="description"><?php _e('当头像服务器无法访问或加载超时时，自动使用本地备用头像，避免拖慢网站加载速度', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                        <tr>
                            <th><?php _e('备用头像选择', 'wpavatar'); ?></th>
                            <td>
                                <div class="default-avatar-options">
                                    <?php foreach ($local_avatars as $key => $avatar) : ?>
                                    <label>
                                        <input type="radio" name="wpavatar_fallback_avatar" value="<?php echo esc_attr($key); ?>" <?php checked($fallback_avatar, $key); ?> <?php echo $disabled_fallback_avatar; ?>>
                                        <img src="<?php echo esc_url($avatar['url']); ?>" alt="<?php echo esc_attr($avatar['name']); ?>" width="48" height="48">
                                        <span class="avatar-option-name"><?php echo esc_html($avatar['name']); ?></span>
                                    </label>
                                    <?php endforeach; ?>
                                </div>
                                <p class="description">
                                    <?php
                                    $wpcy_installed = class_exists('WP_China_Yes'); // 检查是否安装了文派叶子插件
                                    $wpcy_link = $wpcy_installed
                                        ? admin_url('admin.php?page=wp-china-yes')
                                        : 'https://wpcy.com';

                                    printf(
                                        __('选择您的故障备用头像，如需智能线路切换，请使用%s。', 'wpavatar'),
                                        sprintf(
                                            '<a href="%s" target="_blank" rel="noopener noreferrer">%s</a>',
                                            esc_url($wpcy_link),
                                            __('文派叶子 🍃（WPCY.COM）', 'wpavatar')
                                        )
                                    );
                                    ?>
                                </p>
                            </td>
                        </tr>
                    </table>
                    <div class="wpavatar-submit-wrapper">
                        <?php wp_nonce_field('wpavatar_advanced_nonce', 'wpavatar_advanced_nonce'); ?>
                        <button type="submit" class="button button-primary"><?php _e('保存设置', 'wpavatar'); ?></button>
                    </div>
                </form>
            </div>

            <div class="wpavatar-section" id="wpavatar-section-shortcodes" style="<?php echo $active_tab !== 'shortcodes' ? 'display: none;' : ''; ?>">
                <h2><?php _e('简码设置', 'wpavatar'); ?></h2>
                <p class="wpavatar-section-desc"><?php _e('配置头像简码的默认参数和预览效果。', 'wpavatar'); ?></p>

                <?php if (is_multisite() && $network_enabled): ?>
                <div class="wpavatar-network-notice">
                    <p>
                        <?php if (in_array('wpavatar_shortcode_size', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('默认头像大小', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_shortcode_class', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('默认CSS类名', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_shortcode_shape', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('默认头像形状', 'wpavatar'); ?><br>
                        <?php endif; ?>

                        <?php if (array_intersect(['wpavatar_shortcode_size', 'wpavatar_shortcode_class', 'wpavatar_shortcode_shape'], $network_controlled_options)): ?>
                            <em><?php _e('以上选项由网络管理员控制，您的更改将不会生效。', 'wpavatar'); ?></em>
                        <?php endif; ?>
                    </p>
                </div>
                <?php endif; ?>

                <div class="wpavatar-preview-container">
                    <h3><?php _e('头像预览', 'wpavatar'); ?></h3>
                    <div class="wpavatar-preview-wrapper">
                        <div class="wpavatar-preview-item">
                            <h4><?php _e('方形', 'wpavatar'); ?></h4>
                            <?php echo \WPAvatar\Shortcode::generate_preview(get_current_user_id(), 'square', 80); ?>
                        </div>
                        <div class="wpavatar-preview-item">
                            <h4><?php _e('圆角', 'wpavatar'); ?></h4>
                            <?php echo \WPAvatar\Shortcode::generate_preview(get_current_user_id(), 'rounded', 80); ?>
                        </div>
                        <div class="wpavatar-preview-item">
                            <h4><?php _e('圆形', 'wpavatar'); ?></h4>
                            <?php echo \WPAvatar\Shortcode::generate_preview(get_current_user_id(), 'circle', 80); ?>
                        </div>
                        <div class="wpavatar-preview-item">
                            <h4><?php _e('方形', 'wpavatar'); ?></h4>
                            <img src="<?= WPAVATAR_PLUGIN_URL ?>assets/images/wapuu-china.png" width="80" height="80" class="avatar-square">
                        </div>
                        <div class="wpavatar-preview-item">
                            <h4><?php _e('圆角', 'wpavatar'); ?></h4>
                            <img src="<?= WPAVATAR_PLUGIN_URL ?>assets/images/wapuu-china.png" width="80" height="80" class="avatar-rounded" style="border-radius:8px">
                        </div>
                        <div class="wpavatar-preview-item">
                            <h4><?php _e('圆形', 'wpavatar'); ?></h4>
                            <img src="<?= WPAVATAR_PLUGIN_URL ?>assets/images/wapuu-china.png" width="80" height="80" class="avatar-circle" style="border-radius:50%">
                        </div>
                    </div>
                    <p class="description"><?php _e('预览使用当前登录账户的头像和示例图片', 'wpavatar'); ?></p>
                </div>

                <form method="post" action="options.php" id="wpavatar-shortcodes-form">
                    <?php
                    settings_fields('wpavatar_shortcodes');

                    // Get option values using wpavatar_get_option instead of get_option
                    $shortcode_size = wpavatar_get_option('wpavatar_shortcode_size', 96);
                    $shortcode_class = wpavatar_get_option('wpavatar_shortcode_class', 'wpavatar');
                    $shortcode_shape = wpavatar_get_option('wpavatar_shortcode_shape', 'square');

                    // Determine if fields should be disabled in multisite
                    $disabled_shortcode_size = (is_multisite() && $network_enabled && in_array('wpavatar_shortcode_size', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_shortcode_class = (is_multisite() && $network_enabled && in_array('wpavatar_shortcode_class', $network_controlled_options)) ? 'disabled' : '';
                    $disabled_shortcode_shape = (is_multisite() && $network_enabled && in_array('wpavatar_shortcode_shape', $network_controlled_options)) ? 'disabled' : '';
                    ?>
                    <table class="form-table">
                        <tr>
                            <th><?php _e('默认头像大小', 'wpavatar'); ?></th>
                            <td>
                                <input type="number" name="wpavatar_shortcode_size" value="<?php echo esc_attr($shortcode_size); ?>" min="16" max="512" class="small-text wpavatar-input" <?php echo $disabled_shortcode_size; ?>>
                                <p class="description"><?php _e('简码默认头像大小（像素）', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                        <tr>
                            <th><?php _e('默认CSS类名', 'wpavatar'); ?></th>
                            <td>
                                <input type="text" name="wpavatar_shortcode_class" value="<?php echo esc_attr($shortcode_class); ?>" class="regular-text wpavatar-input" <?php echo $disabled_shortcode_class; ?>>
                                <p class="description"><?php _e('简码生成的头像默认CSS类', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                        <tr>
                            <th><?php _e('默认头像形状', 'wpavatar'); ?></th>
                            <td>
                                <select name="wpavatar_shortcode_shape" class="wpavatar-select" <?php echo $disabled_shortcode_shape; ?>>
                                    <option value="square" <?php selected($shortcode_shape, 'square'); ?>><?php _e('方形', 'wpavatar'); ?></option>
                                    <option value="rounded" <?php selected($shortcode_shape, 'rounded'); ?>><?php _e('圆角方形', 'wpavatar'); ?></option>
                                    <option value="circle" <?php selected($shortcode_shape, 'circle'); ?>><?php _e('圆形', 'wpavatar'); ?></option>
                                </select>
                                <p class="description"><?php _e('简码生成的头像默认形状', 'wpavatar'); ?></p>
                            </td>
                        </tr>
                    </table>

                    <div class="wpavatar-submit-wrapper">
                        <?php wp_nonce_field('wpavatar_shortcodes_nonce', 'wpavatar_shortcodes_nonce'); ?>
                        <button type="submit" class="button button-primary"><?php _e('保存设置', 'wpavatar'); ?></button>
                    </div>

                    <div class="wpavatar-card shortcode-docs">
                        <h3><?php _e('可用简码', 'wpavatar'); ?></h3>
                        <div class="wpavatar-table-wrapper">
                            <table class="widefat wpavatar-table">
                                <thead>
                                    <tr>
                                        <th><?php _e('简码', 'wpavatar'); ?></th>
                                        <th><?php _e('描述', 'wpavatar'); ?></th>
                                        <th><?php _e('参数', 'wpavatar'); ?></th>
                                        <th><?php _e('示例', 'wpavatar'); ?></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><code>[wpavatar]</code></td>
                                        <td><?php _e('显示用户头像', 'wpavatar'); ?></td>
                                        <td>
                                            <ul>
                                                <li><code>size</code> - <?php _e('头像大小（像素）', 'wpavatar'); ?></li>
                                                <li><code>user_id</code> - <?php _e('用户ID，默认为当前用户', 'wpavatar'); ?></li>
                                                <li><code>class</code> - <?php _e('CSS类名', 'wpavatar'); ?></li>
                                                <li><code>shape</code> - <?php _e('形状：square(方形)、rounded(圆角)、circle(圆形)', 'wpavatar'); ?></li>
                                                <li><code>title</code> - <?php _e('可选的标题文本', 'wpavatar'); ?></li>
                                            </ul>
                                        </td>
                                        <td><code>[wpavatar size="128" user_id="1" shape="circle" class="my-avatar"]</code></td>
                                    </tr>
                                    <tr>
                                        <td><code>[wpavatar_username]</code></td>
                                        <td><?php _e('显示用户名', 'wpavatar'); ?></td>
                                        <td>
                                            <ul>
                                                <li><code>user_id</code> - <?php _e('用户ID，默认为当前用户', 'wpavatar'); ?></li>
                                                <li><code>before</code> - <?php _e('用户名前的文本', 'wpavatar'); ?></li>
                                                <li><code>after</code> - <?php _e('用户名后的文本', 'wpavatar'); ?></li>
                                            </ul>
                                        </td>
                                        <td><code>[wpavatar_username before="欢迎，" after="！"]</code></td>
                                    </tr>
                                </tbody>
                            </table>
                            <h4><?php _e('在菜单项中使用', 'wpavatar'); ?></h4>
                            <p><?php _e('您可以在菜单项的标题中使用特殊标记来插入头像和用户名：', 'wpavatar'); ?></p>
                            <ul>
                                <li><code>{wpavatar}</code> - <?php _e('插入当前用户的头像（圆形，32像素）', 'wpavatar'); ?></li>
                                <li><code>{wpavatar_username}</code> - <?php _e('插入当前用户的用户名', 'wpavatar'); ?></li>
                            </ul>
                        </div>
                    </div>
                </form>
            </div>

            <!-- 营销组件标签页 -->
            <div class="wpavatar-section" id="wpavatar-section-marketing" style="<?php echo $active_tab !== 'marketing' ? 'display: none;' : ''; ?>">
                <h2><?php _e('营销组件设置', 'wpavatar'); ?></h2>
                <p class="wpavatar-section-desc"><?php _e('配置营销组件简码和显示效果。', 'wpavatar'); ?></p>

                <?php if (is_multisite() && $network_enabled): ?>
                <div class="wpavatar-network-notice">
                    <p>
                        <?php if (in_array('wpavatar_commenters_count', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('评论者数量', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_commenters_size', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('评论者头像大小', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_users_count', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('用户数量', 'wpavatar'); ?><br>
                        <?php endif; ?>
                        <?php if (in_array('wpavatar_users_size', $network_controlled_options)): ?>
                            <span class="dashicons dashicons-lock"></span> <?php _e('用户头像大小', 'wpavatar'); ?><br>
                        <?php endif; ?>

                        <?php if (array_intersect(['wpavatar_commenters_count', 'wpavatar_commenters_size', 'wpavatar_users_count', 'wpavatar_users_size'], $network_controlled_options)): ?>
                            <em><?php _e('以上选项由网络管理员控制，您的更改将不会生效。', 'wpavatar'); ?></em>
                        <?php endif; ?>
                    </p>
                </div>
                <?php endif; ?>

                <?php \WPAvatar\Marketing::render_admin_page(); ?>
            </div>
        </div>
                </div>
                <style>
                .wpavatar-preview-container {
                    background: #f9f9f9;
                    border-radius: 4px;
                    padding: 15px;
                    margin-bottom: 20px;
                }

                .wpavatar-preview-wrapper {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 30px;
                    margin: 15px 0;
                }

                .wpavatar-preview-item {
                    text-align: center;
                }

                .wpavatar-preview-item h4 {
                    margin-bottom: 10px;
                    font-weight: normal;
                }

                .avatar-circle {
                    border-radius: 50% !important;
                    overflow: hidden;
                }

                .avatar-rounded {
                    border-radius: 8px !important;
                    overflow: hidden;
                }

                .default-avatar-options {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 15px;
                    margin-bottom: 15px;
                }
                .default-avatar-options label {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    cursor: pointer;
                    padding: 8px;
                    border: 2px solid transparent;
                    border-radius: 5px;
                    width: 80px;
                    text-align: center;
                }
                .default-avatar-options label:hover {
                    background-color: #f0f0f1;
                }
                .default-avatar-options input[type="radio"] {
                    margin-bottom: 8px;
                }
                .default-avatar-options input[type="radio"]:checked + img {
                    border: 2px solid #2271b1;
                    border-radius: 50%;
                }
                .avatar-option-name {
                    margin-top: 5px;
                    font-size: 12px;
                    line-height: 1.3;
                }

                .wpavatar-network-notice {
                    margin: 0 0 20px;
                    padding: 10px 12px;
                    background: #f0f6fc;
                    border-left: 4px solid #72aee6;
                }
                .wpavatar-network-notice .dashicons-lock {
                    color: #72aee6;
                    margin-right: 5px;
                }
                .wpavatar-network-notice em {
                    display: block;
                    margin-top: 5px;
                    color: #666;
                }
                </style>
    <?php
}
}