{"id":8004,"date":"2025-07-28T14:48:46","date_gmt":"2025-07-28T14:48:46","guid":{"rendered":"http:\/\/localhost\/casino5\/?page_id=8004"},"modified":"2025-07-28T14:49:17","modified_gmt":"2025-07-28T14:49:17","slug":"loyalty-leaderboard-avada","status":"publish","type":"page","link":"https:\/\/casino2.myrwds.net\/tr\/loyalty-leaderboard-avada\/","title":{"rendered":"Loyalty Leaderboard avada"},"content":{"rendered":"<style>\r\n    .leaderboard-white-block-html {\r\n        background-color: transparent !important;\r\n        \/* max-width: 1200px; *\/\r\n        margin: auto;\r\n        padding: 20px;\r\n        margin-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .leaderboard-white-block-html .leaderboard-main-div {\r\n        margin-bottom: 20px\r\n    }\r\n\r\n    .leaderboard-table\r\n    {\r\n        background-color: transparent !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html .leaderboard-main-div tr th {\r\n        font-weight: 600 !important;\r\n        color: #fff !important;\r\n        font-size: 14px;\r\n        padding-top: 30px !important;\r\n        padding-bottom: 10px !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html .leaderboard-main-div tr td {\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .leaderboard-white-block-html .leaderboard-main-div select {\r\n        background-color: #1e2123;\r\n        height: 34px;\r\n        padding: 6px 12px;\r\n        font-size: 14px;\r\n        width: 100%;\r\n        color: #fff;\r\n        border: 1px solid #383c3d;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    .leaderboard-white-block-html .leaderboard-main-div input {\r\n        background-color: transparent;\r\n        height: 34px;\r\n        padding: 6px 12px;\r\n        font-size: 14px;\r\n        color: #fff;\r\n        border: 1px solid #383c3d;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    .leaderboard-white-block-html .leaderboard-main-div .potential-content {\r\n        display: block;\r\n        width: 100% !important;\r\n        text-align: center;\r\n        border: 1px solid #1dc9b8;\r\n        color: #1dc9b8;\r\n        font-weight: bold;\r\n        font-size: 18px;\r\n        height: 34px;\r\n        border-radius: 5px !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html .leaderboard-main-div .checkin-content {\r\n        display: block;\r\n        width: 100% !important;\r\n        text-align: center;\r\n        border: 1px solid var(--awb-color4);\r\n        color: var(--awb-color4);\r\n        font-weight: bold;\r\n        font-size: 18px;\r\n        height: 34px;\r\n        border-radius: 5px !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html .leaderboard-main-div .refferal-content {\r\n        display: block;\r\n        width: 100% !important;\r\n        text-align: center;\r\n        border: 1px solid var(--awb-color4);\r\n        color: var(--awb-color4);\r\n        font-weight: bold;\r\n        font-size: 18px;\r\n        height: 34px;\r\n        border-radius: 5px !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html tr.heading-transaction-history {\r\n        background-color: rgba(238, 96, 89) !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html .transaction-history-table-column tr td {\r\n        border-color: #383c3d !important;\r\n        color: #fff !important;\r\n        border-bottom: 1px solid #383c3d !important;\r\n        padding: 5px !important;\r\n        padding-left: 8px !important;\r\n        padding-right: 8px !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html tr.heading-transaction-history span {\r\n        color: white;\r\n    }\r\n\r\n    .leaderboard-white-block-html .transaction-history-table-column span.icon-sorting {\r\n        height: 30px !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html .transaction-history-table-column span.icon-sorting {\r\n        display: flex;\r\n        justify-content: right;\r\n        margin-top: -30px;\r\n    }\r\n\r\n    .leaderboard-white-block-html span.player-content img {\r\n        width: 40px;\r\n        height: 40px;\r\n        object-fit: cover;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .leaderboard-white-block-html .transaction-history-table-column tbody tr:nth-child(odd) {\r\n        background-color: transparent !important;\r\n    }\r\n\r\n    .table-1 tr:nth-child(2n), .tkt-slctr-tbl-wrap-dv tr:nth-child(2n) {\r\n        background-color: transparent !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html td.rank-content {\r\n        color: black;\r\n    }\r\n\r\n    .leaderboard-white-block-html td {\r\n        border-color: white !important;\r\n        border-bottom: 1px solid #383c3d !important;\r\n        padding: 5px !important;\r\n        padding-left: 8px !important;\r\n        padding-right: 8px !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html span.player-content {\r\n        display: flex;\r\n    }\r\n\r\n    .leaderboard-white-block-html .playername a {\r\n        color: #fff !important;\r\n        font-size: 14px;\r\n        padding-left: 10px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .leaderboard-white-block-html span.leaderboard-score {\r\n        padding: 4px 20px;\r\n        border-radius: 8px;\r\n        width: 51px;\r\n        font-weight: bold;\r\n        text-align: center;\r\n        color: white;\r\n        background-color: transparent !important;\r\n    }\r\n\r\n    .leaderboard-white-block-html td.checkin-content {\r\n        color: #fff;\r\n    }\r\n\r\n    .leaderboard-white-block-html td.referral-content {\r\n        color: #fff;\r\n    }\r\n\r\n    .leaderboard-white-block-html tr.heading-transaction-history td span:nth-child(1) {\r\n        padding-right: 20px !important\r\n    }\r\n\r\n    .leaderboard-white-block-html .leaderboard-main-div tr td {\r\n        border-bottom: 0px !important;\r\n        color: #fff;\r\n    }\r\n\r\n    .leaderboard-pagination-block {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding-top: 10px;\r\n    }\r\n\r\n    .leaderboard-pagination-block .showing-filter span.text-format {\r\n        font-size: 14px !important;\r\n        padding-left: 10px;\r\n        color: #fff;\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .leaderboard-pagination-block select {\r\n        height: 30px !important;\r\n        background-color: #1e2123 !important;\r\n        color: #fff;\r\n        border: 1px solid #383c3d;\r\n        border-radius: 5px;\r\n        width: 100px;\r\n    }\r\n\r\n    .leaderboard-pagination-block div {\r\n        align-self: center;\r\n    }\r\n\r\n    .leaderboard-pagination-block .history-right-bar-content input {\r\n        color: #fff!important;\r\n        background: transparent;\r\n        width: max-content !important;\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n        border: 1px solid #383c3d !important;\r\n        border-radius: 0px;\r\n    }\r\n\r\n    .spinner-container-new {\r\n        text-align: center;\r\n        color: red !important;\r\n        position: relative;\r\n        top: 30%;\r\n        left: 0%;\r\n    }\r\n\r\n    .main-content-spinner {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 9999;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background-color: rgba(255, 255, 255, 0.7); \/* semi-transparent overlay *\/\r\n    }\r\n\r\n    .spinner-overlay {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        height: 100%;\r\n    }\r\n\r\n<\/style>\r\n<div class=\"heading-block-all\">\r\n    <div class=\"heading-block-text\">\r\n        <p class=\"paragraph-text\">Leaderboard Competition<\/p>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"leaderboard-white-block-html\">\r\n    <div class=\"leaderboard-main-div\">\r\n        <table class=\"leaderboard-table\" width=\"100%\">\r\n            <tbody>\r\n                <tr>\r\n                    <th>Past Winners:<\/th>\r\n                    <th>Players Name:<\/th>\r\n                    <th>Potential Winners:<\/th>\r\n                    <th>Check-Ins To Qualify:<\/th>\r\n                    <th>Referrals To Qualify:<\/th>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><select id=\"yearFilter\" class=\"form-select\">\r\n                            <option value=\"\">Select Year<\/option>\r\n                        <\/select>\r\n                        <select id=\"monthFilter\" class=\"form-select\" style=\"display: none;\">\r\n                            <option value=\"\">Select Month<\/option>\r\n                        <\/select>\r\n                    <\/td>\r\n                    <td><input type=\"text\" id=\"leaderboardSearch\" placeholder=\"Search player name...\" class=\"leaderboard-search-input\" \/>\r\n                    <\/td>\r\n                    <td><span class=\"potential-content\">5<\/span><\/td>\r\n                    <td><span class=\"checkin-content\">5<\/span><\/td>\r\n                    <td><span class=\"refferal-content\">1<\/span><\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n    <div class=\"table-1 transaction-history-table-column\">\r\n        <table class=\"leaderboard-table\" width=\"100%\">\r\n            <thead>\r\n                <tr class=\"heading-transaction-history\">\r\n                    <td class=\"date-icon\"><span class=\"table-content\">Rank<\/span><br>\r\n                        <span class=\"icon-sorting\"><br>\r\n                            <span class=\"exchange-icon\">e<\/span><br>\r\n                            <span class=\"down-sort-icon active\">d<\/span><br>\r\n                            <span class=\"up-sort-icon\">u<\/span><br>\r\n                        <\/span>\r\n                    <\/td>\r\n                    <td class=\"type-icon\"><span class=\"table-content\">Player<\/span><br>\r\n                        <span class=\"icon-sorting\"><br>\r\n                            <span class=\"exchange-icon active\">e<\/span><br>\r\n                            <span class=\"down-sort-icon\">d<\/span><br>\r\n                            <span class=\"up-sort-icon\">u<\/span><br>\r\n                        <\/span>\r\n                    <\/td>\r\n                    <td class=\"status-icon\"><span class=\"table-content\">Score<\/span><br>\r\n                        <span class=\"icon-sorting\"><br>\r\n                            <span class=\"exchange-icon active\">e<\/span><br>\r\n                            <span class=\"down-sort-icon\">d<\/span><br>\r\n                            <span class=\"up-sort-icon\">u<\/span><br>\r\n                        <\/span>\r\n                    <\/td>\r\n                    <td class=\"points-icon\"><span class=\"table-content\">Check-Ins<\/span><br>\r\n                        <span class=\"icon-sorting\"><br>\r\n                            <span class=\"exchange-icon active\">e<\/span><br>\r\n                            <span class=\"down-sort-icon\">d<\/span><br>\r\n                            <span class=\"up-sort-icon\">u<\/span><br>\r\n                        <\/span>\r\n                    <\/td>\r\n                    <td class=\"balance-icon\"><span class=\"table-content\">Referrals<\/span><br>\r\n                        <span class=\"icon-sorting\"><br>\r\n                            <span class=\"exchange-icon active\">e<\/span><br>\r\n                            <span class=\"down-sort-icon\">d<\/span><br>\r\n                            <span class=\"up-sort-icon\">u<\/span><br>\r\n                        <\/span>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody id=\"leaderboard\">\r\n                <div class=\"main-spinner\" style=\"position: relative;\">\r\n                    <div id=\"spinner\" class=\"spinner-container-new\" style=\"display: none; text-align: center; margin-bottom: 10px;\">\r\n                        <div class=\"spinner-border text-primary\" role=\"status\">\r\n                            <span class=\"visually-hidden\">Loading...<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n    <div class=\"leaderboard-pagination-block\">\r\n        <div class=\"history-left-bar-content\">\r\n            <div class=\"showing-filter\">\r\n                <span class=\"text-format\">Show<\/span>\r\n                <select id=\"entriesPerPage\">\r\n                    <option value=\"10\">10<\/option>\r\n                    <option value=\"25\">25<\/option>\r\n                    <option value=\"50\">50<\/option>\r\n                    <option value=\"100\">100<\/option>\r\n                <\/select>\r\n                <span class=\"text-format\">entries<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <div class=\"history-middle-bar-content\">\r\n            <div class=\"showing-filter\"><span class=\"text-format\">Showing 1 to 1 of 1 entries<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"history-right-bar-content\">\r\n            <div class=\"showing-filter-padination\"><input type=\"button\" value=\"Previous\" id=\"prevPage\"><input type=\"button\" value=\"Next\" id=\"nextPage\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet currentPage = 1;\r\n\r\nfunction fetchLeaderboardData() {\r\n    const year = $('#yearFilter').val();\r\n    const month = $('#monthFilter').val();\r\n    const search = $('#leaderboardSearch').val();\r\n    const entriesPerPage = $('#entriesPerPage').val();\r\n\r\n    $('#spinner').show();\r\n    $('#leaderboard').html('');\r\n\r\n    $.ajax({\r\n        url: ajax_object.ajax_url,\r\n        method: 'POST',\r\n        dataType: 'json',\r\n        data: {\r\n            \"action\": \"getLeaderBoard\",\r\n            \"year\": year,\r\n            \"month\": month\r\n        },\r\n        success: function (response) {\r\n            console.log('leaderboard data');\r\n            $('#spinner').hide();\r\n            $('#leaderboard').empty();\r\n            if (response.leaderBoardReport?.leaderBoardlst && response.leaderBoardReport.leaderBoardlst.length > 0) {\r\n                response.leaderBoardReport.leaderBoardlst.forEach(item => {\r\n                    $('#leaderboard').append(`\r\n                        <tr>\r\n                            <td>${item?.rank}<\/td>\r\n                            <td class=\"playerdetail-content\">\r\n                                <span class=\"player-content\"><br>\r\n\t\t\t\t\t\t\t    <span class=\"profilepic\"><img class=\" lazyloaded\" decoding=\"async\" src=\"${item?.profilePitcure}\" data-orig-src=\"${item?.profilePitcure}\"><\/span><br>\r\n\t\t\t\t\t\t\t    <span class=\"playername\"><a class=\"primary-link1\" contenteditable=\"false\" style=\"cursor: pointer;\">${item?.fullName}<\/a><\/span><br>\r\n\t\t\t\t\t\t\t    <\/span>\r\n                            <\/td>\r\n                            <td>${item?.totalPoints}<\/td>\r\n                            <td>${item?.totalCheckins}<\/td>\r\n                            <td>${item?.totalReferals}<\/td>\r\n                        <\/tr>\r\n                    `);\r\n                });\r\n\r\n                $('#paginationInfo').text(`Showing ${(currentPage - 1) * entriesPerPage + 1} to ${Math.min(currentPage * entriesPerPage, response.total)} of ${response.total} entries`);\r\n            } else {\r\n                $('#leaderboard').append('<tr><td colspan=\"5\">No data found.<\/td><\/tr>');\r\n                $('#paginationInfo').text('Showing 0 to 0 of 0 entries');\r\n            }\r\n        },\r\n        error: function () {\r\n            $('#spinner').hide();\r\n            $('#leaderboard').html('<tr><td colspan=\"5\">Error loading data<\/td><\/tr>');\r\n        }\r\n    });\r\n}\r\n\r\nfunction populateFilters() {\r\n    $.ajax({\r\n        url: ajax_object.ajax_url,\r\n        method: 'POST',\r\n        dataType: 'json',\r\n        data: {\r\n            \"action\": \"getLeaderBoard\"\r\n        },\r\n        success: function (filters) {\r\n          $('#spinner').hide();\r\n          \r\n\r\n          allFilters = filters.filters || [];\r\n\r\n          const yearFilter = $('#yearFilter');\r\n          const monthFilter = $('#monthFilter');\r\n          yearFilter.empty().append('<option value=\"\">Select Year<\/option>');\r\n          monthFilter.empty().append('<option value=\"\">Select Month<\/option>').hide();\r\n\r\n          let years = [...new Set(allFilters.map(f => f.year))];\r\n          years.forEach(year => {\r\n            yearFilter.append(`<option value=\"${year}\">${year}<\/option>`);\r\n          });\r\n\r\n          yearFilter.off('change').on('change', function () {\r\n            const selectedYear = $(this).val();\r\n            monthFilter.empty().append('<option value=\"\">Select Month<\/option>').hide();\r\n\r\n            const months = allFilters.filter(f => f.year == selectedYear);\r\n            if (months.length > 0) {\r\n              monthFilter.show();\r\n              months.forEach(month => {\r\n                monthFilter.append(`<option value=\"${month.month}\">${month.display}<\/option>`);\r\n              });\r\n            }\r\n\r\n            currentPage = 1;\r\n            $('#leaderboard').html('<tr><td colspan=\"5\">Please select a month.<\/td><\/tr>');\r\n            $('#paginationInfo').text('');\r\n          });\r\n\r\n          monthFilter.off('change').on('change', function () {\r\n            currentPage = 1;\r\n            fetchLeaderboardData();\r\n          });\r\n        }\r\n    });\r\n}\r\n\r\n\/\/ Event Listeners\r\n$('#leaderboardSearch').on('input', function () {\r\n    currentPage = 1;\r\n    fetchLeaderboardData();\r\n});\r\n$('#entriesPerPage').on('change', function () {\r\n    currentPage = 1;\r\n    fetchLeaderboardData();\r\n});\r\n$('#prevPage').on('click', function () {\r\n    if (currentPage > 1) {\r\n        currentPage--;\r\n        fetchLeaderboardData();\r\n    }\r\n});\r\n$('#nextPage').on('click', function () {\r\n    currentPage++;\r\n    fetchLeaderboardData();\r\n});\r\n\r\n\/\/ Init\r\n$(document).ready(function () {\r\n    populateFilters();\r\n    fetchLeaderboardData();\r\n});\r\n<\/script>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8004","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/casino2.myrwds.net\/tr\/wp-json\/wp\/v2\/pages\/8004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casino2.myrwds.net\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casino2.myrwds.net\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casino2.myrwds.net\/tr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/casino2.myrwds.net\/tr\/wp-json\/wp\/v2\/comments?post=8004"}],"version-history":[{"count":2,"href":"https:\/\/casino2.myrwds.net\/tr\/wp-json\/wp\/v2\/pages\/8004\/revisions"}],"predecessor-version":[{"id":8006,"href":"https:\/\/casino2.myrwds.net\/tr\/wp-json\/wp\/v2\/pages\/8004\/revisions\/8006"}],"wp:attachment":[{"href":"https:\/\/casino2.myrwds.net\/tr\/wp-json\/wp\/v2\/media?parent=8004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}