$(document).ready(function() {
    $('.menu-toggler').click(function() {
        $('body').toggleClass('hide-scroll');
    });

    $('.menu-mobile .nav-toggle').click(function(e) {
        e.preventDefault();

        var nTarget = $(this).attr('data-target');
        
        if ( $('#' + nTarget).length ) {
            $('.menu-mobile .nav-dropdown-mobile').removeClass('show');
            $('#' + nTarget).toggleClass('show');
        } else {
            window.location = $(this).child('a').attr('href');
        }
    });
    
    $('.btn-popup-form').click(function() {
        $('body').toggleClass('hide-scroll');
        $('.form-wrapper').toggleClass('show');
    });

          
    $('.btn-close-popup-form').click(function() {
        $('body').removeClass('hide-scroll');
        $('.form-wrapper').removeClass('show');
    });

    $('#tf_nominal_rate').on('keyup change', function () {
        var nVal = $(this).val();
        var fVal = 0;

        if (nVal > 200000) {
            $(this).val(200000);
            fVal = 200000;
        } else if (nVal < 10) {
            $(this).val(10);
            fVal = 10;
        } else {
            fVal = nVal;
        }

        $('#tf_nominal').val(addCommas(fVal * 1000).slice(0, -3) + Math.floor(Math.random()*(999-100+1)+100));
    });

    $('.btn-nominal').on('click', function () {
        var nVal = $(this).text();

        $('#tf_nominal_rate').val(nVal);
        $('#tf_nominal').val(addCommas(nVal * 1000).slice(0, -3) + Math.floor(Math.random()*(999-100+1)+100));
    });

    $('.btn-provider').on('click', function () {
        var nTarget = $(this).attr('data-target');

        $('.game-category-footer').removeClass('d-none');
        $('.game-category-footer .game-provider-list').removeClass('d-flex');
        $('.game-category-footer .game-provider-list').addClass('d-none');
        $('#' + nTarget).removeClass('d-none');
        $('#' + nTarget).addClass('d-flex');
    });
    var splideMobile = new Splide( '#splide-mobile', {
        type         : 'loop',
        perPage      : 1,
        autoplay     : true,
        pagination   : false,
        arrows       : false,
        pauseOnHover : false,
    } );

    splideMobile.mount();

    var splideDesktop = new Splide( '#splide-desktop', {
        type         : 'loop',
        perPage      : 1,
        autoplay     : true,
        pagination   : false,
        arrows       : false,
        pauseOnHover : false,
    } );

    splideDesktop.mount();

    var splideGame = new Splide( '#splide-game', {
        type       : 'loop',
        drag       : 'free',
        focus      : 'center',
        perPage    : 6,
        gap        : 20,
        pagination : false,
        arrows     : false,
        autoScroll : {
            speed: 1,
        },
        breakpoints: {
            640: {
                perPage : 3,
            },
        }
    } );

    splideGame.mount( window.splide.Extensions );
});

function addCommas(nStr) {
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}
function refresh(){
    window.location.reload();
} 
function ClickEvents(){
    //Get toggle Elements By Class Name
  var Boxes=document.getElementsByClassName('toggle');
  //For each element found
      for(var i=0; i<Boxes.length; i++){
  //Set the event listener
  Boxes[i].addEventListener('click',Transition,false);    
      }
  }
  function Transition(){
  //(This) the element clicked/used to call the function
      this.style.height='0px';
  }
  //Set onclick events.
  window.onload=ClickEvents;