jQuery(document).ready(function ($) {
    function loadDeals(page) {
        var container = $("#deals-container");
        var perPage = container.data("perpage");

        $.ajax({
            url: deals_ajax.ajax_url,
            type: "POST",
            data: {
                action: "load_more_deals",
                page: page,
                per_page: perPage,
            },
            beforeSend: function () {
                container.html('<p>Loading...</p>');
            },
            success: function (response) {
                container.html(response);

                // Click events for pagination
                $(".pagination-wrap a").off("click").on("click", function (e) {
                    e.preventDefault();
                    var pageNum = $(this).data("page");
                    if (pageNum) {
                        loadDeals(parseInt(pageNum));
                    }
                });
            },
        });
    }

    // Initial load
    loadDeals(1);
});