/home/kueuepay/public_html/public/frontend/js/main.js
(function ($) {
  "user strict";
  
  //preloder
  $(window).on('load', function() {
    $(".preloader").delay(1500).animate({
      "opacity": "0"
    }, 1500, function () {
        $(".preloader").css("display", "none");
    });
  });
  
  // Header
  $(".logo-btn").click(function () {
            $(".main-side-menu").toggleClass("show");
        });
        $(".main-side-menu-cross").click(function () {
            $(".main-side-menu").removeClass("show");
        });
  
  // header-sidebar-Active
  document.addEventListener('DOMContentLoaded', function() {
    // Get the current URL path
    const currentPath = window.location.pathname.split('/').pop();
  
    // Get all menu items
    const menuItems = document.querySelectorAll('.main-side-menu-list a');
  
    // Loop through each menu item
    menuItems.forEach(function(item) {
        // Get the href attribute of the menu item
        const itemPath = item.getAttribute('href');
  
        // Check if the current path matches the item's path
        if (itemPath === currentPath) {
            // Add the 'active' class to the parent <li>
            item.parentElement.classList.add('active');
        }
    });
  });
  
    
  //Create Background Image
  (function background() {
    let img = $('.bg_img');
    img.css('background-image', function () {
      var bg = ('url(' + $(this).data('background') + ')');
      return bg;
    });
  })();
  
  // aos
  AOS.init();
    
  // nice-select
  $(".nice-select").niceSelect(),
  
  // lightcase
   $(window).on('load', function () {
    $("a[data-rel^=lightcase]").lightcase();
  })
  
  // scroll-to-top
  var ScrollTop = $(".scrollToTop");
  $(window).on('scroll', function () {
    if ($(this).scrollTop() < 100) {
        ScrollTop.removeClass("active");
    } else {
        ScrollTop.addClass("active");
    }
  });
  
  //Notification
  $('.notification-icon').on('click', function (e) {
    e.preventDefault();
    if($('.notification-wrapper').hasClass('active')) {
      $('.notification-wrapper').removeClass('active');
      $('.body-overlay').removeClass('view');
    }else {
      $('.notification-wrapper').addClass('active');
      $('.body-overlay').addClass('view');
    }
  });
  $('#body-overlay').on('click', function (e) {
    e.preventDefault();
    $('.notification-wrapper').removeClass('active');
    $('.body-overlay').removeClass('view');
    $('.body-overlay').addClass('show');
  });
  
  
  // testimonial Slider
  var swiper = new Swiper(".testimonial-slider", {
    slidesPerView: 2,
    spaceBetween: 20,
    loop: true,
    autoplay: {
      speed: 1000,
      delay: 3000,
    },
    speed: 1000,
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    breakpoints: {
      1199: {
      slidesPerView: 2,
      },
      991: {
      slidesPerView: 1,
      },
      767: {
      slidesPerView: 1,
      },
      575: {
      slidesPerView: 1,
      },
    }
  });
  

  
  var swiper = new Swiper(".virtualCardDetails-slider", {
    spaceBetween: 30,
    cssMode: true,
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    pagination: {
      el: ".swiper-pagination",
    },
    mousewheel: true,
    keyboard: true,
  });
    
  //Odometer
  if ($(".counter").length) {
    $(".counter").each(function () {
      $(this).isInViewport(function (status) {
        if (status === "entered") {
          for (var i = 0; i < document.querySelectorAll(".odometer").length; i++) {
            var el = document.querySelectorAll('.odometer')[i];
            el.innerHTML = el.getAttribute("data-odometer-final");
          }
        }
      });
    });
  }
  
  //toggle password
  
  $(".toggle-password").click(function() {
  
    $(this).toggleClass("la-eye la-eye-slash");
    var input = $($(this).attr("toggle"));
    if (input.attr("type") == "password") {
    input.attr("type", "text");
    } else {
    input.attr("type", "password");
    }
    });
  //toggle password
  $(document).ready(function() {
    $(".show_hide_password .show-pass").on('click', function(event) {
        event.preventDefault();
        if($(this).parent().find("input").attr("type") == "text"){
            $(this).parent().find("input").attr('type', 'password');
            $(this).find("i").addClass( "fa-eye-slash" );
            $(this).find("i").removeClass( "fa-eye" );
        }else if($(this).parent().find("input").attr("type") == "password"){
            $(this).parent().find("input").attr('type', 'text');
            $(this).find("i").removeClass( "fa-eye-slash" );
            $(this).find("i").addClass( "fa-eye" );
        }
    });
  });
  
  // faq
  $('.faq-wrapper .faq-title').on('click', function (e) {
    var element = $(this).parent('.faq-item');
    if (element.hasClass('open')) {
      element.removeClass('open');
      element.find('.faq-content').removeClass('open');
      element.find('.faq-content').slideUp(300, "swing");
    } else {
      element.addClass('open');
      element.children('.faq-content').slideDown(300, "swing");
      element.siblings('.faq-item').children('.faq-content').slideUp(300, "swing");
      element.siblings('.faq-item').removeClass('open');
      element.siblings('.faq-item').find('.faq-title').removeClass('open');
      element.siblings('.taq-item').find('.faq-content').slideUp(300, "swing");
    }
  });
  
  
  
  $(document).ready(function () {
    var AFFIX_TOP_LIMIT = 300;
    var AFFIX_OFFSET = 110;
  
    var $menu = $("#menu"),
    $btn = $("#menu-toggle");
  
    $("#menu-toggle").on("click", function () {
        $menu.toggleClass("open");
        return false;
    });
  
  
    $(".docs-nav").each(function () {
        var $affixNav = $(this),
      $container = $affixNav.parent(),
      affixNavfixed = false,
      originalClassName = this.className,
      current = null,
      $links = $affixNav.find("a");
  
        function getClosestHeader(top) {
            var last = $links.first();
  
            if (top < AFFIX_TOP_LIMIT) {
                return last;
            }
  
            for (var i = 0; i < $links.length; i++) {
                var $link = $links.eq(i),
          href = $link.attr("href");
  
                if (href.charAt(0) === "#" && href.length > 1) {
                    var $anchor = $(href).first();
  
                    if ($anchor.length > 0) {
                        var offset = $anchor.offset();
  
                        if (top < offset.top - AFFIX_OFFSET) {
                            return last;
                        }
  
                        last = $link;
                    }
                }
            }
            return last;
        }
  
  
        $(window).on("scroll", function (evt) {
            var top = window.scrollY,
          height = $affixNav.outerHeight(),
          max_bottom = $container.offset().top + $container.outerHeight(),
          bottom = top + height + AFFIX_OFFSET;
  
            if (affixNavfixed) {
                if (top <= AFFIX_TOP_LIMIT) {
                    $affixNav.removeClass("fixed");
                    $affixNav.css("top", 0);
                    affixNavfixed = false;
                } else if (bottom > max_bottom) {
                    $affixNav.css("top", (max_bottom - height) - top);
                } else {
                    $affixNav.css("top", AFFIX_OFFSET);
                }
            } else if (top > AFFIX_TOP_LIMIT) {
                $affixNav.addClass("fixed");
                affixNavfixed = true;
            }
  
            var $current = getClosestHeader(top);
  
            if (current !== $current) {
                $affixNav.find(".active").removeClass("active");
                $current.addClass("active");
                current = $current;
            }
        });
    });
  });
  
  // switch-toggles
  $(document).ready(function(){
    $.each($(".switch-toggles"),function(index,item) {
      var firstSwitch = $(item).find(".switch").first();
      var lastSwitch = $(item).find(".switch").last();
      if(firstSwitch.attr('data-value') == null) {
        $(item).find(".switch").first().attr("data-value",true);
        $(item).find(".switch").last().attr("data-value",false);
      }
      if($(item).hasClass("active")) {
        $(item).find('input').val(firstSwitch.attr("data-value"));
      }else {
        $(item).find('input').val(lastSwitch.attr("data-value"));
      }
    });
  });
  
  $('.switch-toggles .switch').on('click', function () {
    $(this).parents(".switch-toggles").toggleClass('active');
    $(this).parents(".switch-toggles").find("input").val($(this).attr("data-value"));
    
    let targetAttrVal = $(this).parent().attr("data-deactive");
    if($(this).parent().hasClass("active") == false) {
      $('[data-switcher='+targetAttrVal+']').removeClass("d-none").slideDown(400);
    }else {
      $('[data-switcher='+targetAttrVal+']').slideUp(400);
    }
  });
  
  // active menu JS
  function splitSlash(data) {
    return data.split('/').pop();
  }
  function splitQuestion(data) {
    return data.split('?').shift().trim();
  }
  var pageNavLis = $('.developer-bar-main-menu a');
  var dividePath = splitSlash(window.location.href);
  var divideGetData = splitQuestion(dividePath);
  var currentPageUrl = divideGetData;
  
  // find current sidebar element
  $.each(pageNavLis,function(index,item){
      var anchoreTag = $(item);
      var anchoreTagHref = $(item).attr('href');
      var index = anchoreTagHref.indexOf('/');
      var getUri = "";
      if(index != -1) {
        // split with /
        getUri = splitSlash(anchoreTagHref);
        getUri = splitQuestion(getUri);
      }else {
        getUri = splitQuestion(anchoreTagHref);
      }
      if(getUri == currentPageUrl) {
        var thisElementParent = anchoreTag.parents('.sidebar-single-menu');
        (anchoreTag.hasClass('nav-link') == true) ? anchoreTag.addClass('active') : thisElementParent.addClass('active');
        (anchoreTag.parents('.has-sub')) ? anchoreTag.parents('.has-sub').addClass('active') : '';
        (thisElementParent.find('.sidebar-submenu')) ? thisElementParent.find('.sidebar-submenu').slideDown("slow") : '';
        return false;
      }
  });
  
    // sidebar
  $(".sidebar-menu-item > a").on("click", function () {
    var element = $(this).parent("li");
    if (element.hasClass("active")) {
      element.removeClass("active");
      element.children("ul").slideUp(500);
    }
    else {
      element.siblings("li").removeClass('active');
      element.addClass("active");
      element.siblings("li").find("ul").slideUp(500);
      element.children('ul').slideDown(500);
    }
  });
  
  
  // dashboard-list
  $('.dashboard-list-item').on('click', function (e) {
    var element = $(this).parent('.dashboard-list-item-wrapper');
    if (element.hasClass('show')) {
      element.removeClass('show');
      element.find('.preview-list-wrapper').removeClass('show');
      element.find('.preview-list-wrapper').slideUp(300, "swing");
    } else {
      element.addClass('show');
      element.children('.preview-list-wrapper').slideDown(300, "swing");
      element.siblings('.dashboard-list-item-wrapper').children('.preview-list-wrapper').slideUp(300, "swing");
      element.siblings('.dashboard-list-item-wrapper').removeClass('show');
      element.siblings('.dashboard-list-item-wrapper').find('.dashboard-list-item').removeClass('show');
      element.siblings('.dashboard-list-item-wrapper').find('.preview-list-wrapper').slideUp(300, "swing");
    }
  });
  
  // invoice-form
  $('.invoice-form').on('click', '.add-row-btn', function() {
    $('.add-row-btn').closest('.invoice-form').find('.add-row-wrapper').last().clone().show().appendTo('.results');
  });
  
  $(document).on('click','.invoice-cross-btn', function (e) {
  e.preventDefault();
  $(this).parent().parent().hide(300);
  });
  
  //pdf
  $('.pdf').on('click', function (e) {
    e.preventDefault();
    $('.pdf-area').addClass('active');
    $('.body-overlay').addClass('active');
  });
  $('#body-overlay, #pdf-area').on('click', function (e) {
    e.preventDefault();
    $('.pdf-area').removeClass('active');
    $('.body-overlay').removeClass('active');
  })
  
  
  
  //Profile Upload
  function proPicURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            var preview = $(input).parents('.preview-thumb').find('.profilePicPreview');
            $(preview).css('background-image', 'url(' + e.target.result + ')');
            $(preview).addClass('has-image');
            $(preview).hide();
            $(preview).fadeIn(650);
        }
        reader.readAsDataURL(input.files[0]);
    }
  }
  $(".profilePicUpload").on('change', function () {
    proPicURL(this);
  });
  
  $(".remove-image").on('click', function () {
    $(".profilePicPreview").css('background-image', 'none');
    $(".profilePicPreview").removeClass('has-image');
  });
  
  
  //info-btn
  $(document).on('click', '.info-btn', function () {
    $('.support-profile-wrapper').addClass('active');
  });
  $(document).on('click', '.chat-cross-btn', function () {
    $('.support-profile-wrapper').removeClass('active');
  });
  
  
  $(document).on("click",".card-custom",function(){
    $(this).toggleClass("active");
  });
  
  //account-toggle
  $('.header-account-btn').on('click', function (e) {
    e.preventDefault();
    $('.account-section').addClass('active');
    $('.body-overlay').addClass('active');
  });
  $('#body-overlay').on('click', function (e) {
    e.preventDefault();
    $('.account-section').removeClass('active');
    $('.body-overlay').removeClass('active');
  });
  $('.account-close').on('click', function (e) {
    e.preventDefault();
    $('.account-section').removeClass('active');
    $('.body-overlay').removeClass('active');
  });
  $('.remove-account').on('click', function (e) {
    e.preventDefault();
    $(this).parent().parent().hide(300);
  });
  $('.account-control-btn').on('click', function () {
    $('.account-area').toggleClass('change-form');
  })
  
  
  $(".account-control-btn").click(function(){
    var source = $(this).attr("data-block");
    $(".account-wrapper").hide();
    $(".account-wrapper."+source).show();
  });
    
    //sidebar Menu
  $('.sidebar-menu-bar').on('click', function (e) {
    e.preventDefault();
    if($('.sidebar, .navbar-wrapper, .body-wrapper').hasClass('active')) {
      $('.sidebar, .navbar-wrapper, .body-wrapper').removeClass('active');
      $('.body-overlay').removeClass('show');
    }else {
      $('.sidebar, .navbar-wrapper, .body-wrapper').addClass('active');
      $('.body-overlay').addClass('show');
    }
  });
  $('.body-overlay').on('click', function (e) {
    e.preventDefault();
    $('.sidebar, .navbar-wrapper, .body-wrapper').removeClass('active');
    $('.body-overlay').removeClass('show');
  });
    
    // sidebar single menu
    $(".has-sub > a").on("click", function () {
      var element = $(this).parent("li");
      if (element.hasClass("active")) {
        element.removeClass("active");
        element.children("ul").slideUp(500);
      }
      else {
        element.siblings("li").removeClass('active');
        element.addClass("active");
        element.siblings("li").find("ul").slideUp(500);
        element.children('ul').slideDown(500);
      }
    });
  
  
  
  // select-2 init
  $('.select2-basic').select2();
  $('.select2-multi-select').select2();
  $(".select2-auto-tokenize").select2({
  tags: true,
  tokenSeparators: [',']
  });
  
  // Checkbox
  $(document).on("change",".dependency-checkbox",function() {
    dependencyCheckboxHandle($(this));
  }); 
  
  $(document).ready(function() {
    let dependencyCheckbox = $(".dependency-checkbox");
    $.each(dependencyCheckbox, function(index,item) {
        dependencyCheckboxHandle($(item));
    });
  });
  
  
  function dependencyCheckboxHandle(targetCheckbox) {
    let target = $(targetCheckbox).attr("data-target");
    if($(targetCheckbox).is(":checked")) {
        $("." + target).slideDown(300);
    }else {
        $("." + target).slideUp(300);
    }
  }
  
  // Dasboard menu btn
  function toggleDropdown() {
    var dropdownMenu = document.getElementById('dropdown-menu');
    if (dropdownMenu.style.display === 'block') {
        dropdownMenu.style.display = 'none';
    } else {
        dropdownMenu.style.display = 'block';
    }
  }
  
  // animation
  document.addEventListener("DOMContentLoaded", function () {
    const observerOptions = {
        root: null,
        rootMargin: "0px",
        threshold: 0.1
    };

    const observer = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add("in-view");
            } else {
                entry.target.classList.remove("in-view");
            }
        });
    }, observerOptions);

    const target = document.getElementById("animated-section");

    if (target) { // Check if the target exists
        observer.observe(target);
    } 
});
 
})(jQuery);

/**
 * Function For Get All Country list by AJAX Request
 * @param {HTML DOM} targetElement
 * @param {Error Place Element} errorElement
 * @returns
 */
var allCountries = "";
function getAllCountries(hitUrl,targetElement = $(".country-select"),errorElement = $(".country-select").siblings(".select2")) {
  if(targetElement.length == 0) {
    return false;
  }
  var CSRF = $("meta[name=csrf-token]").attr("content");
  var data = {
    _token      : CSRF,
  };
  $.post(hitUrl,data,function() {
    // success
    $(errorElement).removeClass("is-invalid");
    $(targetElement).siblings(".invalid-feedback").remove();
  }).done(function(response){
    // Place States to States Field
    var options = "<option selected disabled>Select Country</option>";
    var selected_old_data = "";
    if($(targetElement).attr("data-old") != null) {
        selected_old_data = $(targetElement).attr("data-old");
    }
    $.each(response,function(index,item) {
        options += `<option value="${item.name}" data-id="${item.id}" data-mobile-code="${item.mobile_code}" ${selected_old_data == item.name ? "selected" : ""}>${item.name}</option>`;
    });


    allCountries = response;


    $(targetElement).html(options);
  }).fail(function(response) {
    var faildMessage = "Something went wrong! Please try again.";
    var faildElement = `<span class="invalid-feedback" role="alert">
                            <strong>${faildMessage}</strong>
                        </span>`;
    $(errorElement).addClass("is-invalid");
    if($(targetElement).siblings(".invalid-feedback").length != 0) {
        $(targetElement).siblings(".invalid-feedback").text(faildMessage);
    }else {
      errorElement.after(faildElement);
    }
  });
}
$('.select2-basic').select2();
$('.select2-multi-select').select2();
$(".select2-auto-tokenize").select2({
tags: true,
tokenSeparators: [',']
});
/**
 * Function for open delete modal with method DELETE
 * @param {string} URL 
 * @param {string} target 
 * @param {string} message 
 * @returns 
 */
function openAlertModal(URL,target,message,actionBtnText = "Remove",method = "DELETE"){

  if(URL == "" || target == "") {
      return false;
  }

  if(message == "") {
      message = "Are you sure to delete ?";
  }
  var method = `<input type="hidden" name="_method" value="${method}">`;
  openModalByContent(
      {
          content: `<div class="card modal-alert border-0">
                      <div class="card-body">
                          <form method="POST" action="${URL}">
                              <input type="hidden" name="_token" value="${laravelCsrf()}">
                              ${method}
                              <div class="head mb-3">
                                  ${message}
                                  <input type="hidden" name="target" value="${target}">
                              </div>
                              <div class="foot d-flex align-items-center justify-content-between">
                                  <button type="button" class="modal-close btn--base btn-for-modal">Close</button>
                                  <button type="submit" class="alert-submit-btn btn--base bg-danger btn-loading btn-for-modal">${actionBtnText}</button>
                              </div>    
                          </form>
                      </div>
                  </div>`,
      },

  );
}

/**
 * Function For Open Modal Instant by pushing HTML Element
 * @param {Object} data
 */
function openModalByContent(data = {
  content:"",
  animation: "mfp-move-horizontal",
  size: "medium",
}) {
  $.magnificPopup.open({
    removalDelay: 500,
    items: {
      src: `<div class="white-popup mfp-with-anim ${data.size ?? "medium"}">${data.content}</div>`, // can be a HTML string, jQuery object, or CSS selector
    },
    callbacks: {
      beforeOpen: function() {
        this.st.mainClass = data.animation ?? "mfp-move-horizontal";
      },
      open: function() {
        var modalCloseBtn = this.contentContainer.find(".modal-close");
        $(modalCloseBtn).click(function() {
          $.magnificPopup.close();
        });
      },
    },
    midClick: true,
  });
}

/**
 * Function for getting CSRF token for form submit in laravel
 * @returns string
 */
function laravelCsrf() {
  return $("head meta[name=csrf-token]").attr("content");
}


function placePhoneCode(code) {
  if(code != undefined) {
      code = code.replace("+","");
      code = "+" + code;
      $("input.phone-code").val(code);
      $("div.phone-code").html(code);
  }
}

$(document).on("keyup",".number-input",function(){
  var pattern = /^[0-9]*\.?[0-9]*$/;
  var value = $(this).val();
  var test = pattern.test(value);
  if(test == false) {
    var rightValue = value;
    if(value.length > 0) {
      for (let index = 0; index < value.length; index++){
        if(!$.isNumeric(rightValue)) {
          rightValue = rightValue.slice(0, -1);
        }
      }
    }
    $(this).val(rightValue);
  }
});

var timeOut;
function itemSearch(inputElement,tableElement,URL,minTextLength = 3) {
  $(inputElement).bind("keyup",function(){
    clearTimeout(timeOut);
    timeOut = setTimeout(executeItemSearch, 500,$(this),tableElement,URL,minTextLength);
  });
}
function executeItemSearch(inputElement,tableElement,URL,minTextLength) {
  $(tableElement).parent().find(".search-result-table").remove();
  var searchText = inputElement.val();
  if(searchText.length > minTextLength) {
    // console.log(searchText);
    $(tableElement).addClass("d-none");
    makeSearchItemXmlRequest(searchText,tableElement,URL);
  }else {
    $(tableElement).removeClass("d-none");
  }
}

function makeSearchItemXmlRequest(searchText,tableElement,URL) {
  var data = {
    _token      : laravelCsrf(),
    text        : searchText,
  };
  $.post(URL,data,function(response) {
    //response
  }).done(function(response){
    itemSearchResult(response,tableElement);
    // if($(tableElement).siblings(".search-result-table").length > 0) {
    //     $(tableElement).parent().find(".search-result-table").html(response);
    // }else{
    //     $(tableElement).after(`<div class="search-result-table"></div>`);
    //     $(tableElement).parent().find(".search-result-table").html(response);
    // }
  }).fail(function(response) {
    throwMessage('error',["Something went wrong! Please try again."]);
  });
}

function itemSearchResult(response,tableElement) {
  if(response == "") {
    throwMessage('error',["No data found!"]);
  }
  if($(tableElement).siblings(".search-result-table").length > 0) {
    $(tableElement).parent().find(".search-result-table").html(response);
  }else{
    $(tableElement).after(`<div class="search-result-table"></div>`);
    $(tableElement).parent().find(".search-result-table").html(response);
  }
}

$('textarea').keydown(function (e) {
  const keyCode = e.which || e.keyCode;
  if (keyCode === 13 && !e.shiftKey) {
    e.preventDefault();
  }
});

/**
 * Function for make ajax request for switcher
 * @param {HTML DOM} inputName
 * @param {AJAX URL} hitUrl
 * @param {URL METHOD} method
 */
function switcherAjax(hitUrl,method = "PUT") {
  $(document).on("click",".event-ready",function(event) {
    var inputName = $(this).parents(".switch-toggles").find("input").attr("name");
    if(inputName == undefined || inputName == "") {
      return false;
    }
    $(this).parents(".switch-toggles").find(".switch").removeClass("event-ready");
    var input = $(this).parents(".switch-toggles").find("input[name="+inputName+"]");
    
    var eventElement = $(this);
    if(input.length == 0) {
        alert("Input field not found.");
        $(this).parents(".switch-toggles").find(".switch").addClass("event-ready");
        $(this).find(".btn-ring").hide();
        return false;
    }
    var CSRF = $("head meta[name=csrf-token]").attr("content");
    var dataTarget = "";
    if(input.attr("data-target")) {
        dataTarget = input.attr("data-target");
    }
    var inputValue = input.val();
    var data = {
      _token: CSRF,
      _method: method,
      data_target: dataTarget,
      status: inputValue,
      input_name: inputName,
    };
    $.post(hitUrl,data,function(response) {
      throwMessage('success',response.message.success);
      // Remove Loading animation
      
      $(event.target).find(".btn-ring").hide();
    }).done(function(response){
      
      $(eventElement).parents(".switch-toggles").find(".switch").addClass("event-ready");
      // $(eventElement).parents(".switch-toggles.btn-load").toggleClass('active');
      var dataValue = $(eventElement).parents(".switch-toggles").find(".switch").last().attr("data-value");
      if($(eventElement).parents(".switch-toggles").hasClass("active")) {
        dataValue = $(eventElement).parents(".switch-toggles").find(".switch").first().attr("data-value");
        // $(eventElement).parents(".switch-toggles").find(".switch").first().find(".btn-ring").hide();
      }
      $(eventElement).parents(".switch-toggles.btn-load").find("input").val(dataValue);
      // $(eventElement).parents(".switch-toggles").find(".switch").find(".btn-ring").hide();
      
    }).fail(function(response) {
        var response = JSON.parse(response.responseText);
        throwMessage(response.type,response.message.error);
        $(eventElement).parents(".switch-toggles").find(".switch").addClass("event-ready");
        $(eventElement).parents(".switch-toggles").find(".btn-ring").hide();
        
        return false;
    });
  });
}



$(".sidebar-mobile-btn button").click(function(){
  $(".developer-page-container .developer-bar").toggleClass("active");
  $('.body-overlay').addClass('active');
});
$(document).on("click","#body-overlay",function(){
  $('.body-overlay').removeClass('active');
  $('.developer-page-container .developer-bar').removeClass('active');
});

var pageNavActive = $('.developer-bar-main-menu a.nav-link.active');
if(pageNavActive.length > 0) {
  if(pageNavActive.first().parents(".has-sub").length > 0) {
    pageNavActive.first().parents(".has-sub").find(".sidebar-submenu").slideDown("slow");
  }
}
  
// page load active menu 
setTimeout(() => {
  if ($('.sidebar-single-menu').hasClass('active')) {
      $('.developer-bar').animate({
          scrollTop: $('.sidebar-single-menu.active').offset().top - 600
      }, 600);

  }
  if ($('.sidebar-dropdown').hasClass('active')) {
      $('.developer-bar').animate({
          scrollTop: $('.has-sub.active').offset().top - 600
      }, 600);
  }
}, 200);
  
Journal Details
top
blog

The Future of Digital Wallets: How Mobile Payments are Shaping the Financial Landscape

Digital wallets have fundamentally transformed how we manage money, offering a streamlined, secure, and highly efficient method for handling payments and transactions. By consolidating credit, debit, and loyalty card information into a single app, digital wallets simplify the payment process and eliminate the need for physical cards, enhancing both convenience and security.
As digital wallets evolve, they are integrating advanced features that push the boundaries of traditional payment methods. Biometric authentication, such as fingerprint and facial recognition, adds an extra layer of security, ensuring that only authorized users can access their payment information. Real-time transaction alerts provide instant notifications for every transaction, allowing users to monitor their spending and detect any unauthorized activity swiftly. Budgeting tools within digital wallets offer personalized insights and financial management capabilities, helping users track their expenses and plan their budgets more effectively.
The growing adoption of digital wallets is fueled by their ease of use and the increasing demand for contactless payment solutions. As technology advances, digital wallets are likely to incorporate even more innovative features, such as artificial intelligence for personalized financial advice, integrated loyalty programs for seamless rewards management, and cross-border transaction capabilities for global shopping convenience.
The integration of these features is reshaping the financial landscape by making transactions not only faster but also more secure and user-friendly. The future of digital wallets is set to further revolutionize how we handle our finances, offering an all-encompassing solution that caters to the evolving needs of modern consumers. As digital wallets continue to advance, they will play an increasingly central role in shaping the future of financial interactions, driving the global shift towards a more digital and cashless economy.

Tags