jQuery(document).ready(function($) {
    // 显示消息函数
    function flm_show_message(message, type) {
        var className = type === 'success' ? 'notice-success' : 'notice-error';
        var $notice = $('<div class="notice ' + className + ' is-dismissible"><p>' + message + '</p></div>');
        
        $('.wrap h1').after($notice);
        
        // 3秒后自动隐藏
        setTimeout(function() {
            $notice.fadeOut(300, function() {
                $(this).remove();
            });
        }, 3000);
    }
    
    // 使链接可排序
    $('#flm-sortable-links').sortable({
        handle: '.flm-link-preview',
        placeholder: 'flm-link-item-placeholder',
        axis: 'y',
        update: function(event, ui) {
            // 获取排序后的ID顺序
            var linkIds = [];
            $('#flm-sortable-links .flm-link-item').each(function(index) {
                var linkId = $(this).find('input[name="link_ids[]"]').val();
                linkIds.push(linkId);
            });
            
            // AJAX保存排序
            $.ajax({
                url: flm_vars.ajax_url,
                type: 'POST',
                data: {
                    action: 'flm_update_sort_order',
                    link_ids: linkIds,
                    nonce: flm_vars.nonce
                },
                success: function(response) {
                    if (response.success) {
                        // 显示成功消息
                        if (typeof flm_show_message === 'function') {
                            flm_show_message('排序已保存', 'success');
                        }
                    } else {
                        if (typeof flm_show_message === 'function') {
                            flm_show_message('排序保存失败', 'error');
                        }
                    }
                },
                error: function() {
                    if (typeof flm_show_message === 'function') {
                        flm_show_message('排序保存失败', 'error');
                    }
                }
            });
        },
        stop: function(event, ui) {
            // 拖拽结束后，重新索引所有字段以确保数据一致性
            $('#flm-sortable-links .flm-link-item').each(function(index) {
                // 更新link_ids字段的值顺序，确保与DOM顺序一致
                // 这里不需要改变，因为link_ids的值本身就是ID
                // 但需要确保其他字段在提交时能正确对应
            });
        }
    });
    
    // 自动获取头像切换
    $('#auto_get_icon').on('change', function() {
        if ($(this).is(':checked')) {
            $('#icon_field').hide();
        } else {
            $('#icon_field').show();
        }
    });
    
    // 多选删除功能
    function updateBatchDeleteButton() {
        var selectedCount = $('.flm-select-link:checked').length;
        var $batchButton = $('.flm-batch-delete');
        
        if (selectedCount > 0) {
            $batchButton.prop('disabled', false).text('批量删除 (' + selectedCount + ')');
        } else {
            $batchButton.prop('disabled', true).text('批量删除');
        }
    }
    
    // 复选框变化时更新批量删除按钮
    $(document).on('change', '.flm-select-link', function() {
        updateBatchDeleteButton();
    });
    
    // 表单提交前确保数据顺序正确
    $('#flm-links-form').on('submit', function(e) {
        // PHP代码现在使用 array_values() 来处理数组，所以不需要重新索引
        // 让表单正常提交，PHP会按顺序处理数组
    });
    
    // 批量删除
    $('.flm-batch-delete').on('click', function(e) {
        e.preventDefault();
        
        var selectedIds = [];
        $('.flm-select-link:checked').each(function() {
            selectedIds.push($(this).val());
        });
        
        if (selectedIds.length === 0) {
            alert('请先选择要删除的链接');
            return;
        }
        
        if (!confirm('确定要删除选中的 ' + selectedIds.length + ' 个链接吗？此操作不可撤销！')) {
            return;
        }
        
        var $button = $(this);
        
        $.ajax({
            url: flm_vars.ajax_url,
            type: 'POST',
            data: {
                action: 'flm_batch_delete_links',
                link_ids: selectedIds,
                nonce: flm_vars.nonce
            },
            beforeSend: function() {
                $button.prop('disabled', true).text('删除中...');
            },
            success: function(response) {
                if (response.success) {
                    // 移除已删除的链接项
                    var $itemsToRemove = $('.flm-select-link:checked').closest('.flm-link-item');
                    var totalItems = $itemsToRemove.length;
                    var removedItems = 0;
                    
                    $itemsToRemove.fadeOut(300, function() {
                        $(this).remove();
                        removedItems++;
                        
                        // 只有当所有项目都被移除后才更新按钮状态
                        if (removedItems === totalItems) {
                            updateBatchDeleteButton();
                        }
                    });
                    
                    var message = '成功删除 ' + response.data.deleted_count + ' 个链接';
                    if (response.data.error_count > 0) {
                        message += '，' + response.data.error_count + ' 个删除失败';
                    }
                    alert(message);
                } else {
                    alert('批量删除失败：' + (response.data || '请重试'));
                    $button.prop('disabled', false).text('批量删除');
                }
            },
            error: function() {
                alert('批量删除失败，请重试');
                $button.prop('disabled', false).text('批量删除');
            }
        });
    });
    
    // 删除单个链接
    $('.flm-delete-link').on('click', function(e) {
        e.preventDefault();
        
        if (!confirm('确定要删除这个链接吗？')) {
            return;
        }
        
        var $button = $(this);
        var linkId = $button.data('link-id');
        
        $.ajax({
            url: flm_vars.ajax_url,
            type: 'POST',
            data: {
                action: 'flm_delete_link',
                link_id: linkId,
                nonce: flm_vars.nonce
            },
            beforeSend: function() {
                $button.prop('disabled', true).text('删除中...');
            },
            success: function(response) {
                if (response.success) {
                    $button.closest('.flm-link-item').fadeOut(300, function() {
                        $(this).remove();
                        updateBatchDeleteButton();
                    });
                } else {
                    alert('删除失败，请重试');
                    $button.prop('disabled', false).text('删除');
                }
            },
            error: function() {
                alert('删除失败，请重试');
                $button.prop('disabled', false).text('删除');
            }
        });
    });
});