jQuery(document).ready(function($) {
    
    /**
     * 初始化字符计数器
     */
    function initCharCounters() {
        // 标题计数器
        $('#ai_seo_title').on('input', function() {
            updateCounter(this, '#title-counter', 60);
            updatePreview();
        }).trigger('input');
        
        // 描述计数器
        $('#ai_seo_description').on('input', function() {
            updateCounter(this, '#desc-counter', 160);
            updatePreview();
        }).trigger('input');
        
        // 关键词计数器
        $('#ai_seo_keywords').on('input', function() {
            updateCounter(this, '#keywords-counter', 100);
        }).trigger('input');
    }
    
    /**
     * 更新字符计数器
     */
    function updateCounter(input, counterSelector, maxLength) {
        var length = $(input).val().length;
        var counter = $(counterSelector);
        var percentage = (length / maxLength) * 100;
        
        counter.text(length + '/' + maxLength);
        
        // 根据长度设置颜色
        counter.removeClass('warning good');
        if (percentage > 90) {
            counter.addClass('warning');
        } else if (percentage >= 70) {
            counter.addClass('good');
        }
    }
    
    /**
     * 更新搜索结果预览
     */
    function updatePreview() {
        var title = $('#ai_seo_title').val() || $('#title').val() || '未设置标题';
        var description = $('#ai_seo_description').val() || '暂无描述';
        
        $('#preview-title').text(title);
        $('#preview-description').text(description);
    }
    
    /**
     * 生成SEO内容
     */
    $('#generate-seo-btn').on('click', function() {
        var button = $(this);
        var postId = $('#post_ID').val();
        
        if (!postId) {
            alert('请先保存文章草稿后再生成SEO内容');
            return;
        }
        
        // 显示加载状态
        button.prop('disabled', true);
        $('#ai-seo-loading').show();
        $('.ai-seo-fields').css('opacity', '0.5');
        
        // 发送AJAX请求
        $.ajax({
            url: aiSeoAjax.ajax_url,
            type: 'POST',
            timeout: 120000, // 设置超时时间为120秒（2分钟）
            data: {
                action: 'generate_seo_content',
                post_id: postId,
                nonce: aiSeoAjax.nonce
            },
            success: function(response) {
                if (response.success && response.data) {
                    // 填充生成的内容
                    if (response.data.title) {
                        $('#ai_seo_title').val(response.data.title).trigger('input');
                    }
                    if (response.data.description) {
                        $('#ai_seo_description').val(response.data.description).trigger('input');
                    }
                    if (response.data.keywords) {
                        $('#ai_seo_keywords').val(response.data.keywords).trigger('input');
                    }
                    
                    // 显示成功消息
                    showNotice('SEO内容生成成功！', 'success');
                } else {
                    showNotice('生成失败：' + (response.data || '未知错误'), 'error');
                }
            },
            error: function(xhr, status, error) {
                var errorMessage = '请求失败：';
                if (status === 'timeout') {
                    errorMessage = 'AI生成超时，请稍后重试。如果问题持续存在，请联系管理员。';
                } else if (status === 'error') {
                    errorMessage = '网络错误，请检查网络连接后重试。';
                } else {
                    errorMessage += error;
                }
                showNotice(errorMessage, 'error');
            },
            complete: function() {
                // 恢复界面状态
                button.prop('disabled', false);
                $('#ai-seo-loading').hide();
                $('.ai-seo-fields').css('opacity', '1');
            }
        });
    });
    
    /**
     * 显示通知消息
     */
    function showNotice(message, type) {
        var noticeClass = type === 'success' ? 'notice-success' : 'notice-error';
        var notice = $('<div class="notice ' + noticeClass + ' is-dismissible"><p>' + message + '</p></div>');
        
        $('.ai-seo-meta-box').prepend(notice);
        
        // 自动移除通知
        setTimeout(function() {
            notice.fadeOut(function() {
                notice.remove();
            });
        }, 5000);
    }
    
    /**
     * 复制到剪贴板功能
     */
    function addCopyButtons() {
        $('.ai-seo-field').each(function() {
            var field = $(this);
            var input = field.find('input, textarea');
            
            if (input.length) {
                var copyBtn = $('<button type="button" class="button button-small copy-btn" title="复制到剪贴板">📋</button>');
                field.find('label').append(copyBtn);
                
                copyBtn.on('click', function(e) {
                    e.preventDefault();
                    input.select();
                    document.execCommand('copy');
                    
                    var originalText = copyBtn.text();
                    copyBtn.text('✅');
                    setTimeout(function() {
                        copyBtn.text(originalText);
                    }, 1000);
                });
            }
        });
    }
    
    /**
     * 键盘快捷键
     */
    $(document).on('keydown', function(e) {
        // Ctrl+Shift+G 生成SEO内容
        if (e.ctrlKey && e.shiftKey && e.keyCode === 71) {
            e.preventDefault();
            $('#generate-seo-btn').click();
        }
    });
    
    /**
     * 自动保存功能
     */
    var autoSaveTimeout;
    $('.ai-seo-field input, .ai-seo-field textarea').on('input', function() {
        clearTimeout(autoSaveTimeout);
        autoSaveTimeout = setTimeout(function() {
            // 这里可以添加自动保存逻辑
            console.log('Auto-saving SEO data...');
        }, 2000);
    });
    
    /**
     * 验证SEO内容质量
     */
    function validateSeoContent() {
        var title = $('#ai_seo_title').val();
        var description = $('#ai_seo_description').val();
        var keywords = $('#ai_seo_keywords').val();
        
        var issues = [];
        
        if (!title || title.length < 30) {
            issues.push('标题太短，建议至少30个字符');
        }
        if (title && title.length > 60) {
            issues.push('标题太长，建议不超过60个字符');
        }
        if (!description || description.length < 120) {
            issues.push('描述太短，建议至少120个字符');
        }
        if (description && description.length > 160) {
            issues.push('描述太长，建议不超过160个字符');
        }
        if (!keywords) {
            issues.push('建议添加相关关键词');
        }
        
        return issues;
    }
    
    /**
     * 显示SEO质量评分
     */
    function showSeoScore() {
        var issues = validateSeoContent();
        var score = Math.max(0, 100 - (issues.length * 20));
        
        var scoreHtml = '<div class="seo-score">';
        scoreHtml += '<h4>SEO质量评分: <span class="score-' + (score >= 80 ? 'good' : score >= 60 ? 'ok' : 'poor') + '">' + score + '/100</span></h4>';
        
        if (issues.length > 0) {
            scoreHtml += '<ul class="seo-issues">';
            issues.forEach(function(issue) {
                scoreHtml += '<li>⚠️ ' + issue + '</li>';
            });
            scoreHtml += '</ul>';
        } else {
            scoreHtml += '<p class="seo-perfect">✅ SEO内容质量良好！</p>';
        }
        
        scoreHtml += '</div>';
        
        $('.seo-score').remove();
        $('.ai-seo-tips').before(scoreHtml);
    }
    
    // 初始化所有功能
    initCharCounters();
    updatePreview();
    addCopyButtons();
    
    // 监听内容变化以更新评分
    $('.ai-seo-field input, .ai-seo-field textarea').on('input', function() {
        setTimeout(showSeoScore, 100);
    });
    
    // 初始评分
    showSeoScore();
    
    // 添加提示信息
    $('.ai-seo-header').append('<small style="color: #666; margin-left: 10px;">快捷键: Ctrl+Shift+G</small>');
});