// Set up variables
let page = 1;
let loading = false;
let allLoaded = false;

// Load more content when user scrolls near bottom
$(window).on("scroll", function() {
    if (allLoaded || loading) return;
    
    // Check if user has scrolled near the bottom
    if ($(window).scrollTop() + $(window).height() > $(document).height() - 200) {
        loadMorePosts();
    }
});

function loadMorePosts() {
    // Set loading state
    loading = true;
    $("#loading-indicator").show();
    
    // Increment page
    page++;
    
    // Make AJAX request
    $.ajax({
        url: my_ajax_object.ajax_url,
        type: "POST",
        data: {
            action: "load_more_posts",
            security: my_ajax_object.nonce,
            page: page
        },
        success: function(response) {
            if (response.success && response.data.posts) {
                // Append new posts
                $("#posts-container").append(response.data.posts);
                
                // Check if all posts have been loaded
                if (response.data.is_last_page) {
                    allLoaded = true;
                    $("#loading-indicator").hide();
                    $("#end-message").show();
                }
            } else {
                console.error("Error loading posts:", response);
                $("#loading-error").show();
            }
        },
        error: function(xhr, status, error) {
            console.error("AJAX error:", error);
            $("#loading-error").show();
        },
        complete: function() {
            loading = false;
            $("#loading-indicator").hide();
        }
    });
}

// Set up autocomplete
$("#search-input").on("input", function() {
    let query = $(this).val();
    let $results = $("#search-results");
    
    // Don't search if query is too short
    if (query.length < 3) {
        $results.empty().hide();
        return;
    }
    
    // Add delay to prevent too many requests (debouncing)
    clearTimeout($(this).data("timer"));
    
    $(this).data("timer", setTimeout(function() {
        // Show loading
        $results.html("<li class='loading'>Searching...</li>").show();
        
        // Make AJAX request
        $.ajax({
            url: my_ajax_object.ajax_url,
            type: "POST",
            data: {
                action: "autocomplete_search",
                security: my_ajax_object.nonce,
                query: query
            },
            success: function(response) {
                $results.empty();
                
                if (response.success && response.data.length > 0) {
                    // Add each result to the list
                    $.each(response.data, function(index, item) {
                        $results.append(
                            $("<li>").append(
                                $("<a>")
                                    .attr("href", item.url)
                                    .text(item.title)
                            )
                        );
                    });
                } else {
                    // Show no results message
                    $results.append("<li class='no-results'>No results found</li>");
                }
                
                // Show results
                $results.show();
            },
            error: function() {
                $results.html("<li class='error'>Error performing search</li>");
            }
        });
    }, 300)); // 300ms delay
});

// Hide results when clicking outside
$(document).on("click", function(event) {
    if (!$(event.target).closest("#search-container").length) {
        $("#search-results").hide();
    }
});

// Handle pagination clicks
$(document).on("click", ".ajax-pagination a", function(e) {
    e.preventDefault();
    
    let $link = $(this);
    let page = $link.data("page");
    let $contentArea = $("#content-area");
    
    // Update active class
    $(".ajax-pagination a").removeClass("active");
    $link.addClass("active");
    
    // Show loading
    $contentArea.addClass("loading");
    
    // Scroll to top of content area
    $("html, body").animate({
        scrollTop: $contentArea.offset().top - 50
    }, 500);
    
    // Load new content
    $.ajax({
        url: my_ajax_object.ajax_url,
        type: "POST",
        data: {
            action: "load_page_content",
            security: my_ajax_object.nonce,
            page: page,
            post_type: my_ajax_object.post_type,
            category: my_ajax_object.category
        },
        success: function(response) {
            if (response.success) {
                // Update content with animation
                $contentArea.fadeOut(200, function() {
                    $(this).html(response.data.content).fadeIn(200);
                });
                
                // Update pagination
                $(".ajax-pagination").html(response.data.pagination);
                
                // Update browser history
                if (window.history.pushState) {
                    window.history.pushState(null, null, "?paged=" + page);
                }
            } else {
                alert("Error loading content. Please try again.");
            }
        },
        error: function() {
            alert("Connection error. Please try again.");
        },
        complete: function() {
            $contentArea.removeClass("loading");
        }
    });
});

// Set up variables
let lastUpdate = Date.now();
let updateInterval = 30000; // 30 seconds
let updateTimer;

// Function to check for updates
function checkForUpdates() {
    $.ajax({
        url: my_ajax_object.ajax_url,
        type: "POST",
        data: {
            action: "check_for_updates",
            security: my_ajax_object.nonce,
            last_update: lastUpdate
        },
        success: function(response) {
            if (response.success) {
                // If there are new items
                if (response.data.count > 0) {
                    // Show notification
                    $("#update-notification")
                        .text(response.data.count + " new updates available")
                        .slideDown(300);
                    
                    // Update the timestamp
                    lastUpdate = response.data.timestamp;
                }
            }
        },
        complete: function() {
            // Schedule next check
            updateTimer = setTimeout(checkForUpdates, updateInterval);
        }
    });
}

// Start checking for updates
updateTimer = setTimeout(checkForUpdates, updateInterval);

// Handle click on notification
$("#update-notification").on("click", function() {
    loadNewContent();
    $(this).slideUp(300);
});

// Function to load new content
function loadNewContent() {
    $.ajax({
        url: my_ajax_object.ajax_url,
        type: "POST",
        data: {
            action: "load_new_content",
            security: my_ajax_object.nonce,
            last_update: lastUpdate
        },
        success: function(response) {
            if (response.success) {
                // Prepend new content with highlight effect
                let $newContent = $(response.data.content);
                $newContent.hide().css("background-color", "#ffffe0");
                
                $("#content-area").prepend($newContent);
                
                $newContent.slideDown(400, function() {
                    // Fade out highlight after content is visible
                    $(this).animate({
                        backgroundColor: "transparent"
                    }, 2000);
                });
                
                // Update the timestamp
                lastUpdate = response.data.timestamp;
            }
        }
    });
}

// Stop checking when page is in background
$(document).on("visibilitychange", function() {
    if (document.hidden) {
        // Stop checking when page is hidden
        clearTimeout(updateTimer);
    } else {
        // Resume checking when page is visible again
        checkForUpdates();
    }
});