$(function() {
    /* glow in the gr.id campaign
    var grid_url = 'https://bit.ly/3DhJhkZ'; // https://gridsingapore.com/glow-in-the-gr-id/
    var grid_title = 'Glow in the GR.iD';
    
    var voucher_url = 'https://bit.ly/3rTAdQV'; // https://grid.skale.today/voucher
    var voucher_title = 'Voucher Wallet';
    */
    
    /* hallogr.id campaign */
    var grid_url = 'https://gridsingapore.com/dragons-prosperity-at-gr-id/?utm_source=grid&utm_medium=scratchcard&utm_campaign=cny2024';
    var grid_title = 'More Activities'; 
    var grid_url_home = 'https://gridsingapore.com/?utm_source=grid&utm_medium=scratchcard&utm_campaign=cny2024';
    var grid_title_home = 'Website';
    var voucher_url = 'https://grid.skale.today/voucher?utm_source=grid&utm_medium=scratchcard&utm_campaign=cny2024';
    var voucher_title = 'Deals';
    
    // registration page quick links
    var $signup = $('#form-signup');
    if($signup.length > 0){
        $signup.append(`<div class="d-flex justify-content-around w-100">
            <a href="${grid_url}" target="_blank" alt="${grid_title}" class="btn" style="color:#fff;"><i class="fas fa-globe mr-1"></i> ${grid_title}</a> 
            <a href="${voucher_url}" target="_blank" alt="${voucher_title}" class="btn" style="color:#fff;"><i class="fas fa-ticket-alt mr-1"></i> ${voucher_title}</a>
            </div>`);
    }
    
    // main game page quick links
    var $bottom = $('.bottom_ui_wrapper');
    if($bottom.length > 0){
        $bottom.append(`<div class="bottom_ui top_layer_ui" id="grid_url_btn">
                            <i class="fas fa-globe"></i>
                        </div>`)
        $('#grid_url_btn').on('click', (e)=>{
            var win = window.open(grid_url, '_blank');
            if (win) {
                win.focus();
            }
        });
        $bottom.append(`<div class="bottom_ui top_layer_ui" id="grid_voucher_btn">
                            <i class="fas fa-ticket-alt"></i>
                        </div>`)
        $('#grid_voucher_btn').on('click', (e)=>{
            var win = window.open(voucher_url, '_blank');
            if (win) {
                win.focus();
            }
        });
    }
    
    // top nav menu
    if(!window.location.pathname.includes('/voucher') && !window.location.pathname.includes('/my') ){
        var $nav = $('.navbar-nav');
        if($nav.length >0){
            // 3rd item
            // $(`<li class="nav-item"><a class="nav-link text-center" aria-current="page" href="${voucher_url}" target="_blank" alt="${voucher_title}">${voucher_title}</a></li>`).insertAfter(".nav-item:first")
            // 2nd item
            $(`<li class="nav-item"><a class="nav-link text-center" aria-current="page" href="${grid_url_home}" target="_blank" alt="${grid_title_home}">${grid_title_home}</a></li>`).insertAfter(".nav-item:first")
            // first item
            // $(`<li class="nav-item"><a class="nav-link text-center" aria-current="page" href="${grid_url}" target="_blank" alt="${grid_title}">${grid_title}</a></li>`).insertAfter(".nav-item:first")
        }
        $('.nav-link:not([href="/"]):not([href="/logout"])').attr('target','_blank');
        
        // change copy daily check in
        $('.popup-daily-checkin-caption').text('Check in daily to earn points!')
    }
    
    // change copy game titles
    var $title = $('.main-game-wrapper h5:first');
    if($title.length > 0){
        $title.html('Shop & Dine at GR.iD for Rewards');
    }
    var $pointsLabel = $('[name=reward_point]');
    if($pointsLabel.length > 0){
        $('<span> pts</span>').insertAfter($pointsLabel);
    }
    var $chancesLabel = $('[name=chance_balance]');
    if($chancesLabel.length > 0){
        $('<span> chance(s)</span>').insertAfter($chancesLabel);
    }
    
    var hidePassAlert = document.querySelector('.alert.alert-primary.m-0');
    if (hidePassAlert) {
        hidePassAlert.style.display = 'none';
    }
    
});