/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

Enhancing Payment Security: The Role of Encryption and Tokenization in Digital Transactions

As digital transactions proliferate, ensuring robust payment security is more critical than ever. Two foundational technologies that are pivotal in this effort are encryption and tokenization.
Encryption is a process that transforms data into a secure format, known as ciphertext, which can only be deciphered using a specific decryption key. This means that even if data is intercepted during transmission, it remains unreadable and protected from unauthorized access. Encryption is essential in safeguarding sensitive payment information, such as credit card details and personal data, during online transactions.
Tokenization, on the other hand, involves substituting sensitive data with unique identifiers or "tokens." These tokens serve as placeholders and have no value outside of the specific transaction context. If intercepted, tokens are meaningless and cannot be used to access the original sensitive data. This method significantly reduces the risk of fraud and data breaches, as the actual payment information is not stored or transmitted.
Together, encryption and tokenization form a powerful security framework. Encryption ensures that data is protected during transmission, while tokenization minimizes the risk of exposing sensitive information by replacing it with secure, non-sensitive tokens.
These technologies are integral to modern payment platforms, providing a robust defense against cyber threats. By implementing advanced encryption and tokenization techniques, businesses can enhance the security of digital transactions, ensuring that users' financial and personal information remains safe. This comprehensive approach not only builds user trust but also fortifies the overall security infrastructure of digital payment systems. As cyber threats evolve, the continued advancement of encryption and tokenization will be crucial in maintaining secure and reliable payment processes.

Tags