// tab-bar
(function(){var g=function(a){if(a&&a.stopPropagation)a.stopPropagation();else if(window.event)window.event.cancelBubble=true;var b=a?a:window.event;b.preventDefault&&b.preventDefault()},d=function(a,c,b){if(a.addEventListener)a.addEventListener(c,b,false);else a.attachEvent&&a.attachEvent("on"+c,b)},a=function(c,a){var b=new RegExp("(^| )"+a+"( |$)");return b.test(c.className)?true:false},j=function(b,c,d){if(!a(b,c))if(b.className=="")b.className=c;else if(d)b.className=c+" "+b.className;else b.className+=" "+c},h=function(a,b){var c=new RegExp("(^| )"+b+"( |$)");a.className=a.className.replace(c,"$1");a.className=a.className.replace(/ $/,"")},e=function(){var b=window.location.pathname;if(b.indexOf("/")!=-1)b=b.split("/");var a=b[b.length-1]||"root";if(a.indexOf(".")!=-1)a=a.substring(0,a.indexOf("."));if(a>20)a=a.substring(a.length-19);return a},c="mi"+e(),b=function(b,a){this.g(b,a)};b.prototype={h:function(){var b=new RegExp(c+this.a+"=(\\d+)"),a=document.cookie.match(b);return a?a[1]:this.i()},i:function(){for(var b=0,c=this.b.length;b<c;b++)if(a(this.b[b].parentNode,"selected"))return b;return 0},j:function(b,d){var c=document.getElementById(b.TargetId);if(!c)return;this.l(c);for(var a=0;a<this.b.length;a++)if(this.b[a]==b){j(b.parentNode,"selected");d&&this.d&&this.k(this.a,a)}else h(this.b[a].parentNode,"selected")},k:function(a,b){document.cookie=c+a+"="+b+"; path=/"},l:function(b){for(var a=0;a<this.c.length;a++)this.c[a].style.display=this.c[a].id==b.id?"block":"none"},m:function(){this.c=[];for(var c=this,a=0;a<this.b.length;a++){var b=document.getElementById(this.b[a].TargetId);if(b){this.c.push(b);d(this.b[a],"click",function(b){var a=this;if(a===window)a=window.event.srcElement;c.j(a,1);g(b);return false})}}},g:function(f,h){this.a=h;this.b=[];for(var e=f.getElementsByTagName("a"),i=/#([^?]+)/,a,b,c=0;c<e.length;c++){b=e[c];a=b.getAttribute("href");if(a.indexOf("#")==-1)continue;else{var d=a.match(i);if(d){a=d[1];b.TargetId=a;this.b.push(b)}else continue}}var g=f.getAttribute("data-persist")||"";this.d=g.toLowerCase()=="true"?1:0;this.m();this.n()},n:function(){var a=this.d?parseInt(this.h()):this.i();if(a>=this.b.length)a=0;this.j(this.b[a],0)}};var k=[],i=function(e){var b=false;function a(){if(b)return;b=true;setTimeout(e,4)}if(document.addEventListener)document.addEventListener("DOMContentLoaded",a,false);else if(document.attachEvent){try{var f=window.frameElement!=null}catch(g){}if(document.documentElement.doScroll&&!f){function c(){if(b)return;try{document.documentElement.doScroll("left");a()}catch(d){setTimeout(c,10)}}c()}document.attachEvent("onreadystatechange",function(){document.readyState==="complete"&&a()})}d(window,"load",a)},f=function(){for(var d=document.getElementsByTagName("ul"),c=0,e=d.length;c<e;c++)a(d[c],"tabs")&&k.push(new b(d[c],c))};i(f);return{}})()
// handle responsive image
// Create a media condition that targets viewports at least 768px wide

try {
  var mq = window.matchMedia('(max-width: 900px)')
  var heroImageSm = document.querySelector('.hero-img-sm')
  var heroImageLg = document.querySelector('.hero-img-lg')

  function doSomething(mq){
      if (mq.matches) {
          // Then trigger an alert
          heroImageSm.style.display = 'block'
          heroImageLg.style.display = 'none'
        }else{
          heroImageSm.style.display = 'none'
          heroImageLg.style.display = 'block'
        }
  }
  doSomething(mq)
mq.addListener(doSomething)
} catch (error) {
  
}


//handle nav scroll
const header = document.querySelector('nav')
const logoNav = document.querySelector('.logoNav')
window.onscroll = () => {
    const headerOffset = header.offsetTop
    if(headerOffset < window.scrollY){
        // jika scroll
        header.classList.remove('position-relative')
        header.classList.add('navbar-fixed')
        logoNav.style.maxWidth = '200px'
        
    }else{
        // masih di atas
        header.classList.remove('navbar-fixed')
        header.classList.add('position-relative')
        logoNav.style.maxWidth = '290px'


    }
}

// Handle layanan hover handler
function layananOnHover(element) {
    var img = element.querySelector('img')
    var src = img.getAttribute('src')
    img.setAttribute('src', src.split('.png')[0] + "_white.png");
  }
  
  function layananUnHover(element) {
    var img = element.querySelector('img')
    var src = img.getAttribute('src')
    img.setAttribute('src', src.split('_white.png')[0] + ".png");  
}

// Trends card hover handler
function trendOnHover(element) {
    var img = element.querySelector('.img-trend-card')
    var src = img.getAttribute('src')
    img.setAttribute('src', src.split('.png')[0] + "-hover.png");
  }
  
  function trendUnHover(element) {
    var img = element.querySelector('.img-trend-card')
    var src = img.getAttribute('src')
    img.setAttribute('src', src.split('-hover.png')[0] + ".png");  
}

// Handle Password Input
function handlePasswordInput(component){
  var passwordInput = document.querySelector('#passwordInput')
  if(passwordInput.getAttribute('type') === 'text'){
    component.querySelector('i').classList.remove('bi-eye-slash')
    component.querySelector('i').classList.add('bi-eye')
    passwordInput.setAttribute('type', 'password')
  }else{
    component.querySelector('i').classList.remove('bi-eye')
    component.querySelector('i').classList.add('bi-eye-slash')
    passwordInput.setAttribute('type', 'text')
  }
}