$(document).ready(function() {
    // doAJAX('daily-challenges', 'GET').promise.then((res) => {
    //     if(res.success) {
    //         const uploadReceiptChallenge = res.data.list.find(ch => ch.id === 6);

    //         if(uploadReceiptChallenge) {
    //             skaleChallenges.showChallengeItem(uploadReceiptChallenge);
    //         } else {
    //             console.error('Upload receipt challenge not found in the list.');
    //         }
    //     } else {
    //         console.error('Failed to fetch the list of challenges.');
    //     }
    // }).catch((err) => {
    //     console.error('An error occurred while fetching the list of challenges:', err);
    // });
    
    $('.main-game-wrapper span[name="reward_point"]').closest('.text-bold').hide();
    $('.main-game-wrapper span[name="chance_balance"]').closest('.text-bold').hide();
    
    const sizeGuidePopup = `
        <div class="modal fade modal-theme show" id="size-guide-popup" popup_status="default" role="dialog" style="display: none;" aria-modal="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body text-center" style="padding-top:4rem">
                        <div class="modal-close z-2" data-dismiss="modal" aria-label="Close">
                            <i class="fas fa-times"></i>
                        </div>
                        
                        <div class="d-flex flex-column align-items-center gap-3 mb-4">
                        <img src="/file/images/MxA-Mechanic_Popup-1000x1200.webp" class="img-circle elevation-2" alt="Promo Image" style="width: 100%; height: 100%;">
                        </div>
                        
                        <button id="close" class="btn btn-primary cta" onclick="return hide_popup()">Close</button>
                    </div>
                    <div class="modal-footer flex-column"></div>
                </div>
            </div>
        </div>
    `;
    
    $('body').append(sizeGuidePopup);
    
    if (window.location.pathname === '/register') {
        $('#size-guide-popup').modal('show');
    }
    
    window.hide_popup = function () {
        $('#size-guide-popup').modal('hide');
        return false;
    };
    
    // trigger upload receipt challenge popup after user clicks on receipt_rejected popup button
    $('#trigger-upload-challenge').on('click', function () {
        doAJAX('daily-challenges', 'GET').promise.then((res) => {
            if (res.success) {
                const uploadReceiptChallenge = res.data.list.find(ch => ch.id === 6);
    
                if (uploadReceiptChallenge) {
                    skaleChallenges.showChallengeItem(uploadReceiptChallenge);
                } else {
                    console.error('Upload receipt challenge not found in the list.');
                }
            } else {
                console.error('Failed to fetch the list of challenges.');
            }
        }).catch((err) => {
            console.error('An error occurred while fetching the list of challenges:', err);
        });
    });
    
    // add break line for upload receipt challenge description
  $("#popup_upload_receipt").on("shown.bs.modal", function() {
    var $desc = $(this).find(".challenge_item_description");
      $desc.html(
        'Get a FREE MILO x Adidas "Can One" T-Shirt with every $60 nett purchase of MILO products!<br>' +
        'Stack your purchase to unlock a maximum of 3 T-Shirts!'
      );
  });
  
  // change copy from rewards downloaded to rewards reserved
  $('#popup_rewards #wallet-tab').text('Rewards Reserved');
  
});

document.addEventListener('DOMContentLoaded', function() {
    // add a class to separate logo css styling customization of register and home page
    if (window.location.pathname === '/register') {
        document.body.classList.add('register-page');
        
        
    }
});