<!DOCTYPE html>
<html lang="id">

<head>
  <link rel="icon" type="image/x-icon" href="/images/xfav-icon-super-live.png.pagespeed.ic.9wITB1lJTi.png"/>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge"><script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]},feature_flags:["soft_nav"],distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"594379342",accountID:"3711471",trustKey:"3711471",xpid:"VwEGUFJUCRAFUlZbDwYGUFE=",licenseKey:"NRJS-582edc3fb3e86d9ccc1",applicationID:"567987165",browserID:"594379342"};;/*! For license information please see nr-loader-spa-1.314.0.min.js.LICENSE.txt */
(()=>{var e,t,r={384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>a,Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),i=r(1863),s=r(944),o=r(1910);const a={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function d(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,o.i)(...Object.values(e.o))),e}function u(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,s.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:a.beacon,errorBeacon:a.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),d(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>u,K7:()=>c,P3:()=>d,XX:()=>i,Yy:()=>a,df:()=>s,qY:()=>n,v4:()=>o});const n="events",i="jserrors",s="browser/blobs",o="rum",a="browser/logs",c={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},d={[c.pageViewEvent]:1,[c.pageViewTiming]:2,[c.metrics]:3,[c.jserrors]:4,[c.softNav]:5,[c.ajax]:6,[c.sessionTrace]:7,[c.sessionReplay]:8,[c.logging]:9,[c.genericEvents]:10},u={[c.pageViewEvent]:o,[c.pageViewTiming]:n,[c.ajax]:n,[c.softNav]:n,[c.metrics]:i,[c.jserrors]:i,[c.sessionTrace]:s,[c.sessionReplay]:s,[c.logging]:a,[c.genericEvents]:"ins"}},944:(e,t,r)=>{"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},993:(e,t,r)=>{"use strict";r.d(t,{A$:()=>s,ET:()=>o,TZ:()=>a,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},s={OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},o="log",a=n.K7.logging},1687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>a,Ze:()=>d,x3:()=>c});var n=r(3241),i=r(3606),s=r(860),o=r(2646);function a(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&u(e))}function d(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,u(e)}}function u(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const s=e.ee,a=i.i.handlers;if(s&&!s.aborted&&s.backlog&&a){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=a[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof o.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete a[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],s=e[2];n.apply(i,s)}})}},1738:(e,t,r)=>{"use strict";r.d(t,{U:()=>f,Y:()=>l});var n=r(3241),i=r(9908),s=r(1863),o=r(944),a=r(3969),c=r(8362),d=r(860),u=r(4261);function l(e,t,r,s){const l=s||r;!l||l[e]&&l[e]!==c.d.prototype[e]||(l[e]=function(){(0,i.p)(a.xV,["API/"+e+"/called"],void 0,d.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:u.Pl+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,o.R)(23,e)}})}function f(e,t,r,n,o){const a=e.info;null===r?delete a.jsAttributes[t]:a.jsAttributes[t]=r,(o||null===r)&&(0,i.p)(u.Pl+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},1741:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(4261);class s{#e(e,...t){if(this[e]!==s.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e(i.$9,e,t)}start(){return this.#e(i.d3)}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},1863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},1910:(e,t,r)=>{"use strict";r.d(t,{i:()=>s});var n=r(944);const i=new Map;function s(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},2555:(e,t,r)=>{"use strict";r.d(t,{D:()=>a,f:()=>o});var n=r(384),i=r(8122);const s={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function o(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}const a=e=>(0,i.a)(e,s)},2614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>o,H3:()=>n,g:()=>d,iL:()=>c,tS:()=>a,uh:()=>i,wk:()=>s});const n="NRBA",i="SESSION",s=144e5,o=18e5,a={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},d={OFF:0,FULL:1,ERROR:2}},2646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},2843:(e,t,r)=>{"use strict";r.d(t,{G:()=>s,u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},3241:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(6154);const i="newrelic";function s(e={}){try{n.gm.dispatchEvent(new CustomEvent(i,{detail:e}))}catch(e){}}},3304:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var n=r(7836);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function s(e){try{return JSON.stringify(e,i())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},3333:(e,t,r)=>{"use strict";r.d(t,{$v:()=>u,TZ:()=>n,Xh:()=>c,Zp:()=>i,kd:()=>d,mq:()=>a,nf:()=>o,qN:()=>s});const n=r(860).K7.genericEvents,i=["auxclick","click","copy","keydown","paste","scrollend"],s=["focus","blur"],o=4,a=1e3,c=2e3,d=["PageAction","UserAction","BrowserPerformance"],u={RESOURCES:"experimental.resources",REGISTER:"register"}},3434:(e,t,r)=>{"use strict";r.d(t,{Jt:()=>o,YM:()=>u});var n=r(7836),i=r(5607),s=r(5732);const o="nr@original:".concat(i.W),a=50;var c=Object.prototype.hasOwnProperty,d=!1;function u(e,t,r){return e||(e=n.ee),i.inPlace=function(e,t,r,n,s,o){r||(r="");const a="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];f(u)||(e[d]=i(u,a?d+r:r,n,d,s,o))}},i.flag=o,i;function i(t,n,i,d,h,p){return f(t)?t:(n||(n=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach(function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})}),t}catch(e){l([e],r)}for(var n in e)c.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,c,f,g;let m,v;try{c=this,o=[...arguments],v=p?(0,s.$5)(r):[void 0],f="function"==typeof i?i(o,c):i||{}}catch(t){l([t,"",[o,c,d],f],e)}u(n+"start",[o,c,d,v],f,h);const y=performance.now();let b;try{return g=t.apply(c,o),b=performance.now(),g}catch(e){throw b=performance.now(),u(n+"err",[o,c,e,v],f,h),m=e,m}finally{const e=b-y,t={start:y,end:b,duration:e,isLongTask:e>=a,methodName:d,thrownError:m};t.isLongTask&&u("long-task",[t,c,v],f,h),u(n+"end",[o,c,g,v],f,h)}}}function u(r,n,i,s){if(!d||t){var o=d;d=!0;try{e.emit(r,n,i,t,s)}catch(t){l([t,r,n,i],e)}d=o}}}function l(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function f(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}},3606:(e,t,r)=>{"use strict";r.d(t,{i:()=>s});var n=r(9908);s.on=o;var i=s.handlers={};function s(e,t,r,s){o(s||n.d,i,e,t,r)}function o(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var o=t[s]=t[s]||{};(o[r]=o[r]||[]).push([e,i])}},3738:(e,t,r)=>{"use strict";r.d(t,{He:()=>i,Kp:()=>a,Lc:()=>d,Rz:()=>u,TZ:()=>n,bD:()=>s,d3:()=>o,jx:()=>l,sl:()=>f,uP:()=>c});const n=r(860).K7.sessionTrace,i="bstResource",s="resource",o="-start",a="-end",c="fn"+o,d="fn"+a,u="pushState",l=1e3,f=3e4},3785:(e,t,r)=>{"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),s=r(860),o=r(3969),a=r(993);function c(e,t,r={},c=a.p_.INFO,d=!0,u,l=(0,i.t)()){(0,n.p)(o.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,s.K7.metrics,e),(0,n.p)(a.ET,[l,t,r,c,d,u],void 0,s.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(a.p_).some(t=>t===e.toUpperCase().trim())}},3878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,jT:()=>n,sp:()=>i})},3962:(e,t,r)=>{"use strict";r.d(t,{AM:()=>o,O2:()=>l,OV:()=>s,Qu:()=>f,TZ:()=>c,ih:()=>h,pP:()=>a,t1:()=>u,tC:()=>i,wD:()=>d});var n=r(860);const i=["click","keydown","submit"],s="popstate",o="api",a="initialPageLoad",c=n.K7.softNav,d=5e3,u=500,l={INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},f={INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},h={IP:"in progress",PF:"pending finish",FIN:"finished",CAN:"cancelled"}},3969:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,XG:()=>a,rs:()=>i,xV:()=>o,z_:()=>s});const n=r(860).K7.metrics,i="sm",s="cm",o="storeSupportabilityMetrics",a="storeEventMetrics"},4234:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},4261:(e,t,r)=>{"use strict";r.d(t,{$9:()=>u,BL:()=>c,CH:()=>p,Dl:()=>R,Fw:()=>w,PA:()=>v,Pl:()=>n,Pv:()=>x,Tb:()=>f,U2:()=>o,V1:()=>A,Wb:()=>T,bt:()=>b,cD:()=>y,d3:()=>E,dT:()=>d,eY:()=>g,fF:()=>h,hG:()=>s,hw:()=>i,k6:()=>a,nb:()=>m,o5:()=>l});const n="api-",i=n+"ixn-",s="addPageAction",o="addToTrace",a="addRelease",c="finished",d="interaction",u="log",l="noticeError",f="pauseReplay",h="recordCustomEvent",p="recordReplay",g="register",m="setApplicationVersion",v="setCurrentRouteName",y="setCustomAttribute",b="setErrorHandler",w="setPageViewName",R="setUserId",E="start",T="wrapLogger",A="measure",x="consent"},5205:(e,t,r)=>{"use strict";r.d(t,{j:()=>x});var n=r(384),i=r(1741);var s=r(2555),o=r(3333);const a=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var c=r(2614),d=r(944),u=r(8122);const l="[data-nr-mask]",f=e=>(0,u.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0},api:{register:{get enabled(){return e.feature_flags.includes(o.$v.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(o.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:c.wk,inactiveMs:c.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){a(t)?e.mask_selector="".concat(t,",").concat(l):""===t||null===t?e.mask_selector=l:(0,d.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){a(t)?e.block_selector+=",".concat(t):""!==t&&(0,d.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,d.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]}}})());var h=r(6154),p=r(9324);let g=0;const m={buildEnv:p.F3,distMethod:p.Xs,version:p.xv,originTime:h.WN},v={consented:!1},y={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||v.consented},set consented(e){v.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,harvester:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++g}},b=e=>{const t=(0,u.a)(e,y),r=Object.keys(m).reduce((e,t)=>(e[t]={value:m[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)},w=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};var R=r(7836),E=r(3241);const T={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},A=e=>(0,u.a)(e,T);function x(e,t={},r,o){let{init:a,info:c,loader_config:d,runtime:u={},exposed:l=!0}=t;if(!c){const e=(0,n.pV)();a=e.init,c=e.info,d=e.loader_config}e.init=f(a||{}),e.loader_config=A(d||{}),c.jsAttributes??={},h.bv&&(c.jsAttributes.isWorker=!0),e.info=(0,s.D)(c);const p=e.init;e.runtime??=b(u),p.proxy.assets&&w(p.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,n.pV)();Object.getOwnPropertyNames(i.W.prototype).forEach(r=>{const n=i.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let s=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return s?s(...t):n})})}(e),e.runtime.loaderType=r,e.ee=R.ee.get(e.agentIdentifier),e.exposed=l,(0,E.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.runtime.configured=!0)}},5270:(e,t,r)=>{"use strict";r.d(t,{Aw:()=>o,SR:()=>s,rF:()=>a});var n=r(384),i=r(7767);function s(e){return!!(0,n.dV)().o.MO&&(0,i.V)(e)&&!0===e?.session_trace.enabled}function o(e){return!0===e?.session_replay.preload&&s(e)}function a(e,t){try{if("string"==typeof t?.type){if("password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},5289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,Qr:()=>c,sB:()=>a});var n=r(3878),i=r(6389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(s())return e();const r=(0,i.J)(e),o=setInterval(()=>{s()&&(clearInterval(o),r())},500);(0,n.sp)("load",r,t)}function a(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},5607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(9566).bz)()},5732:(e,t,r)=>{"use strict";r.d(t,{$5:()=>u,B5:()=>d,Ms:()=>s,Ux:()=>a,YA:()=>c,fQ:()=>i,yx:()=>o});var n=r(7508);const i={MFE:"MFE",BA:"BA"};function s(e,t){if(!e||!t?.init.api.register.enabled)return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function o(e,t){if(!e||!t?.init.api.register.enabled)return[];const r=t.runtime.registeredEntities;return r?.filter(t=>t.metadata.timings?.asset?.endsWith(e)).map(e=>e.metadata.target)||[]}function a(e,t){if(!l(t))return{};const r=t.agentRef.runtime.appMetadata.agents[0].entityGuid;return e?e.attributes:{"entity.guid":r,appId:t.agentRef.info.applicationID}}function c(e,t){return d(e,t)?{"child.id":e.id,"child.type":e.type,...a(void 0,t)}:{}}function d(e,t){return!!e&&!!l(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function u(e){if(!e?.init.api.register.enabled)return[void 0];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let i=r.length-1;for(;r[i];)t.push(...o(r[i--],e))}catch(e){}return t.length||t.push(void 0),t}function l(e){return 2===e?.harvestEndpointVersion}},6154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>d,RI:()=>i,WN:()=>f,bv:()=>s,gm:()=>o,lR:()=>l,m:()=>c,mw:()=>a,sb:()=>u,zk:()=>h});var n=r(1863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a=Boolean("hidden"===o?.document?.visibilityState),c=""+o?.location,d=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)(),h=()=>{const e=o?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<o.performance.now())return e}},6344:(e,t,r)=>{"use strict";r.d(t,{BB:()=>u,Qb:()=>l,TZ:()=>i,Ug:()=>o,Vh:()=>s,_s:()=>a,bc:()=>d,yP:()=>c});var n=r(2614);const i=r(860).K7.sessionReplay,s="errorDuringReplay",o=.12,a={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},c={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0},d={RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},u=5e3,l={API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"}},6389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},6630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},6774:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.jserrors},7295:(e,t,r)=>{"use strict";r.d(t,{Xv:()=>o,gX:()=>i,iW:()=>s});var n=[];function i(e){if(!e||s(e))return!1;if(0===n.length)return!0;if("*"===n[0].hostname)return!1;for(var t=0;t<n.length;t++){var r=n[t];if(r.hostname.test(e.hostname)&&r.pathname.test(e.pathname))return!1}return!0}function s(e){return void 0===e.hostname}function o(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;if("*"===r)return void(n=[{hostname:"*"}]);0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let s,o;i>0?(s=r.substring(0,i),o=r.substring(i)):(s=r,o="*");let[c]=s.split(":");n.push({hostname:a(c),pathname:a(o,!0)})}}function a(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},7485:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},7508:(e,t,r)=>{"use strict";r.d(t,{AZ:()=>g,Qr:()=>b,QL:()=>m});var n=r(6154),i=r(1863),s=r(9119),o=r(7866);class a{dom=new c;performance=new c;constructor(e){this.url=e}get script(){const e=Math.max(this.dom.start,this.performance.end);return{start:e,end:Math.max(this.dom.end,this.performance.end,e)}}}class c{start=0;end=0;value=void 0}let d;try{d=g(m())[0]}catch(e){d=g(e)[0]}const u=e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&e.name.endsWith(".js"),l=new Map;let f=[];function h(e){return l.get(e)}function p(e){const t=h(e);if(t)return t;const r=new a(e);if(l.set(e,r),l.size>1e3){const e=l.keys().next().value;l.delete(e)}return r}if(n.gm.MutationObserver&&n.gm.document){new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if("SCRIPT"===e.nodeName&&e.src){const t=p((0,s.L)(e.src));t.dom.start=(0,i.t)(),t.dom.value=e;const r=()=>{t.dom.end=(0,i.t)()};["load","error"].forEach(t=>e.addEventListener(t,r,{once:!0}))}})})}).observe(n.gm.document,{childList:!0,subtree:!0})}if(n.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().filter(u).forEach(e=>{const t=p((0,s.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e;const r=[];f.forEach(({test:t,addedAt:n},s)=>{(t(e)||(0,i.t)()-n>1e4)&&r.push(s)}),f=f.filter((e,t)=>!r.includes(t))})}).observe({type:"resource",buffered:!0})}function g(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(o.cn)||e.match(o.hB)||e.match(o.fL);if(r&&r[2])t.add((0,s.L)(r[2]));else{const r=e.match(/\(([^)]+\.js):\d+:\d+\)/)||e.match(/^\s+at\s+([^\s(]+\.js):\d+:\d+/);r&&r[1]&&t.add((0,s.L)(r[1]))}}return[...t]}function m(){let e;try{const t=Error.stackTraceLimit;Error.stackTraceLimit=50,e=(new Error).stack,Error.stackTraceLimit=t}catch(t){e=(new Error).stack}return e}function v(e,t){return(0,s.L)(e.name)===t}function y(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType}function b(){const e={registeredAt:(0,i.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown"},t=m();if(!t)return e;const r=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const o=g(t),a=(o.length>1?o.filter(e=>d!==e):o)[0];if(!a)return e;if(r.includes(a))return e.asset=(0,s.L)(r),e.type="inline",e;e.correlation=h(a);const c=e.correlation?.performance.value||performance.getEntriesByType("resource").find(e=>v(e,a));c?y(e,c):function(e){if(!e||!n.gm.document)return!1;try{const t=n.gm.document.querySelectorAll('link[rel="preload"][as="script"]');for(const r of t)if((0,s.L)(r.href)===e)return!0}catch(e){}return!1}(a)&&(e.asset=a,e.type="preload",f.push({addedAt:(0,i.t)(),test:t=>!!v(t,a)&&(y(e,t),!0)})),Object.defineProperty(e,"scriptStart",{get:()=>e.correlation?.script.start||e.fetchEnd}),Object.defineProperty(e,"scriptEnd",{get:()=>e.correlation?.script.end||e.registeredAt})}catch(e){}return e}},7699:(e,t,r)=>{"use strict";r.d(t,{It:()=>s,KC:()=>a,No:()=>i,qh:()=>o});var n=r(860);const i=16e3,s=1e6,o="SESSION_ERROR",a={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0}},7767:(e,t,r)=>{"use strict";r.d(t,{V:()=>i});var n=r(6154);const i=e=>n.RI&&!0===e?.privacy.cookies_enabled},7836:(e,t,r)=>{"use strict";r.d(t,{P:()=>a,ee:()=>c});var n=r(384),i=r(8990),s=r(2646),o=r(5607);const a="nr@context:".concat(o.W),c=function e(t,r){var n={},o={},u={},l=!1;try{l=16===r.length&&d.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var a=h(n);g(e).forEach(e=>{e.apply(a,r)});var d=v()[o[e]];d&&d.push([f,e,r,a]);return a},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{o[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[o[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,a,()=>new s.y(a)):new s.y(a)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=c)},7866:(e,t,r)=>{"use strict";r.d(t,{Nc:()=>s,cn:()=>a,fL:()=>i,h3:()=>n,hB:()=>o});const n=/function (.+?)\s*\(/,i=/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,s=/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,o=/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i,a=/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i},8122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),s=0===Object.keys(r).length?e:r;for(let o in s)if(void 0!==e[o])try{if(null===e[o]){r[o]=null;continue}Array.isArray(e[o])&&Array.isArray(t[o])?r[o]=Array.from(new Set([...e[o],...t[o]])):e[o]instanceof Map||e[o]instanceof Set||e[o]instanceof Date||e[o]instanceof RegExp?r[o]=e[o]:"object"==typeof e[o]&&"object"==typeof t[o]?r[o]=i(e[o],t[o]):r[o]=e[o]}catch(e){r[o]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},8139:(e,t,r)=>{"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),s=r(8990),o=r(6154);const a={},c=o.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e){var t=function(e){return(e||n.ee).get("events")}(e);if(a[t.debugId]++)return t;a[t.debugId]=1;var r=(0,i.YM)(t,!0);function f(e){r.inPlace(e,[d,u],"-",p)}function p(e,t){return e[1]}return"getPrototypeOf"in Object&&(o.RI&&h(document,f),c&&h(c.prototype,f),h(o.gm,f)),t.on(d+"-start",function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)&&"newrelic"!==e[0]){var i=(0,s.I)(n,l,function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n});this.wrapped=e[1]=i}}),t.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),t}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},8362:(e,t,r)=>{"use strict";r.d(t,{d:()=>s});var n=r(9566),i=r(1741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},8374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},8990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},9119:(e,t,r)=>{"use strict";r.d(t,{L:()=>s});var n=/([^?#]*)[^#]*(#[^?]*|$).*/,i=/([^?#]*)().*/;function s(e,t){return e?e.replace(t?n:i,"$1$2"):e}},9300:(e,t,r)=>{"use strict";r.d(t,{T:()=>n,f:()=>i});const n=r(860).K7.ajax,i="ajaxRequest.id"},9324:(e,t,r)=>{"use strict";r.d(t,{AJ:()=>o,F3:()=>i,Xs:()=>s,Yq:()=>a,xv:()=>n});const n="1.314.0",i="PROD",s="CDN",o="@newrelic/rrweb",a="1.1.0"},9566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>a,ZF:()=>c,bz:()=>o,el:()=>d});var n=r(6154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function s(e,t){return e?15&e[t]:16*Math.random()|0}function o(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map(e=>"x"===e?s(t,r++).toString(16):"y"===e?(3&s()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const o=[];for(var a=0;a<e;a++)o.push(s(r,i++).toString(16));return o.join("")}function c(){return a(16)}function d(){return a(32)}},9908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var s=n[e]={exports:{}};return r[e](s,s.exports,i),s.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce((t,r)=>(i.f[r](e,t),t),[])),i.u=e=>({212:"nr-spa-compressor",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.314.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.314.0.PROD:",i.l=(r,n,s,o)=>{if(e[r])e[r].push(n);else{var a,c;if(void 0!==s)for(var d=document.getElementsByTagName("script"),u=0;u<d.length;u++){var l=d[u];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+s){a=l;break}}if(!a){c=!0;var f={478:"sha512-mgj9qD5BdNJpEJCPmd1OfPzfnL/HRJ64OPYq/GZQxKc0756ytnQixcg8IA8iZWe/PRWN4DuGAnX82J2lscbiIw==",249:"sha512-fUJXIKjSt6UL9n1UZzNMzGGL3CxnBT/AgtoTat0/ONINbEB2PoiO+yK54DPYDwzpXDBddJHvs2BrYFj1GBpo2Q==",212:"sha512-vjoeBTgR0ONx6WcgBdfuPgcta1834zMPDhLL05C9c/pB+/xAuxL4BJMu9yeXYh+oIV7oIn6qTkDC7rBcZIDiHg=="};(a=document.createElement("script")).charset="utf-8",i.nc&&a.setAttribute("nonce",i.nc),a.setAttribute("data-webpack",t+s),a.src=r,0!==a.src.indexOf(window.location.origin+"/")&&(a.crossOrigin="anonymous"),f[o]&&(a.integrity=f[o])}e[r]=[n];var h=(t,n)=>{a.onerror=a.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],a.parentNode&&a.parentNode.removeChild(a),i&&i.forEach(e=>e(n)),t)return t(n)},p=setTimeout(h.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=h.bind(null,a.onerror),a.onload=h.bind(null,a.onload),c&&document.head.appendChild(a)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={38:0,788:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var s=new Promise((r,i)=>n=e[t]=[r,i]);r.push(n[2]=s);var o=i.p+i.u(t),a=new Error;i.l(o,r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var s=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;a.message="Loading chunk "+t+" failed: ("+s+": "+o+")",a.name="ChunkLoadError",a.type=s,a.request=o,n[1](a)}},"chunk-"+t,t)}};var t=(t,r)=>{var n,s,[o,a,c]=r,d=0;if(o.some(t=>0!==e[t])){for(n in a)i.o(a,n)&&(i.m[n]=a[n]);if(c)c(i)}for(t&&t(r);d<o.length;d++)s=o[d],i.o(e,s)&&e[s]&&e[s][0](),e[s]=0},r=self["webpackChunk:NRBA-1.314.0.PROD"]=self["webpackChunk:NRBA-1.314.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8374);var e=i(8362),t=i(860);const r=Object.values(t.K7);var n=i(5205);var s=i(9908),o=i(1863),a=i(4261),c=i(1738);var d=i(1687),u=i(4234),l=i(5289),f=i(6154),h=i(944),p=i(5270),g=i(7767),m=i(6389),v=i(7699);class y extends u.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,m.J)(()=>{(0,d.Ak)(e,this.featureName),t()}))}):(0,d.Ak)(e,t)}importAggregator(e,t,r={}){if(this.featAggregate)return;const n=async()=>{let n;await this.deferred;try{if((0,g.V)(e.init)){const{setupAgentSession:t}=await i.e(478).then(i.bind(i,8766));n=t(e)}}catch(e){(0,h.R)(20,e),this.ee.emit("internal-error",[e]),(0,s.p)(v.qh,[e],void 0,this.featureName,this.ee)}try{if(!this.#t(this.featureName,n,e.init))return(0,d.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:i}=await t();this.featAggregate=new i(e,r),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,h.R)(34,e),this.abortHandler?.(),(0,d.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1),this.ee&&this.ee.abort()}};f.RI?(0,l.GG)(()=>n(),!0):n()}#t(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,p.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}}var b=i(6630),w=i(2614),R=i(3241);class E extends y{static featureName=b.T;constructor(e){var t;super(e,b.T),this.setupInspectionEvents(),t=e,(0,c.Y)(a.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,s.p)(a.Pl+a.Fw,[(0,o.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>i.e(478).then(i.bind(i,5839)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,R.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,l.sB)(t=>{e(t,"DOMContentLoaded")}),(0,l.GG)(t=>{e(t,"load")}),(0,l.Qr)(t=>{e(t,"navigate")}),this.ee.on(w.tS.UPDATE,(e,t)=>{(0,R.W)({type:"lifecycle",name:"session",data:t})})}}var T=i(384);class A extends e.d{constructor(e){var t;(super(),f.gm)?(this.features={},(0,T.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(E),(0,n.j)(this,e,e.loaderType||"agent"),t=this,(0,c.Y)(a.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,c.U)(t,e,r,a.cD,n);(0,h.R)(40,typeof r)}else(0,h.R)(39,typeof e)},t),function(e){(0,c.Y)(a.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,h.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,s.p)(a.Pl+"setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,c.U)(e,"enduser.id",t,a.Dl,!0)},e)}(this),function(e){(0,c.Y)(a.nb,function(t){if("string"==typeof t||null===t)return(0,c.U)(e,"application.version",t,a.nb,!1);(0,h.R)(42,typeof t)},e)}(this),function(e){(0,c.Y)(a.d3,function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,c.Y)(a.Pv,function(t=!0){if("boolean"==typeof t){if((0,s.p)(a.Pl+a.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum()})}}else(0,h.R)(65,typeof t)},e)}(this),this.run()):(0,h.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return r.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),n=[...this.desiredFeatures];n.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),n.forEach(r=>{if(!e[r.featureName]&&r.featureName!==t.K7.pageViewEvent)return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,h.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,h.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,T.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var x=i(2843),S=i(782);class _ extends y{static featureName=S.T;constructor(e){super(e,S.T),f.RI&&((0,x.u)(()=>(0,s.p)("docHidden",[(0,o.t)()],void 0,S.T,this.ee),!0),(0,x.G)(()=>(0,s.p)("winPagehide",[(0,o.t)()],void 0,S.T,this.ee)),this.importAggregator(e,()=>i.e(478).then(i.bind(i,9917))))}}var O=i(3969);class P extends y{static featureName=O.TZ;constructor(e){super(e,O.TZ),this.importAggregator(e,()=>i.e(478).then(i.bind(i,6555)))}}var k=i(6774),N=i(3878),j=i(3304);class D{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,j.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function C(e){return M(e)?e:new D(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function L(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(M(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return C(e.reason)}const r=C(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function I(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new D(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return M(e.error)?e.error:C(e)}function M(e){return e instanceof Error&&!!e.stack}function B(e,r,n,i,a=(0,o.t)()){"string"==typeof e&&(e=new Error(e)),(0,s.p)("err",[e,a,!1,r,n.runtime.isRecording,void 0,i],void 0,t.K7.jserrors,n.ee),(0,s.p)("uaErr",[],void 0,t.K7.genericEvents,n.ee)}var H=i(5732),K=i(993),W=i(3785);function F(e,{customAttributes:t={},level:r=K.p_.INFO}={},n,i,s=(0,o.t)()){(0,W.R)(n.ee,e,t,r,!1,i,s)}function U(e,r,n,i,c=(0,o.t)()){(0,s.p)(a.Pl+a.hG,[c,e,r,i],void 0,t.K7.genericEvents,n.ee)}function V(e,r,n,i,c=(0,o.t)()){const{start:d,end:u,customAttributes:l}=r||{},f={customAttributes:l||{}};if("object"!=typeof f.customAttributes||"string"!=typeof e||0===e.length)return void(0,h.R)(57);const p=(e,t)=>null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(f.start=p(d,0),f.end=p(u,c),Number.isNaN(f.start)||Number.isNaN(f.end))(0,h.R)(57);else{if(f.duration=f.end-f.start,!(f.duration<0))return(0,s.p)(a.Pl+a.V1,[f,e,i],void 0,t.K7.genericEvents,n.ee),f;(0,h.R)(58)}}function z(e,r={},n,i,c=(0,o.t)()){(0,s.p)(a.Pl+a.fF,[c,e,r,i],void 0,t.K7.genericEvents,n.ee)}var G=i(7508),Y=i(9566);const Z=["name","id","type"],q=new Map([[U,"addPageAction"],[F,"log"],[V,"measure"],[B,"noticeError"],[z,"recordCustomEvent"]]),X={experimental:(0,m.J)(()=>(0,h.R)(54,"newrelic.register")),disabled:(0,m.J)(()=>(0,h.R)(55)),invalidTarget:(0,m.J)(e=>(0,h.R)(48,e)),deregistered:(0,m.J)(()=>(0,h.R)(68))};function Q(e){(0,c.Y)(a.eY,function(t){return J(e,t)},e)}function J(e,r){X.experimental(),r||={},r.instance=(0,Y.LA)(8),r.type=H.fQ.MFE,r.licenseKey||=e.info.licenseKey,r.blocked=!1,("object"!=typeof r.tags||null===r.tags||Array.isArray(r.tags))&&(r.tags={}),r.parent??={get id(){return e.runtime.appMetadata.agents[0].entityGuid},type:H.fQ.BA};const n=(0,G.Qr)(),i={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...i,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||H.fQ.BA,"parent.id":r.parent?.id})}),Object.entries(r.tags).forEach(([e,t])=>{Z.includes(e)||(i["source.".concat(e)]=t)});let a=()=>{};const c=e.runtime.registeredEntities,d=e=>{r.blocked=!0,a=e};function u(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||d(X.disabled),u(r.id)&&u(r.name)||d(()=>X.invalidTarget(r));const l={addPageAction:(t,n={})=>m(U,[t,{...i,...n},e],r),deregister:()=>{p(),d(X.deregistered)},log:(t,n={})=>m(F,[t,{...n,customAttributes:{...i,...n.customAttributes||{}}},e],r),measure:(t,n={})=>m(V,[t,{...n,customAttributes:{...i,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>m(B,[t,{...i,...n},e],r),recordCustomEvent:(t,n={})=>m(z,[t,{...i,...n},e],r),setApplicationVersion:e=>g("application.version",e),setCustomAttribute:(e,t)=>g(e,t),setUserId:e=>g("enduser.id",e),metadata:{get customAttributes(){return i},target:r,timings:n}},f=()=>(r.blocked&&a(),r.blocked);function p(){if(n.reportedAt)return;n.reportedAt=(0,o.t)();const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart;l.recordCustomEvent("MicroFrontEndTiming",{assetUrl:n.asset,assetType:n.type,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,timeToRegister:n.registeredAt})}f()||(c.push(l),(0,x.G)(p));const g=(e,t)=>{f()||(i[e]=t)},m=(r,n,i)=>{if(f()&&r!==J)return;const a=(0,o.t)(),c=q.get(r)||"unknown";(0,s.p)(O.xV,["API/register/".concat(c,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,i,a)}catch(e){(0,h.R)(50,e)}};return l}class ee extends y{static featureName=k.T;constructor(e){var t;super(e,k.T),t=e,(0,c.Y)(a.o5,(e,r)=>B(e,r,t),t),function(e){(0,c.Y)(a.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,c.Y)(a.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),Q(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,s.p)("ierr",[C(t),(0,o.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),f.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,s.p)("err",[L(t),(0,o.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,N.jT)(!1,this.removeOnAbort?.signal)),f.gm.addEventListener("error",t=>{this.abortHandler&&(0,s.p)("err",[I(t),(0,o.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,N.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#r,this.importAggregator(e,()=>i.e(478).then(i.bind(i,9377)))}#r(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var te=i(8990);let re=1;function ne(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===f.gm?0:(0,te.I)(e,"nr@id",function(){return re++})}function ie(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,j.A)(e).length}catch(e){return}}}var se=i(8139),oe=i(7836),ae=i(3434);const ce={},de=["open","send"];function ue(e,t){var r=e||oe.ee;const n=function(e){return(e||oe.ee).get("xhr")}(r);if(void 0===f.gm.XMLHttpRequest)return n;if(ce[n.debugId]++)return n;ce[n.debugId]=1,(0,se.u)(r);var i=(0,ae.YM)(n),s=f.gm.XMLHttpRequest,o=f.gm.MutationObserver,a=f.gm.Promise,c=f.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],l=[],p=f.gm.XMLHttpRequest=function(e){const r=new s(e),o=n.context(r);o.targets=(0,H.$5)(t);try{n.emit("new-xhr",[r],o),r.addEventListener(d,(a=o,function(){var e=this;e.readyState>3&&!a.resolved&&(a.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,u,"fn-",w)}),(0,N.jT)(!1))}catch(e){(0,h.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var a;return r};function g(e,t){i.inPlace(t,["onreadystatechange"],"fn-",w)}if(function(e,t){for(var r in e)t[r]=e[r]}(s,p),p.prototype=s.prototype,i.inPlace(p.prototype,de,"-xhr-",w),n.on("send-xhr-start",function(e,t){g(e,t),function(e){l.push(e),o&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",g),o){var m=a&&a.resolve();if(!c&&!a){var v=1,y=document.createTextNode(v);new o(b).observe(y,{characterData:!0})}}else r.on("fn-end",function(e){e[0]&&e[0].type===d||b()});function b(){for(var e=0;e<l.length;e++)g(0,l[e]);l.length&&(l=[])}function w(e,t){return t}return n}var le="fetch-",fe=le+"body-",he=["arrayBuffer","blob","json","text","formData"],pe=f.gm.Request,ge=f.gm.Response,me="prototype";const ve={};function ye(e,t){const r=function(e){return(e||oe.ee).get("fetch")}(e);if(!(pe&&ge&&f.gm.fetch))return r;if(ve[r.debugId]++)return r;function n(e,n,i){var s=e[n];"function"==typeof s&&(e[n]=function(){var e=[...arguments];const n={},o=(0,H.$5)(t);var a;r.emit(i+"before-start",[e],n),n[oe.P]&&n[oe.P].dt&&(a=n[oe.P].dt);var c=s.apply(this,e);return r.emit(i+"start",[e,a],c),c.then(function(e){return r.emit(i+"end",[null,e,o],c),e},function(e){throw r.emit(i+"end",[e,void 0,o],c),e})})}return ve[r.debugId]=1,he.forEach(e=>{n(pe[me],e,fe),n(ge[me],e,fe)}),n(f.gm,"fetch",le),r.on(le+"end",function(e,t,n){var i=this;if(i.targets=n||[void 0],t){var s=t.headers.get("content-length");null!==s&&(i.rxSize=s),r.emit(le+"done",[null,t],i)}else r.emit(le+"done",[e],i)}),r}var be=i(7485);class we{constructor(e){this.agentRef=e}generateTracePayload(e){const t=this.agentRef.loader_config;if(!this.shouldGenerateTrace(e)||!t)return null;var r=(t.accountID||"").toString()||null,n=(t.agentID||"").toString()||null,i=(t.trustKey||"").toString()||null;if(!r||!n)return null;var s=(0,Y.ZF)(),o=(0,Y.el)(),a=Date.now(),c={spanId:s,traceId:o,timestamp:a};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(c.traceContextParentHeader=this.generateTraceContextParentHeader(s,o),c.traceContextStateHeader=this.generateTraceContextStateHeader(s,a,r,n,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(c.newrelicHeader=this.generateTraceHeader(s,o,a,r,n,i)),c}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,s){if(!("function"==typeof f.gm?.btoa))return null;var o={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return s&&n!==s&&(o.d.tk=s),btoa((0,j.A)(o))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,be.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var Re=i(9300),Ee=i(7295);function Te(e){return"string"==typeof e?e:e instanceof(0,T.dV)().o.REQ?e.url:f.gm?.URL&&e instanceof URL?e.href:void 0}var Ae=["load","error","abort","timeout"],xe=Ae.length,Se=(0,T.dV)().o.REQ,_e=(0,T.dV)().o.XHR;const Oe="X-NewRelic-App-Data";class Pe extends y{static featureName=Re.T;constructor(e){super(e,Re.T),this.dt=new we(e),this.handler=(e,t,r,n)=>(0,s.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};f.gm?.performance?.getEntriesByType("resource").forEach(r=>{if(r.initiatorType in e&&0!==r.responseStatus){const n={status:r.responseStatus},i={rxSize:r.transferSize,duration:Math.floor(r.duration),cbTime:0};ke(n,r.name),this.handler("xhr",[n,i,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}ye(this.ee,e),ue(this.ee,e),function(e,r,n,i){function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=T,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},t.latestLongtaskEnd=0,e.addEventListener("load",function(r){x(t,e)},(0,N.jT)(!1)),f.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,N.jT)(!1))}function c(e){this.params={method:e[0]},ke(this,e[1]),this.metrics={}}function d(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=i.generateTracePayload(this.parsedOrigin);if(n){var s=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),s=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),s=!0),s&&(this.dt=n)}}function u(e,t){var n=this.metrics,i=e[0],s=this;if(n&&i){var a=ie(i);a&&(n.txSize=a)}this.startTime=(0,o.t)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||s.loadCaptureCalled||(s.params.aborted=!0),("load"!==e.type||s.called===s.totalCbs&&(s.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof s.end)&&s.end(t)}catch(e){try{r.emit("internal-error",[e])}catch(e){}}};for(var c=0;c<xe;c++)t.addEventListener(Ae[c],this.listener,(0,N.jT)(!1))}function l(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function h(e,t){var r=""+ne(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function p(e,t){var r=""+ne(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function g(){this.endTime=(0,o.t)()}function m(e,t){t instanceof _e&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function v(e,t){t instanceof _e&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function y(e,t,r){t instanceof _e&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,o.t)()))}function b(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,o.t)()-this.xhrCbStart,this.onload,t],t)}function w(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&f.RI&&(t=""+f.gm.location.href):e[0]&&e[0].url?t=e[0].url:f.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,be.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=i.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)a(e[0].headers,n)&&(this.dt=n);else{var s={};for(var o in r)s[o]=r[o];s.headers=new Headers(r.headers||{}),a(s.headers,n)&&(this.dt=n),e.length>1?e[1]=s:e.push(s)}}function a(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function R(e,t){this.params={},this.metrics={},this.startTime=(0,o.t)(),this.dt=t;let[r,n={}]=e;ke(this,Te(r));const i=(""+(r&&r instanceof Se&&r.method||n.method||"GET")).toUpperCase();this.params.method=i,this.body=n.body,this.txSize=ie(n.body)||0}function E(e,t){if(this.endTime=(0,o.t)(),this.params||(this.params={}),(0,Ee.iW)(this.params))return;let r;this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(r=+this.rxSize);const n={txSize:this.txSize,rxSize:r,duration:(0,o.t)()-this.startTime},i=[this.params,n,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>A(i,this,e))}function T(e){const t=this.params,r=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<xe;t++)e.removeEventListener(Ae[t],this.listener,!1);if(t.aborted)return;if((0,Ee.iW)(t))return;r.duration=(0,o.t)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):x(this,e),r.cbTime=this.cbTime;const n=[t,r,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>A(n,this,e))}function A(e,r,i){n("xhr",[...e,i],r,t.K7.ajax)}function x(e,n){e.params.status=n.status;var i=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?ie(e.response):"text"===r||""===r||void 0===r?ie(e.responseText):void 0}(n,e.lastSize);if(i&&(e.metrics.rxSize=i),e.sameOrigin&&n.getAllResponseHeaders().indexOf(Oe)>=0){var o=n.getResponseHeader(Oe);o&&((0,s.p)(O.rs,["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=o.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",a),r.on("open-xhr-start",c),r.on("open-xhr-end",d),r.on("send-xhr-start",u),r.on("xhr-cb-time",l),r.on("xhr-load-added",h),r.on("xhr-load-removed",p),r.on("xhr-resolved",g),r.on("addEventListener-end",m),r.on("removeEventListener-end",v),r.on("fn-end",b),r.on("fetch-before-start",w),r.on("fetch-start",R),r.on("fn-start",y),r.on("fetch-done",E)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>i.e(478).then(i.bind(i,3845)))}}function ke(e,t){var r=(0,be.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}const Ne={},je=["pushState","replaceState"];function De(e){const t=function(e){return(e||oe.ee).get("history")}(e);return!f.RI||Ne[t.debugId]++||(Ne[t.debugId]=1,(0,ae.YM)(t).inPlace(window.history,je,"-")),t}var Ce=i(3738);function Le(e){(0,c.Y)(a.BL,function(r=Date.now()){const n=r-f.WN;n<0&&(0,h.R)(62,r),(0,s.p)(O.XG,[a.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:a.BL,start:r,origin:"nr"}),(0,s.p)(a.Pl+a.hG,[n,a.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:Ie,bD:Me,d3:Be,Kp:He,TZ:Ke,Lc:We,uP:Fe,Rz:Ue}=Ce;class Ve extends y{static featureName=Ke;constructor(e){var r;super(e,Ke),r=e,(0,c.Y)(a.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const n={n:e.name,s:e.start-f.WN,e:(e.end||e.start)-f.WN,o:e.origin||"",t:"api"};n.s<0||n.e<0||n.e<n.s?(0,h.R)(61,{start:n.s,end:n.e}):(0,s.p)("bstApi",[n],void 0,t.K7.sessionTrace,r.ee)},r),Le(e);if(!(0,g.V)(e.init))return void this.deregisterDrain();const n=this.ee;let d;De(n),this.eventsEE=(0,se.u)(n),this.eventsEE.on(Fe,function(e,t){this.bstStart=(0,o.t)()}),this.eventsEE.on(We,function(e,r){(0,s.p)("bst",[e[0],r,this.bstStart,(0,o.t)()],void 0,t.K7.sessionTrace,n)}),n.on(Ue+Be,function(e){this.time=(0,o.t)(),this.startPath=location.pathname+location.hash}),n.on(Ue+He,function(e){(0,s.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,n)});try{d=new PerformanceObserver(e=>{const r=e.getEntries();(0,s.p)(Ie,[r],void 0,t.K7.sessionTrace,n)}),d.observe({type:Me,buffered:!0})}catch(e){}this.importAggregator(e,()=>i.e(478).then(i.bind(i,6974)),{resourceObserver:d})}}var ze=i(6344);class Ge extends y{static featureName=ze.TZ;#n;recorder;constructor(e){var r;let n;super(e,ze.TZ),r=e,(0,c.Y)(a.CH,function(){(0,s.p)(a.CH,[],void 0,t.K7.sessionReplay,r.ee)},r),function(e){(0,c.Y)(a.Tb,function(){(0,s.p)(a.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);try{n=JSON.parse(localStorage.getItem("".concat(w.H3,"_").concat(w.uh)))}catch(e){}(0,p.SR)(e.init)&&this.ee.on(a.CH,()=>this.#i()),this.#s(n)&&this.importRecorder().then(e=>{e.startRecording(ze.Qb.PRELOAD,n?.sessionReplayMode)}),this.importAggregator(this.agentRef,()=>i.e(478).then(i.bind(i,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,s.p)(ze.Vh,[e],void 0,this.featureName,this.ee))})}#s(e){return e&&(e.sessionReplayMode===w.g.FULL||e.sessionReplayMode===w.g.ERROR)||(0,p.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#n??=Promise.all([i.e(478),i.e(249)]).then(i.bind(i,4866)).then(({Recorder:e})=>(this.recorder=new e(this),this.recorder)).catch(e=>{throw this.ee.emit("internal-error",[e]),this.blocked=!0,e}),this.#n)}#i(){this.blocked||(this.featAggregate?this.featAggregate.mode!==w.g.FULL&&this.featAggregate.initializeRecording(w.g.FULL,!0,ze.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(ze.Qb.API,w.g.FULL)}))}}var Ye=i(3962);class Ze extends y{static featureName=Ye.TZ;constructor(e){if(super(e,Ye.TZ),function(e){const r=e.ee.get("tracer");function n(){}(0,c.Y)(a.dT,function(e){return(new n).get("object"==typeof e?e:{})},e);const i=n.prototype={createTracer:function(n,i){var a={},c=this,d="function"==typeof i;return(0,s.p)(O.xV,["API/createTracer/called"],void 0,t.K7.metrics,e.ee),function(){if(r.emit((d?"":"no-")+"fn-start",[(0,o.t)(),c,d],a),d)try{return i.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw r.emit("fn-err",[arguments,this,t],a),t}finally{r.emit("fn-end",[(0,o.t)()],a)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach(r=>{c.Y.apply(this,[r,function(){return(0,s.p)(a.hw+r,[performance.now(),...arguments],this,t.K7.softNav,e.ee),this},e,i])}),(0,c.Y)(a.PA,function(){(0,s.p)(a.hw+"routeName",[performance.now(),...arguments],void 0,t.K7.softNav,e.ee)},e)}(e),!f.RI||!(0,T.dV)().o.MO)return;const r=De(this.ee);try{this.removeOnAbort=new AbortController}catch(e){}Ye.tC.forEach(e=>{(0,N.sp)(e,e=>{l(e)},!0,this.removeOnAbort?.signal)});const n=()=>(0,s.p)("newURL",[(0,o.t)(),""+window.location],void 0,this.featureName,this.ee);r.on("pushState-end",n),r.on("replaceState-end",n),(0,N.sp)(Ye.OV,e=>{l(e),(0,s.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)},!0,this.removeOnAbort?.signal);let d=!1;const u=new((0,T.dV)().o.MO)((e,t)=>{d||(d=!0,requestAnimationFrame(()=>{(0,s.p)("newDom",[(0,o.t)()],void 0,this.featureName,this.ee),d=!1}))}),l=(0,m.s)(e=>{"loading"!==document.readyState&&((0,s.p)("newUIEvent",[e],void 0,this.featureName,this.ee),u.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),u.disconnect(),this.abortHandler=void 0},this.importAggregator(e,()=>i.e(478).then(i.bind(i,4393)),{domObserver:u})}}var qe=i(3333),Xe=i(9119);const $e={},Qe=new Set;function Je(e){return"string"==typeof e?{type:"string",size:(new TextEncoder).encode(e).length}:e instanceof ArrayBuffer?{type:"ArrayBuffer",size:e.byteLength}:e instanceof Blob?{type:"Blob",size:e.size}:e instanceof DataView?{type:"DataView",size:e.byteLength}:ArrayBuffer.isView(e)?{type:"TypedArray",size:e.byteLength}:{type:"unknown",size:0}}class et{constructor(e,t){this.timestamp=(0,o.t)(),this.currentUrl=(0,Xe.L)(window.location.href),this.socketId=(0,Y.LA)(8),this.requestedUrl=(0,Xe.L)(e),this.requestedProtocols=Array.isArray(t)?t.join(","):t||"",this.openedAt=void 0,this.protocol=void 0,this.extensions=void 0,this.binaryType=void 0,this.messageOrigin=void 0,this.messageCount=0,this.messageBytes=0,this.messageBytesMin=0,this.messageBytesMax=0,this.messageTypes=void 0,this.sendCount=0,this.sendBytes=0,this.sendBytesMin=0,this.sendBytesMax=0,this.sendTypes=void 0,this.closedAt=void 0,this.closeCode=void 0,this.closeReason="unknown",this.closeWasClean=void 0,this.connectedDuration=0,this.hasErrors=void 0}}class tt extends y{static featureName=qe.TZ;constructor(e){super(e,qe.TZ);const r=e.init.feature_flags.includes("websockets"),n=!e.init.feature_flags.includes("no_spv"),d=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.performance.resources.enabled,e.init.user_actions.enabled,r,n];var u;let l;if(u=e,(0,c.Y)(a.hG,(e,t)=>U(e,t,u),u),function(e){(0,c.Y)(a.fF,(t,r)=>z(t,r,e),e)}(e),Le(e),Q(e),function(e){(0,c.Y)(a.V1,(t,r)=>V(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},r){const h=function(e){if(!(0,T.dV)().o.WS)return e;const t=e.get("websockets");if($e[t.debugId]++)return t;$e[t.debugId]=1,(0,x.G)(()=>{const e=(0,o.t)();Qe.forEach(r=>{r.nrData.closedAt=e,r.nrData.closeCode=1001,r.nrData.closeReason="Page navigating away",r.nrData.closeWasClean=!1,r.nrData.openedAt&&(r.nrData.connectedDuration=e-r.nrData.openedAt),t.emit("ws",[r.nrData],r)})});class r extends WebSocket{static name="WebSocket";static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return r.name}#o(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new et(e[0],e[1]),this.addEventListener("open",()=>{this.nrData.openedAt=(0,o.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),Qe.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=Je(e.data);this.nrData.messageOrigin??=(0,Xe.L)(e.origin),this.nrData.messageCount++,this.nrData.messageBytes+=r,this.nrData.messageBytesMin=Math.min(this.nrData.messageBytesMin||1/0,r),this.nrData.messageBytesMax=Math.max(this.nrData.messageBytesMax,r),(this.nrData.messageTypes??"").includes(t)||(this.nrData.messageTypes=this.nrData.messageTypes?"".concat(this.nrData.messageTypes,",").concat(t):t)}),this.addEventListener("close",e=>{this.nrData.closedAt=(0,o.t)(),this.nrData.closeCode=e.code,e.reason&&(this.nrData.closeReason=e.reason),this.nrData.closeWasClean=e.wasClean,this.nrData.connectedDuration=this.nrData.closedAt-this.nrData.openedAt,Qe.delete(this),t.emit("ws",[this.nrData],this)})}addEventListener(e,t,...r){const n=this,i="function"==typeof t?function(...e){try{return t.apply(this,e)}catch(e){throw n.#o(e),e}}:t?.handleEvent?{handleEvent:function(...e){try{return t.handleEvent.apply(t,e)}catch(e){throw n.#o(e),e}}}:t;return super.addEventListener(e,i,...r)}send(e){if(this.readyState===WebSocket.OPEN){const{type:t,size:r}=Je(e);this.nrData.sendCount++,this.nrData.sendBytes+=r,this.nrData.sendBytesMin=Math.min(this.nrData.sendBytesMin||1/0,r),this.nrData.sendBytesMax=Math.max(this.nrData.sendBytesMax,r),(this.nrData.sendTypes??"").includes(t)||(this.nrData.sendTypes=this.nrData.sendTypes?"".concat(this.nrData.sendTypes,",").concat(t):t)}try{return super.send(e)}catch(e){throw this.#o(e),e}}close(...e){try{super.close(...e)}catch(e){throw this.#o(e),e}}}return f.gm.WebSocket=r,t}(this.ee);h.on("ws",e=>{(0,s.p)("ws-complete",[e],void 0,this.featureName,this.ee)})}if(n&&f.gm.addEventListener("securitypolicyviolation",e=>{(0,s.p)("spv",[e],void 0,t.K7.genericEvents,this.ee)},(0,N.jT)(!1,this.removeOnAbort.signal)),f.RI){if(ye(this.ee,e),ue(this.ee,e),l=De(this.ee),e.init.user_actions.enabled){function p(t){const r=(0,be.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function g(){l.emit("navChange")}qe.Zp.forEach(e=>(0,N.sp)(e,e=>(0,s.p)("ua",[e],void 0,this.featureName,this.ee),!0)),qe.qN.forEach(e=>{const t=(0,m.s)(e=>{(0,s.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,N.sp)(e,t)}),f.gm.addEventListener("error",()=>{(0,s.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,N.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{p(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,s.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,N.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!p(Te(e[0]))&&(0,s.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),l.on("pushState-end",g),l.on("replaceState-end",g),window.addEventListener("hashchange",g,(0,N.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",g,(0,N.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&f.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{(0,s.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)})}).observe({type:"resource",buffered:!0})}}d.some(e=>e)?this.importAggregator(e,()=>i.e(478).then(i.bind(i,8019))):this.deregisterDrain()}}var rt=i(2646);const nt=new Map;function it(e,t,r,n,i=!0,s){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,h.R)(29);const o=function(e){return(e||oe.ee).get("logger")}(e),a=(0,ae.YM)(o,void 0,s),c=new rt.y(oe.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=i;const d=t[r]?.[ae.Jt]||t[r];return nt.set(d,c),a.inPlace(t,[r],"wrap-logger-",()=>nt.get(d),void 0,!0),o}var st=i(1910);class ot extends y{static featureName=K.TZ;constructor(e){var t;super(e,K.TZ),t=e,(0,c.Y)(a.$9,(e,r)=>F(e,r,t),t),function(e){(0,c.Y)(a.Wb,(t,r,{customAttributes:n={},level:i=K.p_.INFO}={})=>{it(e.ee,t,r,{customAttributes:n,level:i},!1,e)},e)}(e),Q(e);const r=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,st.i)(f.gm.console[t]),it(r,f.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([e],t,n,i=[]){const{level:s,customAttributes:o,autoCaptured:a}=this;i.forEach(t=>{(0,W.R)(r,e,o,s,a,t)})}),this.importAggregator(e,()=>i.e(478).then(i.bind(i,5288)))}}new A({features:[Pe,E,_,Ve,Ge,P,ee,tt,ot,Ze],loaderType:"spa"})})()})();</script>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="csrf-token" content="ca0lURJOnj9kAszGEfzdSyuwQHCPGygNaGWv7Lt5"/>
  <meta name="publisher" content="PT. Perada Swara Productions">
  <meta name="author" content="Superlive Tech Team"/>
        
    
    <link rel="canonical" href="https://superlive.id">
    <title>Superlive.id | Dare to Live The Super Moment</title>
    <!-- Primary Meta Tags -->
  <meta name="title" content="Superlive.id | Dare to Live The Super Moment">
  <meta name="description" content="Superlive.id menghadirkan konten artikel dan video seputar musik, olahraga, game dan adventure, serta informasi event hingga info komunitas di Indonesia.">
  <meta name="author" content="Superlive">
  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://superlive.id">
  <meta property="og:title" content="Superlive.id | Dare to Live The Super Moment">
  <meta property="og:description" content="Superlive.id menghadirkan konten artikel dan video seputar musik, olahraga, game dan adventure, serta informasi event hingga info komunitas di Indonesia.">
  <meta property="og:image" content="https://superlive.id/images/SUPERLIVE.png">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="https://superlive.id">
  <meta property="twitter:title" content="Superlive.id | Dare to Live The Super Moment">
  <meta property="twitter:description" content="Superlive.id menghadirkan konten artikel dan video seputar musik, olahraga, game dan adventure, serta informasi event hingga info komunitas di Indonesia.">
  <meta property="twitter:image" content="https://superlive.id/images/SUPERLIVE.png">

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.gstatic.com">
  
  <link media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;800&display=swap" rel="stylesheet">
    
  <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2" as="font" type="font/woff2" crossorigin>
  <!-- Styles -->
  <link rel="stylesheet" href="/front/css/app.css?v=1778151021">

    <!-- Google Tag Manager -->
  <script defer>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer',"GTM-5RLPPP9");</script>
  <!-- End Google Tag Manager -->
  
        <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Superlive.id | Dare to Live The Super Moment",
        "description": "Superlive.id menghadirkan konten artikel dan video seputar musik, olahraga, game dan adventure, serta informasi event hingga info komunitas di Indonesia.",
        "telephone": "(021) 5346901",
        "email": "support@superlive.id",
        "url": "https://superlive.id/",
        "image": "https://superlive.id/storage/banners/b124e681-ad4a-44c9-8347-2af693937f5d.jpg",
        "address": {
            "@type":"PostalAddress",
                        "streetAddress":"Jl. KS Tubun IIC No.57, RT.3/RW.1, Slipi, Kec. Palmerah, Kota Jakarta Barat",
                        "addressLocality":"Jakarta",
                        "addressRegion":"JKT",
                        "postalCode":"11410",
                        "addressCountry":"ID"
        },
        "areaServed": {
            "@type": "GeoCircle",
            "geoMidpoint": {
                "@type": "GeoCoordinates",
                "latitude": -6.189522062086142,
                "longitude": 106.8032043128198
            },
            "geoRadius": 1000
        }
    }
</script>
  <!-- Pentacode FB Domain Verification -->
  <meta name="facebook-domain-verification" content="yrcbru4uai5p3sojmaasnfczk1s3os"/>
  <!-- End Pentacode FB Domain Verification -->

  <style>@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local('Montserrat') , local('Montserrat') , url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');font-display:swap}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;src:local('Source Sans Pro') , local('Source Sans Pro') , url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');font-display:swap}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,Roboto,Helvetica\ Neue,Arial,Noto\ Sans,sans-serif,Apple\ Color\ Emoji,Segoe\ UI\ Emoji,Segoe\ UI\ Symbol,Noto\ Color\ Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-t{border-top-width:1px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-7{line-height:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.ml-12{margin-left:3rem}.-mt-px{margin-top:-1px}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1) , 0 1px 2px 0 rgba(0,0,0,.06)}.text-center{text-align:center}.text-gray-200{--text-opacity:1;color:#edf2f7;color:rgba(237,242,247,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.loader{border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid #d4091e;width:60px;height:60px;margin:auto;display:none;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.mini-loader{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #d4091e;width:25px;height:25px;margin:0 10px;display:none;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }@keyframes  spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.dark\:bg-gray-900{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.dark\:border-gray-700{--border-opacity:1;border-color:#4a5568;border-color:rgba(74,85,104,var(--border-opacity))}.dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.dark\:text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}}</style>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <script type="text/javascript" src="https://superlive.id/js/jquery.gracket.js.pagespeed.jm.QeTHPrAMRB.js"></script>
  
  <script type="text/javascript" defer>var verifyCallback=function(response){alert(response);};var widgetId5;var onloadCallback=function(){if($('#g-recaptcha-contact').length){widgetId5=grecaptcha.render('g-recaptcha-contact',{'sitekey':'6LcLRrsaAAAAAAU4RuAbxeA0V2P7-e0eP6Fmfw48',});}};</script>
  <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=6LcLRrsaAAAAAAU4RuAbxeA0V2P7-e0eP6Fmfw48"></script>
  
</head>

<body>
    <!-- Google Tag Manager (noscript) -->
  <noscript><iframe loading="lazy" src="https://www.googletagmanager.com/ns.html?id=GTM-5RLPPP9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  
  <script defer type="text/javascript">(function(e,s,t){t=t||{},t.id=e,versaTagObj={$:[],onready:function(e){this.$.push(e)}};var n=s.getElementsByTagName("script")[0],r=s.createElement("script");r.options=t,r.async=!0,r.src="https://secure-ds.serving-sys.com/SemiCachedScripts/ebOneTag.js?id="+e,r.options=t,n.parentNode.insertBefore(r,n)})("1073747069",document,{dataLayer:"SizmekDataLayer"});</script>
  <noscript><iframe loading="lazy" src="https://bs.serving-sys.com/Serving?cn=ot&amp;onetagid=1073747069&amp;ns=1&amp;activityValues=$$Session=[Session]$$&amp;dynamicRetargetingValues=$$$$&amp;acp=$$$$" style="display:none;width:0px;height:0px"></iframe></noscript>

  <div class="header flex" id="header" data-route="home.index">
	<div class="header-burger" id="header-burger">
		<img src="/images/burger.svg" alt="burger icon" title="burger icon">
	</div>
	<div class="header-title-container">
		<a class="logo-container" href="https://superlive.id">
			<picture>
				<source media="(min-width:1366px)" srcset="/images/SUPERLIVE.png">
				<source media="(min-width:1024px)" srcset="/images/SUPERLIVE.png">
				<img class="title-logo" src="/images/xSUPERLIVE.png.pagespeed.ic.bXGSTx9AAD.png" alt="Logo SuperLive" title="Logo SuperLive">
			</picture>
		</a>

					<div class="header-account-container" id="account-header-mobile">
				<img class="account-mobile-image" src="/images/Header_Register_Mobile.svg" alt="Header Register Mobile" title="Header Register Mobile">
			</div>
		
	</div>
	<div class="header-mid-menu">
		<div class="top">
			<div class="social-container">
				<div class="socials">
										
					<div class="content">
						
					</div>
				</div>
				<div class="auth">
										<a href="https://superlive.id/login-landingpage" class="login" id="login">
						<img class="icon" src="/images/account_black.svg" alt="login" title="login">
						<span class="label">Login</span>
					</a>
					
					<span class="redeem-catalog" data-url="https://superlive.id/point-rewards">
						<span class="label">Redeem Merchandise</span>
					</span>
									</div>
			</div>
			<a href="https://www.blibli.com/merchant/superstore-official-store/SUS-60073" target="_blank" class="super-shop">
				<span class="label">SUPERSTORE</span>
			</a>
		</div>
		<div class="bottom">
																				<div class="item desktop-menu-item item-grid" data-child="1" data-items="23" data-columns="5">
													<a href="https://superlive.id/supermusic" class="label">
								
																<div class="icon-container">
									<img class="super-icon" src="/images/xSUPERMUSIC.png.pagespeed.ic.Rw6-UV9ICo.png" alt="Icon Supermusic" title="Icon Supermusic">
								</div>
															</a>
						
												<img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
						
						<div class="submenu">

							<a href="https://superlive.id/supermusic" class="submenu-item">ALL SUPERMUSIC</a>


							                                							                                							                                							                                							                                                                                                                    <a class="submenu-item" href="https://superlive.id/dare-to-be-next-superstar">DARE TO BE NEXT SUPERSTAR</a>
                                                                            							                                							                                							                                                                                                                    <a class="submenu-item" href="https://superlive.id/video/supermusic">SUPER MUSIC TV</a>
                                            
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/supermusic/artikel/noize">NOIZE</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/supermusic/artikel/gears">TIPS &amp; GEARS</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/events/supermusic">EVENTS</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/supermusic/artikel/news">NEWS</a>
                                                                            							                                							                                							                                							                                							                                							                                							                                							                                							                                							                                							
						</div>
					</div>
				
																					<div class="item desktop-menu-item item-grid" data-child="1" data-items="30" data-columns="6">
													<a href="https://superlive.id/superadventure" class="label">
								
																<div class="icon-container">
								<img class="super-icon" src="/images/xSUPERADVENTURE.png.pagespeed.ic.kzMAtljJBa.png" alt="Icon Superadventure" title="Icon Superadventure">
								</div>
								
															</a>
						
												<img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
						
						<div class="submenu">

							<a href="https://superlive.id/superadventure" class="submenu-item">ALL SUPERADVENTURE</a>


							                                                                                                                    <a class="submenu-item" href="https://superlive.id/events/superadventure">EVENTS</a>
                                                                            							                                							                                							                                							                                							                                							                                							                                							                                							                                                                                                                    <a class="submenu-item" href="https://superlive.id/video/superadventure">SUPER ADVENTURE TV</a>
										                                    							                                                                                                                    <a class="submenu-item" href="https://superlive.id/superadventure/artikel/news">NEWS</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/superadventure/artikel/place-gears">PLACES &amp; GEARS</a>
                                                                            							                                							                                							                                							                                							                                							                                							                                							                                							                                							                                							                                							                                							                                							                                							                                                                                                                    <a class="submenu-item" target="_blank" href="https://superpreneur.superlive.id/">DARE TO BE THE NEXT SUPERPRENEUR 2023</a>
                                                                            							                                							                                                                        											<a class="submenu-item" href="https://superlive.id/superadventurerace">SUPER ADVENTURE RACE</a>
                                            
                                                                            							
						</div>
					</div>
				
																					<div class="item desktop-menu-item item-grid" data-child="1" data-items="16" data-columns="4">
													<a href="https://superlive.id/supersoccer" target="_blank" class="label">
								<div class="icon-container">
								<img class="super-icon" src="/images/xSUPERSOCCER.png.pagespeed.ic.r8tOpT1Gjg.png" alt="Icon Supersoccer" title="Icon Supersoccer">
								</div>
							</a>
						
												<img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
						
						<div class="submenu">

							<a href="https://superlive.id/supersoccer" class="submenu-item">ALL SUPERSOCCER</a>


							                                                                                                                    <a class="submenu-item" href="https://superlive.id/supersoccer/artikel/news">NEWS</a>
                                                                            							                                							                                							                                							                                                                                                                    <a class="submenu-item" href="https://superlive.id/events/supersoccer">EVENTS</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/supersoccer/artikel/soccerlyfe">SOCCERLYFE</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/supersoccer/artikel/klasemen-review">KLASEMEN &amp; REVIEW</a>
                                                                            							                                							                                							                                                                                                                    <a class="submenu-item" href="https://superlive.id/video/supersoccer">SUPERSOCCER TV</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/supersoccer/artikel/player-club-of-the-week">PLAYER &amp; CLUB OF THE WEEK</a>
                                                                            							                                							                                                                                                                    <a class="submenu-item" href="https://eurofutsal.superlive.id/">EURO FUTSAL CHAMPIONSHIP</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/super-match/schedule">SUPER MATCH</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/nobar-schedule">JADWAL NOBAR</a>
                                                                            							
						</div>
					</div>
				
																					<div class="item desktop-menu-item item-grid" data-child="1" data-items="15" data-columns="3">
													<a href="https://superlive.id/superchallenge" class="label">
								
																<div class="icon-container">
									<img class="super-icon" src="/images/xSUPERCHALLENGE.png.pagespeed.ic.7tz_N5LCdf.png" alt="Icon Superchallenge" title="Icon Superchallenge">
								</div>
															</a>
						
												<img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
						
						<div class="submenu">

							<a href="https://superlive.id/superchallenge" class="submenu-item">ALL SUPERCHALLENGE</a>


							                                							                                							                                                                                                                    <a class="submenu-item" href="https://superlive.id/video/superchallenge">SUPER CHALLENGE TV</a>
                                            
                                                                            							                                							                                                                                                                    <a class="submenu-item" href="https://superlive.id/events/superchallenge">SUPER CHALLENGE EVENTS</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/superchallenge/artikel/specials">SPECIALS</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/superchallenge/artikel/news">NEWS</a>
                                                                            							                                							                                							                                							                                							                                							                                                                                                                    <a class="submenu-item" href="https://superprix.superlive.id/">SUPERPRIX</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superprix.superlive.id/livestream">SUPERPRIX LIVESTREAM</a>
                                                                            							
						</div>
					</div>
				
																					<div class="item desktop-menu-item item-grid" data-child="1" data-items="7" data-columns="2">
													<a href="https://superlive.id/supertalk" class="label">
								
																<div class="icon-container">
									<img class="super-icon" src="/images/xSUPERTALKS.png.pagespeed.ic.6_vAQZd4Xo.png" alt="Icon Supertalks" title="Icon Supertalks">
								</div>
															</a>
						
												<img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
						
						<div class="submenu">

							<a href="https://superlive.id/supertalk" class="submenu-item">ALL SUPERTALKS</a>


							                                							                                							                                                                                                                    <a class="submenu-item" href="https://superlive.id/podcast">PODCASTS</a>
                                            
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/podcast/supermusic">SUPERMUSIC TALK</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/podcast/superadventure">SUPERADVENTURE TALK</a>
                                                                            							                                                                                                                    <a class="submenu-item" href="https://superlive.id/podcast/superchallenge">SUPERCHALLENGE TALK</a>
                                                                            							
						</div>
					</div>
				
											
											
							
																																																																
			<div class="item news-event desktop-menu-item item-grid" data-child="1" data-items="7" data-columns="2">
				<span class="label">More</span>
				<img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
				<div class="submenu">
																																																																																																									<a href="https://superlive.id/events" class="submenu-item">ALL EVENTS</a>
																				<a href="https://superlive.id/video" class="submenu-item">VIDEO CONTENTS</a>
																				<a href="https://superlive.id/about-us" class="submenu-item">ABOUT US</a>
																				<a href="https://superlive.id/contact-us" class="submenu-item">CONTACT US</a>
																																		</div>
			</div>
			<div class="search-desktop" id="search-desktop">
				<img class="arrow" src="/images/search.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
			</div>
		</div>
	</div>
</div>
<div class="search-section-desktop" id="search-section-desktop">
	<form class="form-search" action="https://superlive.id/search">
		<input type="text" id="searh-input-desktop" class="searh-input-desktop input" name="q" title="Search" placeholder="Search all latest Super Live Article, Video, and More" required>
		<button type="submit" class="searh-btn-desktop btn" id="searh-btn-desktop" title="Search Button">
			Search
		</button>
	</form>
</div>
<div class="burger-menu-mobile" id="burger-menu-mobile">
  <div class="burger-menu-mobile__container">
  <div class="head">
    <form class="form-search" action="https://superlive.id/search">
      <div class="search-container flex">
        <input type="text" id="burger-search" class="burger-search" name="q" title="Search" placeholder="Search.." required>
        <button type="submit" class="burger-search-btn" id="burger-search-btn" title="Burger Search Button">
          <img src="/images/search.svg" alt="Search icon" title="Search icon">
        </button>
      </div>
    </form>
    <div class="close-container" id="burger-close">
      <img class="icon" src="/images/close-burger.svg" alt="Close burger icon" title="Close burger icon">
    </div>
  </div>
  <div class="content">
    
    <div class="auth m-4 d-flex justify-content-around">
        

      <a href="https://superlive.id/login-landingpage" class="login" id="login">
        <span class="label">Login</span>
      </a>
      <a class="redeem-catalog" href="https://superlive.id/point-rewards">
        <span class="label">Redeem Merchandise</span>
      </a>
    </div>
        <ul class="list-menu">
      							          <li class="list-item burger-list-item" data-child="10">
                        <span class="label">Supermusic</span>
                                    <img src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                        <div class="submenu">

                <a class="submenu-item" href="https://superlive.id/supermusic">ALL SUPERMUSIC</a>


                                                                                                                                                                                                                                                                                              <a class="submenu-item" href="https://superlive.id/dare-to-be-next-superstar">DARE TO BE NEXT SUPERSTAR</a>
                                                                                                                                                                                                                                                  <a class="submenu-item" href="https://superlive.id/video/supermusic">SUPER MUSIC TV</a>
                              
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/supermusic/artikel/noize" class="submenu-item">NOIZE</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/supermusic/artikel/gears" class="submenu-item">TIPS &amp; GEARS</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/events/supermusic">EVENTS</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/supermusic/artikel/news" class="submenu-item">NEWS</a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      </div>
          </li>
                							          <li class="list-item burger-list-item" data-child="10">
                        <span class="label">Superadventure</span>
                                    <img src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                        <div class="submenu">

                <a class="submenu-item" href="https://superlive.id/superadventure">ALL SUPERADVENTURE</a>


                                                                                                      <a class="submenu-item" href="https://superlive.id/events/superadventure">EVENTS</a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/video/superadventure">SUPER ADVENTURE TV</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/superadventure/artikel/news" class="submenu-item">NEWS</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/superadventure/artikel/place-gears" class="submenu-item">PLACES &amp; GEARS</a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          <a class="submenu-item" target="_blank" href="https://superpreneur.superlive.id/">DARE TO BE THE NEXT SUPERPRENEUR 2023</a>
                                                                                                                                                                                                    <a class="submenu-item" href="https://superlive.id/superadventurerace">SUPER ADVENTURE RACE</a>
                              
                                                                          </div>
          </li>
                							          <li class="list-item burger-list-item" data-child="10">
                        <span class="label">Supersoccer</span>
                                    <img src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                        <div class="submenu">

                <a class="submenu-item" href="https://superlive.id/supersoccer">ALL SUPERSOCCER</a>


                                                                                                      <a class="submenu-item" href="https://superlive.id/supersoccer/artikel/news" class="submenu-item">NEWS</a>
                                                                                                                                                                                                                                                                                                <a class="submenu-item" href="https://superlive.id/events/supersoccer">EVENTS</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/supersoccer/artikel/soccerlyfe" class="submenu-item">SOCCERLYFE</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/supersoccer/artikel/klasemen-review" class="submenu-item">KLASEMEN &amp; REVIEW</a>
                                                                                                                                                                                                                                                  <a class="submenu-item" href="https://superlive.id/video/supersoccer">SUPERSOCCER TV</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/supersoccer/artikel/player-club-of-the-week" class="submenu-item">PLAYER &amp; CLUB OF THE WEEK</a>
                                                                                                                                                                                                    <a class="submenu-item" href="https://eurofutsal.superlive.id/">EURO FUTSAL CHAMPIONSHIP</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/super-match/schedule">SUPER MATCH</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/nobar-schedule">JADWAL NOBAR</a>
                                                                          </div>
          </li>
                							          <li class="list-item burger-list-item" data-child="10">
                        <span class="label">Superchallenge</span>
                                    <img src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                        <div class="submenu">

                <a class="submenu-item" href="https://superlive.id/superchallenge">ALL SUPERCHALLENGE</a>


                                                                                                                                                                                                  <a class="submenu-item" href="https://superlive.id/video/superchallenge">SUPER CHALLENGE TV</a>
                                                                                                                                                                                                    <a class="submenu-item" href="https://superlive.id/events/superchallenge">SUPER CHALLENGE EVENTS</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/superchallenge/artikel/specials" class="submenu-item">SPECIALS</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/superchallenge/artikel/news" class="submenu-item">NEWS</a>
                                                                                                                                                                                                                                                                                                                                                                                            <a class="submenu-item" href="https://superprix.superlive.id/">SUPERPRIX</a>
                                                                                                                                                      <a class="submenu-item" href="https://superprix.superlive.id/livestream">SUPERPRIX LIVESTREAM</a>
                              
                                                                          </div>
          </li>
                							          <li class="list-item burger-list-item" data-child="10">
                        <span class="label">Supertalks</span>
                                    <img src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                        <div class="submenu">

                <a class="submenu-item" href="https://superlive.id/supertalk">ALL SUPERTALKS</a>


                                                                                                                                                                                                  <a class="submenu-item" href="https://superlive.id/podcast">PODCASTS</a>
                              
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/podcast/supermusic">SUPERMUSIC TALK</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/podcast/superadventure">SUPERADVENTURE TALK</a>
                                                                                                                                                      <a class="submenu-item" href="https://superlive.id/podcast/superchallenge">SUPERCHALLENGE TALK</a>

                                                                          </div>
          </li>
                							        							        			      <li class="list-item burger-list-item" data-child="10">
        <span class="label">More</span>
        <img src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
        <div class="submenu">
                                                                                                                                                                                                                                                                            <a href="https://superlive.id/events" class="submenu-item">ALL EVENTS</a>
                                                              <a href="https://superlive.id/video" class="submenu-item">VIDEO CONTENTS</a>
                                                              <a href="https://superlive.id/about-us" class="submenu-item">ABOUT US</a>
                                                              <a href="https://superlive.id/contact-us" class="submenu-item">CONTACT US</a>
                              					                                          </div>
      </li>
                    <li class="list-item burger-list-item" data-child="10">
          <a href="https://www.blibli.com/merchant/superstore-official-store/SUS-60073" target="_blank" class="label">SUPERSTORE</a>
        </li>
          </ul>
  </div>
  <div class="footer">
    <span class="label">Follow us on</span>
    <div class="social-container">
      <div class="item mobile-socials" role="button" tabindex="0" data-title="instagram">
        <img class="icon" src="/images/social_instagram.svg" alt="instagram" title="instagram">
      </div>
      <div class="item mobile-socials" role="button" tabindex="0" data-title="facebook">
        <img class="icon" src="/images/social_facebook.svg" alt="facebook" title="facebook">
      </div>
      <div class="item mobile-socials" role="button" tabindex="0" data-title="twitter">
        <img class="icon" src="/images/social_twitter.svg" alt="twitter" title="twitter">
      </div>
      <div class="item mobile-socials" role="button" tabindex="0" data-title="youtube" title="youtube">
        <img class="icon" src="/images/social_youtube.svg" alt="youtube" title="youtube">
      </div>
      <a class="item" href="https://open.spotify.com/show/4DMFiZn80aV9dv3oB7a4zr" target="_blank">
        <img class="icon" src="/images/xSpotify,402x.png.pagespeed.ic.LorJ1TeT67.png" alt="spotify" title="spotify">
      </a>
    </div>
  </div>
</div>
</div>
  <div class="auth__overlay " id="auth_overlay" style="overflow: auto!important">
    <div class="auth__container main__container ">
        <div tabindex="0" role="button" class="close-btn">
            <span></span>
            <span></span>
        </div>
        <div class="auth__banner">
            <p>HELLO THERE,
                SUPER USER !</p>
        </div>
        <ul class="auth__menus">
            <li class="auth__menu ">Login</li>
            <li class="auth__menu">Register</li>
        </ul>
        <div class="auth__content login-content ">
            <form id="form-login" onsubmit="return false" class="auth__from login-auth">
                <div class="auth__from__group">
                    <label for="">Use your email address, user id,
                        or Phone Number*</label>
                    
                    <input id="login-mobile-email" name="key_mobile" class="mobile" type="text" placeholder="Ex: SuperUser@email.com">
                    <input id="login-desktop-email" name="key_desktop" class="desktop" type="text" placeholder="Ex: SuperUser@email.com, User_Number, or 08xxxxxxxx">
                    <span class="alert">Please Insert the correct Email Address</span>
                </div>
                <div class="auth__from__group">
                    <label for="">Insert Password*</label>
                    <div class="password-flex">
                        <div class="password__wrapper">
                            <input id="login-password" name="password" class="auth__password" type="password" placeholder="Type Password Here">
                            <span class="alert">Please Insert the correct Email Address</span>
                        </div>
                        <div class="show-icon">
                            <img src="/images/xshow-password-icon.png.pagespeed.ic.i807mb808h.png" alt="show password icon" title="show password icon">
                        </div>
                    </div>
                </div>
                <div class="auth__group__wrapper">
                    <div class="auth__from__group keep-me">
                        <label for="">Keep me Logged In</label>
                        <input value="true" name="remember" type="checkbox" placeholder="Type Password Here">
                    </div>
                    <div class="auth__from__group forget-password">
                        <a id="forget-password" href="https://superlive.id/forgotpassword" for="">Forgot Password ?</a>
                    </div>
                </div>
                <div id="g-recaptcha-login" class="g-recaptcha"></div>
                
                <button id="auth__login" class="primary-btn">Login</button>
            </form>
            <div class="login__socials">
                <div class="auth__group__wrapper">
                    <p>Or use</p>
                    <div class="login__socials__bar"></div>
                </div>
                <div class="auth__group__wrapper">
                    <button class="primary-btn google-btn" onclick="window.location='/oauth/google';">
                        <img class="left" src="/images/xgoogle-icon.png.pagespeed.ic.BNCI79fLYy.png" alt="google icon" title="google icon">
                        Google
                        <svg class="right" xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8">
                            <path fill="#000" d="M16.662 9.642l-3.352 3.067 3.352 3.067a.516.516 0 0 1 0 .774.642.642 0 0 1-.847 0l-3.82-3.489a.469.469 0 0 1 0-.7l3.82-3.489a.642.642 0 0 1 .847 0 .516.516 0 0 1 0 .77z" transform="rotate(180 8.418 8.354)"/>
                        </svg>
                    </button>
                    <button class="primary-btn facebook-btn" style="display:none!important" onclick="window.location='/oauth/facebook';">
                        <svg class="left" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 30 30">
                            <path fill="#fff" d="M15 2.5A12.5 12.5 0 1 1 2.5 15 12.514 12.514 0 0 1 15 2.5zM15 0a15 15 0 1 0 15 15A15 15 0 0 0 15 0zm-2.5 12.5H10V15h2.5v7.5h3.75V15h2.275l.225-2.5h-2.5v-1.041c0-.6.12-.834.7-.834h1.8V7.5h-3c-2.247 0-3.245.99-3.245 2.885V12.5z"/>
                        </svg>
                        Facebook
                        <svg class="right" xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8">
                            <path fill="#fff" d="M16.662 9.642l-3.352 3.067 3.352 3.067a.516.516 0 0 1 0 .774.642.642 0 0 1-.847 0l-3.82-3.489a.469.469 0 0 1 0-.7l3.82-3.489a.642.642 0 0 1 .847 0 .516.516 0 0 1 0 .77z" transform="rotate(180 8.418 8.354)"/>
                        </svg>
                    </button>
                </div>
            </div>
        </div>
        <div class="auth__content register-content ">
            <form id="form-register" onsubmit="return false" class="auth__from">
                <!-- <div class="auth__from__group">
                    <label for="">Insert ID Number (KTP/SIM)*</label>
                    <input class="ktp_number" name="ktp_number" type="ktp_number" placeholder="Ex: 3174012345678901">
                    <span id="regist-ktp_number-alert" class="alert"></span>
                </div> -->
                <div class="auth__from__group">
                    <label for="">Insert Email*</label>
                    <input name="email" type="email" placeholder="Ex: SuperUser@email.com">
                    <span id="regist-email-alert" class="alert"></span>
                </div>
                <div class="auth__group__wrapper">
                    <div class="auth__from__group">
                        <label for="">Name*</label>
                        <input name="firstname" type="text" placeholder="Name">
                        <span class="alert">Please Insert the correct Name</span>
                    </div>
                    <div class="auth__from__group">
                        <label for="">Gender*</label>
                        <select name="gender" id="gender" required>
                            <option disabled selected value>- Select Gender -</option>
                            <option value="0">Male</option>
                            <option value="1">Female</option>
                        </select>
                        <span class="alert">Please Select the gender</span>
                    </div>

                </div>
                <div class="auth__group__wrapper">
                    <div class="auth__from__group">
                        <label for="">Date of Birth*</label>
                        <input id="date-register" onkeydown="return false" name="date_of_birth" type="text" min="1945-01-01" max="2005-01-01" onfocus="(this.type='date')" placeholder="DD/MM/YYYY">
                        <span id="regist-dob-alert" class="alert"></span>
                    </div>
                    <div class="auth__from__group">
                        <label class="" for="">Phone Number*</label>
                        <input id="regist-phone" name="phone_number" type="text" placeholder="08XXX XXXX XXXX">
                        <span id="regist-pn-alert" class="alert">Please Insert the correct Phone Number</span>

                    </div>
                </div>
                <div class="auth__from__group">
                    <label for="">User ID</label>
                    <input id="user-id" name="username" type="text" placeholder="Ex: User77">
                    <span id="regist-username-alert" class="alert">Please Insert the correct User ID</span>
                </div>
                <div class="auth__group__wrapper last">
                    <div class="auth__from__group password-group">
                        <label for="">Password*</label>
                        <div class="password-flex">
                            <div class="password__wrapper">
                                <input id="password-register" name="password" class="auth__password" type="password">
                                <span id="regist-password-alert" class="alert"></span>
                            </div>
                            <div class="show-icon">
                                <img src="/images/xshow-password-icon.png.pagespeed.ic.i807mb808h.png" alt="show password icon" title="show password icon">
                            </div>
                        </div>
                        <ul class="password-rules">
                            <li>
                                <img class="icon-unchecked" src="/images/xcircle-icon.png.pagespeed.ic.EpfcB09qLT.png" alt="circle icon" title="circle icon">
                                <img class="icon-checked" src="/images/xcircle-icon-checked.png.pagespeed.ic.V-2TnaIF28.png" alt="icon check" title="icon check">
                                <span>Contain at least one
                                    Uppercase </span>
                            </li>
                            <li>
                                <img class="icon-unchecked" src="/images/xcircle-icon.png.pagespeed.ic.EpfcB09qLT.png" alt="circle icon" title="circle icon">
                                <img class="icon-checked" src="/images/xcircle-icon-checked.png.pagespeed.ic.V-2TnaIF28.png" alt="icon check" title="icon check">
                                <span>Contain at least two Numbers </span>
                            </li>
                            <li>
                                <img class="icon-unchecked" src="/images/xcircle-icon.png.pagespeed.ic.EpfcB09qLT.png" alt="circle icon" title="circle icon">
                                <img class="icon-checked" src="/images/xcircle-icon-checked.png.pagespeed.ic.V-2TnaIF28.png" alt="icon check" title="icon check">
                                <span>Contain 8 Alphanumeric</span>
                            </li>
                        </ul>
                        <span id="regist-password-alert" class="alert">Please Insert the correct Email Address</span>
                    </div>
                    <div class="auth__from__group">
                        <label class="label--fade" for="">Confirm Password*</label>
                        <div class="password-flex">

                            <div class="password__wrapper">
                                <input name="password_confirmation" class="auth__password" type="password">
                            </div>
                            <div class="show-icon">
                                <img src="/images/xshow-password-icon.png.pagespeed.ic.i807mb808h.png" alt="show password icon" title="show password icon">
                            </div>
                        </div>
                        <span class="alert">Please Insert the correct Email Address</span>
                    </div>
                </div>
                <div class="auth__from__group">
                    <label for="">Referral Code</label>
                    <input id="referral-id" name="referral" type="text" placeholder="Optional">
                </div>
                <p class="auth__policy">By pressing Register you accept our <a href="https://superlive.id/privacy-policy" target="_blank">privacy policy</a>
                    and confirm that you are over 18 years old.</p>
                    <div id="g-recaptcha-register" class="g-recaptcha"></div>
                    <span id="regist-captcha-alert" class="alert"></span>
                
                
                <div class="error-log"></div>
                <button type="submit" id="auth__register" class="primary-btn">Register</button>
            </form>
        </div>
    </div>
    <div class="auth__container otp__container">
        <div class="auth__banner">
            <p>WELCOME
                SUPER USER</p>
        </div>
        <div id="otp-ask" class="auth__content otp">
            <p>We Have send you an Email to activate your account
                Please Check your email inbox and spam folder, copy the activation code, then
                Insert the code here:</p>
            <form id="auth__otp" action="#" onsubmit="return false">
                <input name="otp_code" type="text" maxlength="4" placeholder="" pattern="\d{4}" required>
                <button class="primary-btn">Submit</button>
            </form>
        </div>
        <div id="otp-success" class="auth__content otp">
            <p>Your account has been successfully activated. Please check your profile or go back home</p>
            <div class="otp__cta">
                <a href="https://superlive.id" class="primary-yellow-btn">
                    Go Back Home
                </a>
                <a href="https://superlive.id/profile" class="primary-btn">Check My Profile</a>
            </div>
        </div>
    </div>
</div>

<div id="overlay-forgot" class="overlay__container">
    <div class="auth__overlay">
        <div class="auth__container forget__container">
            <div tabindex="0" role="button" class="close-btn">
                <span></span>
                <span></span>
            </div>
            <div id="forget-by-email-container" class="auth__content forget ">
                <p class="title">Reset Password</p>
                
                <form id="auth__forget" onsubmit="return false">
                    <input id="reset-by-email" type="email" name="email" placeholder="Email (EXxxxxxxxxxx@email.com)">
                    
                    <div class="g-recaptcha" id="g-recapthca-otp"></div>
                    
                    <button class="submit primary-btn submit-reset-password" type="submit">Submit</button>
                </form>
            </div>
        </div>
    </div>
</div>
  <div id="overlay-socials" class="overlay__container ">
    <div class="auth__overlay ">
        <div id="socials-container" class="auth__container forget__container ">
            <div tabindex="0" role="button" class="close-btn">
                <span></span>
                <span></span>
            </div>
            <div id="mobile-socials-container" class="auth__content forget ">
                <p class="title" id="mobile-socials-title"></p>
                <p class="sub-title">Please choose one of our <span id="mobile-socials-text"></span> links :</p>
                <div class="socials-links">

                </div>
            </div>
        </div>
    </div>
</div>  <div class="main-container">
      <h1 style="display: none">
          Superlive
      </h1>
      <div class="welcome__overlay" id="welcome-overlay">
    <div class="auth__container welcome-container forget__container">
        <div tabindex="0" role="button" id="welcome-close" class="close-btn">
            <span></span>
            <span></span>
        </div>
        <div class="auth__banner">
            
        </div>
        <div class="auth__content forget welcome-content">
            <p><b style="font-size: 15px">Hello SuperFriends</b>, welcome to the best website for all your interests. 
                We have a variety of content from music, sport, and adventure.</p>
            <p><b>Enjoy our Contents or Collect Prizes just by:</b></p>
            <div class="cta-container">
                <button class="primary-yellow-btn welcome-login-btn" id="welcome-login">Register</button>
                <button class="primary-btn welcome-close-btn" id="close-welcome">Enter Super Live</button>
            </div>
        </div>
    </div>
</div>

  <style>.skeleton-box{position:relative;overflow:hidden;background:linear-gradient(to bottom,rgba(84,84,84,0),#000) #d4091e!important}.skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite;content:''}@keyframes  shimmer {
        100% {
            transform: translateX(100%);
        }
    }</style>
    <div class="banner-hero relative">
        <div class="list">
                                        <div class="banner-hero-item-slide banner-hero-item banner-hero-item-1 skeleton-box" data-dots="SUPERTRIP TO COMO 2026" data-title="" data-description="" data-baseurl="https://superlive.id" alt="" title="" data-storageurl="https://superlive.id/storage" data-type="b86e2f11-ef6d-4f6d-b90f-449e9f9bf962" data-cta="More Info" data-imgsrc="https://superlive.id/storage/banners/1c2924e5-e3e7-47ba-a920-9993ca9256bb.jpg" data-imgsrcmobile="https://superlive.id/storage/banners/mobile/72706f2d-2250-4544-bb69-50c6eaf85f30.jpg" data-bannertype="image" data-url=https://superlive.id/supersoccer/artikel/soccerlyfe/tutorial-ketemu-nico-paz-dkk-dari-jarak-sejengkal-ikutan-supertrip-to-como-aja>

                    
                    
                </div>
                    </div>

        <div class="bottom-band"></div>
    </div>


<script>
    $(document).ready(function() {

        let counter = 1;
        let tempCounter = 0;
        let arrDataArticle = [];

        // $('.banner-hero-item-' + counter).addClass('skeleton-box');

        $(".banner-hero")
            .find(".list")
            .on("init", function(event, slick) {
            $('.slick-dots').hide();
            $('.slick-arrow').hide();
        })
        function getBannerHero() {

            $('.banner-hero-item-slide').each(function() {
                const baseUrl = $(this).data("baseurl");
                const storageUrl = $(this).data("storageurl");
                // const dataImgName = $(this).data("type");
                const dataTitle = $(this).data("title");
                const dataDescription = $(this).data("description");
                const dataImgSource = $(this).data("imgsrc");
                const dataImgSourceMobile = $(this).data("imgsrcmobile");
                const dataBannerType = $(this).data("bannertype");
                const dataCtaUrl = $(this).data("url");
                var cta = $(this).data("cta");
                if(cta == ""){
                    cta = "More Details";
                }

                arrDataArticle.push({
                    baseUrl: baseUrl,
                    storageUrl: storageUrl,
                    // dataImgName: dataImgName,
                    cta: cta,
                    dataTitle: dataTitle,
                    dataDescription: dataDescription,
                    dataImgSource: dataImgSource,
                    dataImgSourceMobile: dataImgSourceMobile,
                    dataBannerType: dataBannerType,
                    dataCtaUrl: dataCtaUrl,
                })

            })

            let intervalArticle = setInterval(() => {
                if (counter <= arrDataArticle.length && tempCounter <= counter) {
                    tempCounter = counter;
                    // console.log(arrDataArticle)

                    // $.ajax({
                    //     method: 'GET',
                    //     url: arrDataArticle[counter - 1].baseUrl + '/api/banner/' +
                    //         arrDataArticle[counter - 1].dataImgName,
                    //     dataType: 'json',
                    //     success: function(data) {
                            // console.log(arrDataArticle[counter - 1].dataImgName)

                            //         if(counter == 1){
                                //         }else{
                                    //             var bannerTypeImage = `   <picture>
                                        //     <source media="(min-width: 1024px)" fetchpriority="low" srcset="${arrDataArticle[counter - 1].dataImgSource }">
                                            //     <img class="img"  fetchpriority="low" src="${arrDataArticle[counter - 1].dataImgSourceMobile }" alt="">
                                            //   </picture>`
                                            //         }
                                            // console.log(counter, bannerTypeImage)
                            var bannerTypeImage = `
                            <picture>
                                <source media="(min-width: 1024px)" fetchpriority="high" srcset="${arrDataArticle[counter - 1].dataImgSource }">
                                <img class="img"  fetchpriority="high" src="${arrDataArticle[counter - 1].dataImgSourceMobile }" alt="${arrDataArticle[counter - 1].dataTitle }" title="${arrDataArticle[counter - 1].dataTitle }">
                            </picture>`

                            var bannerTypeVideo = `  <video class="video-home-banner" muted autoplay playsinline loop>
                          <source src="${arrDataArticle[counter - 1].dataImgSource }" type="video/mp4">
                            Your browser does not support the video tag.
                        </video>
                            <div role="button" tabindex="0" class="toggle-sound"></div>`
                            var checkBannerType = arrDataArticle[counter - 1].dataBannerType == "image" ? bannerTypeImage : bannerTypeVideo
                            // console.log('arr image: ' + arrDataArticle[counter - 1].dataImgSource)
                            console.log(arrDataArticle[counter - 1])
                            $('.banner-hero-item-' + counter).append(

                                `<h1 class="banner-hero-title">${arrDataArticle[counter - 1].dataTitle ?? ""}</h1>
                                <p class="banner-hero-desc">${ arrDataArticle[counter - 1].dataDescription ?? ""}</p>
                                 <a href="${arrDataArticle[counter - 1].dataCtaUrl}" class="primary-btn banner-hero-cta ${arrDataArticle[counter - 1].dataCtaUrl == '#' ? 'd-none' : '' } ">${arrDataArticle[counter - 1].cta}</a>
                                 ${checkBannerType}
                                 `

                            );

                            counter++;
                        // }
                    //     complete: function() {
                    //         $('.banner-hero-item').removeClass('skeleton-box');
                    //         $('.slick-dots').show()
                    //         $('.slick-arrow').show()


                    //     }
                    // })

                } else {
                    clearInterval(intervalArticle);
                }

            }, 1500);

        }
        setTimeout(() => {
            $('.banner-hero-item').removeClass('skeleton-box');
            $('.slick-dots').show()
            $('.slick-arrow').show()
            getBannerHero();
        }, 2000);


    });
</script>
  
  <div class="home-highlights-article">
        <h2 class="title">
            Super Highlights Article
        </h2>
        
        <div class="container mt-3">
            <div class="row">
                
                <div class="col-12 col-lg-8 order-2 order-lg-1">
                    <div class="row position-relative h-100 wrapper-content section-article1">
                                                                                    <div class="col-12 col-md-6 mb-3 px-2 section-article1-wrapper1 section-article1-wrapper" data-baseurl="https://superlive.id" data-type="inter-milan-scudetto-inilah-3-pemain-terbaik-mereka-musim-ini" data-storageurl="https://superlive.id/storage" data-thumbnail="articles/thumbnail/73f5ad96-236e-4437-bc98-e887df057568.jpg" data-badgetitle="Player &amp; Club Of The Week" data-title="Inter Milan Scudetto! Inilah 3 Pemain Terbaik Mereka Musim Ini" data-date="04 May 2026" data-point="5" data-maincatslug="supersoccer" data-catslug="player-club-of-the-week" data-descbadge="" data-ishome="1" data-isspotify="">


                                        <div class="card card-article-height d-flex align-items-start flex-column skeleton-box super-article-card-temp-1">
                                            <div class="wrapper-image-thumbnail skeleton-box">
                                            </div>
                                        </div>

                                     
                                </div>
                                                                                                                <div class="col-12 col-md-6 mb-3 px-2 section-article1-wrapper2 section-article1-wrapper" data-baseurl="https://superlive.id" data-type="juventus-ngebet-banget-sama-alisson-sampai-nyiapin-kontrak-panjang" data-storageurl="https://superlive.id/storage" data-thumbnail="articles/thumbnail/4839a920-ca7a-4806-8288-3ffca6dc51b0.jpg" data-badgetitle="News" data-title="Juventus Ngebet Banget Sama Alisson, Sampai Nyiapin Kontrak Panjang!" data-date="28 April 2026" data-point="5" data-maincatslug="supersoccer" data-catslug="news" data-descbadge="" data-ishome="1" data-isspotify="">


                                        <div class="card card-article-height d-flex align-items-start flex-column skeleton-box super-article-card-temp-2">
                                            <div class="wrapper-image-thumbnail skeleton-box">
                                            </div>
                                        </div>

                                     
                                </div>
                                                                                                                <div class="col-12 col-md-6 mb-3 px-2 section-article1-wrapper3 section-article1-wrapper" data-baseurl="https://superlive.id" data-type="kata-eks-real-madrid-soal-jose-mourinho-balik-eranya-udah-lewat" data-storageurl="https://superlive.id/storage" data-thumbnail="articles/thumbnail/72651f7f-a4a1-4c28-ae19-77592478cd11.jpg" data-badgetitle="News" data-title="Kata Eks Real Madrid Soal Jose Mourinho Balik: Eranya Udah Lewat!" data-date="28 April 2026" data-point="5" data-maincatslug="supersoccer" data-catslug="news" data-descbadge="" data-ishome="1" data-isspotify="">


                                        <div class="card card-article-height d-flex align-items-start flex-column skeleton-box super-article-card-temp-3">
                                            <div class="wrapper-image-thumbnail skeleton-box">
                                            </div>
                                        </div>

                                     
                                </div>
                                                                                                                <div class="col-12 col-md-6 mb-3 px-2 section-article1-wrapper4 section-article1-wrapper" data-baseurl="https://superlive.id" data-type="nama-inter-milan-tercatut-di-skandal-serie-a-begini-reaksi-sang-raksasa-italia" data-storageurl="https://superlive.id/storage" data-thumbnail="articles/thumbnail/91765536-9181-4edf-8090-980533eb660f.jpg" data-badgetitle="News" data-title="Nama Inter Milan Tercatut di Skandal Serie A! Begini Reaksi Sang Raksasa Italia" data-date="26 April 2026" data-point="5" data-maincatslug="supersoccer" data-catslug="news" data-descbadge="" data-ishome="1" data-isspotify="">


                                        <div class="card card-article-height d-flex align-items-start flex-column skeleton-box super-article-card-temp-4">
                                            <div class="wrapper-image-thumbnail skeleton-box">
                                            </div>
                                        </div>

                                     
                                </div>
                                                                                                                                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 order-1 order-lg-2 wrapper-content mb-3 px-2">
                    <div class="card-banner">

                                                    <div class="section-banner skeleton-box" id="sectionBanner" data-baseurl="https://superlive.id" data-type="776612c9-cf83-4f83-a8ee-8dfe74ff9621" data-storageurl="https://superlive.id/storage" data-src="https://superlive.id/storage/banners/5b31fdd3-90b9-49f6-b0ec-1d99b5ad477d.png" data-banner="{&quot;mobile_image&quot;:&quot;banners\/mobile\/a1f7a14a-bcff-469b-a464-07c50000d521.png&quot;,&quot;banner_type&quot;:&quot;image&quot;,&quot;image&quot;:&quot;banners\/5b31fdd3-90b9-49f6-b0ec-1d99b5ad477d.png&quot;,&quot;label&quot;:&quot;Collect the Point Now !&quot;,&quot;title&quot;:&quot;homepageverticalbanner&quot;,&quot;url&quot;:&quot;https:\/\/superlive.id\/login-landingpage&quot;,&quot;cta&quot;:&quot;COLLECT POINTS NOW!&quot;,&quot;image_name&quot;:&quot;homepageverticalbanner&quot;,&quot;description&quot;:null,&quot;created_at&quot;:&quot;2022-07-15T10:05:57.000000Z&quot;,&quot;uuid_key&quot;:&quot;776612c9-cf83-4f83-a8ee-8dfe74ff9621&quot;,&quot;category_slug&quot;:&quot;homepage-vertical-banner&quot;,&quot;category&quot;:&quot;Homepage Vertical Banner&quot;}" data-label="Collect the Point Now !" data-description="" data-banner-type="image" data-url="https://superlive.id/login-landingpage">

                                
                                    <img loading="lazy" class="img-fluid" src="https://superlive.id/storage/banners/x5b31fdd3-90b9-49f6-b0ec-1d99b5ad477d.png.pagespeed.ic.C6m3_uwf8m.jpg" alt="bg card home" title="bg card home">
                                
                                
                                
                                
                                    <div class="section-desc-banner px-4 pb-4">
                                        <div class="desc-banner mb-4">
                                            
                                        </div>
                                        <span class="badge badge-warning">
                                            Collect the Point Now !
                                        </span>
                                    </div>
                                
                            </div>
                        
                    </div>
                </div>
                <div class="col-12 order-3">
                    <div class="row position-relative wrapper-content section-article2">
                                                                                                                                                                                                                                                                                                    <div class="col-12 col-md-6 col-lg-4 mb-3 px-2 section-article2-wrapper1 section-article2-wrapper" data-baseurl="https://superlive.id" data-type="wow-cristiano-ronaldo-bakal-ditemenin-mohamed-salah-di-alnassr-musim-depan" data-storageurl="https://superlive.id/storage" data-thumbnail="articles/thumbnail/c412436b-8647-41c7-83d4-b8e3b451c5c5.jpg" data-badgetitle="News" data-title="Wow! Cristiano Ronaldo Bakal Ditemenin Mohamed Salah di Al-Nassr Musim Depan?" data-date="26 April 2026" data-point="5" data-maincatslug="supersoccer" data-catslug="news" data-descbadge="" data-ishome="1" data-isspotify="">


                                    <div class="card card-article-height d-flex align-items-start flex-column skeleton-box super-article-card-temp-2-1">
                                        <div class="wrapper-image-thumbnail skeleton-box">
                                        </div>
                                    </div>


                                     
                                </div>
                                                                                                                <div class="col-12 col-md-6 col-lg-4 mb-3 px-2 section-article2-wrapper2 section-article2-wrapper" data-baseurl="https://superlive.id" data-type="kalah-dari-manchester-city-apakah-pemain-arsenal-jadi-kena-mental" data-storageurl="https://superlive.id/storage" data-thumbnail="articles/thumbnail/12c593a2-8004-4512-8ce9-6601192900b3.jpg" data-badgetitle="Futsal Soccer" data-title="Kalah dari Manchester City, Apakah Pemain Arsenal Jadi Kena Mental?" data-date="20 April 2026" data-point="5" data-maincatslug="supersoccer" data-catslug="futsal-soccer" data-descbadge="" data-ishome="1" data-isspotify="">


                                    <div class="card card-article-height d-flex align-items-start flex-column skeleton-box super-article-card-temp-2-2">
                                        <div class="wrapper-image-thumbnail skeleton-box">
                                        </div>
                                    </div>


                                     
                                </div>
                                                                                                                <div class="col-12 col-md-6 col-lg-4 mb-3 px-2 section-article2-wrapper3 section-article2-wrapper" data-baseurl="https://superlive.id" data-type="tutorial-ketemu-nico-paz-dkk-dari-jarak-sejengkal-ikutan-supertrip-to-como-aja" data-storageurl="https://superlive.id/storage" data-thumbnail="articles/thumbnail/12032221-e2c4-4a39-8a80-dfbbc6bf69d0.png" data-badgetitle="SOCCERLYFE" data-title="Tutorial Ketemu Nico Paz dkk Dari Jarak Sejengkal! Ikutan Supertrip To Como Aja!" data-date="10 April 2026" data-point="5" data-maincatslug="supersoccer" data-catslug="soccerlyfe" data-descbadge="" data-ishome="1" data-isspotify="">


                                    <div class="card card-article-height d-flex align-items-start flex-column skeleton-box super-article-card-temp-2-3">
                                        <div class="wrapper-image-thumbnail skeleton-box">
                                        </div>
                                    </div>


                                     
                                </div>
                                                                        </div>
                </div>
                <div class="col-12 order-4">
                    <a href="https://superlive.id/news" class="see-more secondary-dark-btn">
                        Read More Articles
                    </a>
                </div>
            </div>
        </div>
    </div>



<script>
    $(document).ready(function() {

        function getBanner() {
            const baseUrlImg = $('#sectionBanner').data("baseurl");
            const storageUrlImg = $('#sectionBanner').data("storageurl");
            const dataUuid = $('#sectionBanner').data("type");
            const dataImgSource = $('#sectionBanner').data("src");
            const dataBanner = $('#sectionBanner').data("banner");
            const dataLabel = $('#sectionBanner').data("label");
            const dataDescription = $('#sectionBanner').data("description");
            const dataBannerType = $('#sectionBanner').data("banner-type");
            const url = $('#sectionBanner').data("url");
            // setTimeout(() => {
            //     $.ajax({
            //         method: 'GET',
            //         url: baseUrlImg + '/api/banner/' + datadataUuid,
            //         dataType: 'json',

                    // success: function(data) {

                        // console.log(data)
                        let checkDescription = !dataDescription ? "" : dataDescription
                        let htmlSectionBanner =
                            `<div class="section-desc-banner px-4 pb-4">
                        <div class="desc-banner mb-4">
                            ${checkDescription}
                        </div>
                        <span class="badge badge-warning">
                            ${dataLabel}
                        </span>
                    </div>`;
                        // let imgBannerCheck = dataImgSource
                        let isBanner = dataBanner && htmlSectionBanner

                        let imageType = 
                            `<img loading="lazy" class="img-fluid"
                                src="${dataImgSource}"
                                alt="bg card home"
                                title="bg card home">
                       ${isBanner}`;
                        

                        let videoType = 
                            `<video class="video-home-banner" muted autoplay playsinline loop>
                                <source src="${dataImgSource}" type="video/mp4">
                                  Your browser does not support the video tag.
                              </video>`;
                        
                        // console.log('banner' + dataImgSource)
                        if(dataBannerType === 'image'){
                            $('#sectionBanner').html(imageType);
                        }else if(dataBannerType === 'video'){
                            $('#sectionBanner').html(videoType);
                        }

                        $('#sectionBanner').removeClass('skeleton-box')

                        if (url !== '#') {
                            $('#sectionBanner').css('cursor', 'pointer');
                            $('#sectionBanner').click(function() {
                                window.open(url, '_blank');
                            })
                        }
                    // }
                // })
            // }, 1500);
        }
        setTimeout(() => {
            getBanner();
        }, 1500);

        function getSectionArticle1() {
            let counter = 1;
            let tempCounter = 0;
            let arrDataArticle = [];

            $('.section-article1-wrapper').each(function() {
                const baseUrl = $(this).data("baseurl");
                const storageUrl = $(this).data("storageurl");
                const dataSlug = $(this).data("type");
                const dataThumbnail = $(this).data("thumbnail");
                const dataBadgeTitle = $(this).data("badgetitle");
                const dataTitle = $(this).data("title");
                const dataDate = $(this).data("date");
                const dataPoint = $(this).data("point");
                const dataMainCatSlug = $(this).data("maincatslug");
                const dataCatSlug = $(this).data("catslug");
                const dataDescBadge = $(this).data("descbadge");
                const isHome = $(this).data("ishome");
                const isSpotify = $(this).data("isspotify");

                arrDataArticle.push({
                    baseUrl: baseUrl,
                    storageUrl: storageUrl,
                    dataSlug: dataSlug,
                    dataThumbnail: dataThumbnail,
                    dataBadgeTitle: dataBadgeTitle,
                    dataTitle: dataTitle,
                    dataDate: dataDate,
                    dataPoint: dataPoint,
                    dataMainCatSlug: dataMainCatSlug,
                    dataCatSlug: dataCatSlug,
                    dataDescBadge: dataDescBadge,
                    isHome: isHome,
                    isSpotify: isSpotify,
                })

            })
            //   console.log('arrDataArticle',arrDataArticle)


            let intervalArticle = setInterval(() => {
                // console.log('temp ' + tempCounter)
                // console.log('counter ' + counter)

                if (counter <= arrDataArticle.length && tempCounter <= counter) {
                    tempCounter = counter;
                    // const months = [
                    //     "January",
                    //     "February",
                    //     "March",
                    //     "April",
                    //     "May",
                    //     "June",
                    //     "July",
                    //     "August",
                    //     "September",
                    //     "October",
                    //     "November",
                    //     "December",
                    // ];
                    // $.ajax({
                    //     method: 'GET',
                    //     url: arrDataArticle[counter - 1].baseUrl + '/api/article/articles/' +
                    //         arrDataArticle[counter - 1].dataSlug,
                    //     dataType: 'json',

                    //     success: function(data) {

                            // let d = new Date(data.data.published_at);
                            // const date = d.getDate();


                            // const month = months[d.getMonth()];
                            // const year = d.getFullYear();

                            // let point = data.data.point_score ?? data.data.read_point;
                            // // console.log(arrDataArticle[counter - 1]);
                            // let isSpotifyCheck = arrDataArticle[counter - 1].isSpotify ?
                            //     'card-spotify' : '';
                            // let isHomeCheck = arrDataArticle[counter - 1].isHome ? '' :
                            //     'wrapper-image-thumbnail-article';
                            // let isImgCheck = data.data.thumbnail ? arrDataArticle[counter - 1].storageUrl + '/' + data
                            //     .data.thumbnail : arrDataArticle[counter - 1].storageUrl +
                            //     '/images/placeholder-img.svg';
                            let isPointCheck = arrDataArticle[counter - 1].dataPoint ?
                                `<div>
                                    ${ arrDataArticle[counter - 1].descBadge ? arrDataArticle[counter - 1].descBadge : 'Read to Get' } ${ arrDataArticle[counter - 1].dataPoint} Points
                                </div>` :
                                `<div>
                                    ${ arrDataArticle[counter - 1].descBadge ? arrDataArticle[counter - 1].descBadge : 'Read to Get' }
                                </div>`
                            // let isDateCheck = arrDataArticle[counter - 1].isHome ? 'my-4' :
                            //     'my-3';

                            // console.log('href: ' + arrDataArticle[counter - 1].baseUrl +
                            //     '/news/' +
                            //     data.data.slug);

                            // console.log('.section-article1-wrapper : ' + arrDataArticle[
                            //     counter - 1].dataSlug)

                            if (arrDataArticle[counter - 1].dataSlug) {
                                // console.log('same')
                                // var articleUrlValid = "${arrDataArticle[counter-1].baseUrl}`+'/'+`${data.data.main_category_slug}`+'/'+`${data.data.category_slug}`+'/'+`${data.data.slug}"
                                // console.log(articleUrlValid);
                                $('.section-article1-wrapper' + counter).append(
                                    `<a class="col-12 col-md-6 mb-3 px-2 text-decoration-none" href="${arrDataArticle[counter-1].baseUrl}/${arrDataArticle[counter-1].dataMainCatSlug}/artikel/${arrDataArticle[counter-1].dataCatSlug}/${arrDataArticle[counter-1].dataSlug}">
                                        <div class="card card-article-height d-flex align-items-start flex-column ${ arrDataArticle[counter - 1].isSpotify ? 'card-spotify' : ''}">
                                        <div class="wrapper-image-thumbnail ${ arrDataArticle[counter - 1].isHome ? '' : 'wrapper-image-thumbnail-article'}">
                                            <img
                                            src="${arrDataArticle[counter - 1].dataThumbnail ? arrDataArticle[counter - 1].storageUrl + '/' + arrDataArticle[counter - 1].dataThumbnail : '/images/placeholder-img.svg'}"
                                            class="img-fluid"
                                            loading="lazy"
                                            alt="image article"
                                            title="image article"
                                            >
                                        </div>
                                            <div class="wrapper-desc-article mt-auto d-flex flex-column align-items-start">
                                            <div class="content-badge my-3">
                                                <span class="badge badge-secondary">
                                                ${arrDataArticle[counter - 1].dataBadgeTitle}
                                                </span>
                                            </div>
                                            <div class="section-desc-article">
                                                <h3 class="truncate-2-line">
                                                ${arrDataArticle[counter - 1].dataTitle}
                                                </h3>
                                                <span class="article-date ${arrDataArticle[counter - 1].isHome ? 'my-4' : 'my-3'} d-block">
                                                ${arrDataArticle[counter - 1].dataDate}
                                                </span>
                                            </div>
                                            <div class="action-article mt-auto">
                                                <span class="badge badge-warning d-flex align-items-center">

                                                ${isPointCheck}

                                                <img
                                                    src=" ${arrDataArticle[counter-1].baseUrl}/images/ic-chevron-right.svg"
                                                    class="img-fluid ml-2"
                                                    loading="lazy"
                                                    alt="image arrow"
                                                    title="image arrow"
                                                >
                                                </span>
                                            </div>
                                            </div>
                                        </div>
                                    </a>`
                                );
                                $('.super-article-card-temp-'+ counter).each(function (){
                                    $(this).remove()
                                })
                            // $('.article-card-temp').remove();

                            } else {
                                return;
                                // console.log('not same');

                            }
                            counter++;
                        // },
                    //     complete: function(){
                    //     $('.super-article-card-temp-'+ counter).each(function (){
                    //         $(this).remove()
                    //     })
                    // }
                    // })
                } else {
                    clearInterval(intervalArticle);
                }
            }, 1000);
        }
        setTimeout(() => {
            getSectionArticle1();
        }, 1500);




        function getSectionArticle2() {

            let counter = 1;
            let tempCounter = 0;
            let arrDataArticle = [];
            $('.section-article2-wrapper').each(function() {
                const baseUrl = $(this).data("baseurl");
                const storageUrl = $(this).data("storageurl");
                const dataSlug = $(this).data("type");
                const dataThumbnail = $(this).data("thumbnail");
                const dataBadgeTitle = $(this).data("badgetitle");
                const dataTitle = $(this).data("title");
                const dataDate = $(this).data("date");
                const dataPoint = $(this).data("point");
                const dataMainCatSlug = $(this).data("maincatslug");
                const dataCatSlug = $(this).data("catslug");
                const dataDescBadge = $(this).data("descbadge");
                const isHome = $(this).data("ishome");
                const isSpotify = $(this).data("isspotify");

                arrDataArticle.push({
                    baseUrl: baseUrl,
                    storageUrl: storageUrl,
                    dataSlug: dataSlug,
                    dataThumbnail: dataThumbnail,
                    dataBadgeTitle: dataBadgeTitle,
                    dataTitle: dataTitle,
                    dataDate: dataDate,
                    dataPoint: dataPoint,
                    dataMainCatSlug: dataMainCatSlug,
                    dataCatSlug: dataCatSlug,
                    dataDescBadge: dataDescBadge,
                    isHome: isHome,
                    isSpotify: isSpotify,
                })

            })
            //   console.log(arrDataArticle)


            let intervalArticle = setInterval(() => {
                // console.log('temp ' + tempCounter)
                // console.log('counter ' + counter)
                // console.log('data ' + arrDataArticle.length)


                if (counter <= arrDataArticle.length && tempCounter <= counter) {
                    tempCounter = counter;
                    // const months = [
                    //     "January",
                    //     "February",
                    //     "March",
                    //     "April",
                    //     "May",
                    //     "June",
                    //     "July",
                    //     "August",
                    //     "September",
                    //     "October",
                    //     "November",
                    //     "December",
                    // ];
                    // $.ajax({
                    //     method: 'GET',
                    //     url: arrDataArticle[counter - 1].baseUrl + '/api/article/articles/' +
                    //         arrDataArticle[counter - 1].dataSlug,
                    //     dataType: 'json',

                    //     success: function(data) {

                    //         // console.log(data.data)
                    //         let d = new Date(data.data.published_at);
                    //         const date = d.getDate();


                    //         const month = months[d.getMonth()];
                    //         const year = d.getFullYear();

                    //         let point = data.data.point_score ?? data.data.read_point;
                    //         // console.log(arrDataArticle[counter - 1]);
                    //         let isSpotifyCheck = arrDataArticle[counter - 1].isSpotify ?
                    //             'card-spotify' : '';
                    //         let isHomeCheck = arrDataArticle[counter - 1].isHome ? '' :
                    //             'wrapper-image-thumbnail-article';
                    //         let isImgCheck = data.data.thumbnail ? arrDataArticle[counter -
                    //                 1]
                    //             .storageUrl + '/' + data
                    //             .data.thumbnail : arrDataArticle[counter - 1].storageUrl +
                    //             '/images/placeholder-img.svg';
                                let isPointCheck = arrDataArticle[counter - 1].dataPoint ?
                                    `<div>
                                        ${ arrDataArticle[counter - 1].descBadge ? arrDataArticle[counter - 1].descBadge : 'Read to Get' } ${ arrDataArticle[counter - 1].dataPoint} Points
                                    </div>` :
                                    `<div>
                                        ${ arrDataArticle[counter - 1].descBadge ? arrDataArticle[counter - 1].descBadge : 'Read to Get' }
                                    </div>`
                            // let isDateCheck = arrDataArticle[counter - 1].isHome ? 'my-4' :
                            //     'my-3';

                            // console.log('.section-article2-wrapper' + counter)
                            if (arrDataArticle[counter - 1].dataSlug) {
                                $('.section-article2-wrapper' + counter).append(
                                    `<a class="col-12 col-md-6 mb-3 px-2 text-decoration-none" href="${arrDataArticle[counter-1].baseUrl}/${arrDataArticle[counter-1].dataMainCatSlug}/artikel/${arrDataArticle[counter-1].dataCatSlug}/${arrDataArticle[counter-1].dataSlug}">
                                        <div class="card card-article-height d-flex align-items-start flex-column ${ arrDataArticle[counter - 1].isSpotify ? 'card-spotify' : ''}">
                                        <div class="wrapper-image-thumbnail ${ arrDataArticle[counter - 1].isHome ? '' : 'wrapper-image-thumbnail-article'}">
                                            <img
                                            src="${arrDataArticle[counter - 1].dataThumbnail ? arrDataArticle[counter - 1].storageUrl + '/' + arrDataArticle[counter - 1].dataThumbnail : '/images/placeholder-img.svg'}"
                                            class="img-fluid"
                                            loading="lazy"
                                            alt="image article"
                                            title="image article"
                                            >
                                        </div>
                                            <div class="wrapper-desc-article mt-auto d-flex flex-column align-items-start">
                                            <div class="content-badge my-3">
                                                <span class="badge badge-secondary">
                                                ${arrDataArticle[counter - 1].dataBadgeTitle}
                                                </span>
                                            </div>
                                            <div class="section-desc-article">
                                                <h3 class="truncate-2-line">
                                                ${arrDataArticle[counter - 1].dataTitle}
                                                </h3>
                                                <span class="article-date ${arrDataArticle[counter - 1].isHome ? 'my-4' : 'my-3'} d-block">
                                                ${arrDataArticle[counter - 1].dataDate}
                                                </span>
                                            </div>
                                            <div class="action-article mt-auto">
                                                <span class="badge badge-warning d-flex align-items-center">

                                                ${isPointCheck}

                                                <img
                                                    src=" ${arrDataArticle[counter-1].baseUrl}/images/ic-chevron-right.svg"
                                                    class="img-fluid ml-2"
                                                    loading="lazy"
                                                    alt="image arrow"
                                                    title="image arrow"
                                                >
                                                </span>
                                            </div>
                                            </div>
                                        </div>
                                    </a>`
                                );
                                $('.super-article-card-temp-2-'+ counter).each(function (){
                                    $(this).remove()
                                })
                            } else {
                                return;
                                // console.log('not same');

                            }
                            counter++;
                    //     },
                    //     complete: function(){
                    //     $('.super-article-card-temp-2-'+ counter).each(function (){
                    //         $(this).remove()
                    //     })
                    // }
                    // })
                } else {
                    clearInterval(intervalArticle);
                }
            }, 2000);
        }
        setTimeout(() => {
            getSectionArticle2();
        }, 1500);

        // $(".home-highlights-article").find(".filter-item").on("click", function () {
        //     setTimeout(() => {
        //         $('.home-highlights-article a').each(function(){

        //             console.log($(this).attr('href'))
        //         })
        //     }, 3000);
        // })
    })
</script>

  <div class="home-highlights-video home-highlights-video-v2" data-videotype="1">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2 class="title">
                        Super Highlight Videos
                    </h2>
                    <div class="filter">
                        <div role="button" class="filter-item category-black-btn active" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="all">
                            ALL
                        </div>
                                                                                    <div role="button" class="filter-item category-black-btn" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="supermusic">
                                    SUPERMUSIC
                                </div>
                                                                                                                <div role="button" class="filter-item category-black-btn" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="superadventure">
                                    SUPERADVENTURE
                                </div>
                                                                                                                                                                    <div role="button" class="filter-item category-black-btn" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="superchallenge">
                                    SUPERCHALLENGE
                                </div>
                                                                                                                            </div>
                    <select id="filter-mobile" class="filter-mobile" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage">
                        <option class="item" value="all">ALL</option>
                                                                                    <option class="item" value="supermusic">
                                    SUPERMUSIC
                                </option>
                                                                                                                <option class="item" value="superadventure">
                                    SUPERADVENTURE
                                </option>
                                                                                                                                                                    <option class="item" value="superchallenge">
                                    SUPERCHALLENGE
                                </option>
                                                                                                                            </select>
                    
                    <div class="content home-video-content">
                        <div class="video" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="ddfb5a8d-ce4d-492c-afc2-02f30b6d9f68" data-url="https://www.youtube.com/embed/qubux4mjdjI?si=KPMeFJkz1FRNCTB5" data-img="https://superlive.id/storage/videos/thumbnails/44eefcaf-548d-4034-92e2-11b49346d633.jpg" data-imgname="SUPERMUSIC - JASAD “METAL MENTOK YANG MENDUNIA!”" data-point="5" data-title="SUPERMUSIC - JASAD “METAL MENTOK YANG . . . ." data-videotype="1" data-slug="supermusic-jasad-metal-mentok-yang-mendunia" data-mcslug="supermusic" data-catslug="concert">
                            <div class="wrapper-img-thumbnail yt-thumbnail video-thumbnail-temp skeleton-box">
                            </div>
                            
                        </div>
                        <div class="playlist">
                            <div class="head justify-content-start px-3">
                                Playlist Superlive TV
                            </div>
                            <div class="content home-playlist-content">
                                                                                                                                            <div id="selectedHomePlaylist" class=" item home-playlist-item playlist-content playlist-wrapper-1" data-baseurl="https://superlive.id" data-type="ddfb5a8d-ce4d-492c-afc2-02f30b6d9f68" data-storageurl="https://superlive.id/storage" data-title="SUPERMUSIC - JASAD “METAL MENTOK YANG . . . ." data-thumbnail="videos/thumbnails/44eefcaf-548d-4034-92e2-11b49346d633.jpg" data-thumbnailmobile="videos/thumbnails/mobile/mobile-44eefcaf-548d-4034-92e2-11b49346d633.jpg" data-videotype="1" data-alt="SUPERMUSIC - JASAD “METAL MENTOK YANG MENDUNIA!”" data-url="https://www.youtube.com/embed/qubux4mjdjI?si=KPMeFJkz1FRNCTB5" data-point="5" data-category="Concert" data-slug="supermusic-jasad-metal-mentok-yang-mendunia" data-mcslug="supermusic" data-catslug="concert">
                                            <div class=" item home-playlist-item playlist-card-temp-1 skeleton-box">
                                                <img>
                                                <div class="info">

                                                </div>
                                            </div>

                                            
                                        </div>
                                                                                                                                                <div id="selectedHomePlaylist" class=" item home-playlist-item playlist-content playlist-wrapper-2" data-baseurl="https://superlive.id" data-type="e3795596-21d3-4eed-bf73-1950aa17ae89" data-storageurl="https://superlive.id/storage" data-title="SUPERMUSIC - ANGGA KUSUMA “GW TETEP . . . ." data-thumbnail="videos/thumbnails/3ad238c7-48c1-49bd-84bf-65dbbfe5dc6e.webp" data-thumbnailmobile="videos/thumbnails/mobile/mobile-3ad238c7-48c1-49bd-84bf-65dbbfe5dc6e.webp" data-videotype="1" data-alt="SUPERMUSIC - ANGGA KUSUMA “GW TETEP PAKAI ALAT RICKY SIAHAAN!”" data-url="https://www.youtube.com/embed/KP1w5v8Wcug?si=kgsAfJ0UyAD_Wlv_" data-point="5" data-category="Interview" data-slug="supermusic-angga-kusuma-gw-tetep-pakai-alat-ricky-siahaan" data-mcslug="supermusic" data-catslug="interview">
                                            <div class=" item home-playlist-item playlist-card-temp-2 skeleton-box">
                                                <img>
                                                <div class="info">

                                                </div>
                                            </div>

                                            
                                        </div>
                                                                                                                                                <div id="selectedHomePlaylist" class=" item home-playlist-item playlist-content playlist-wrapper-3" data-baseurl="https://superlive.id" data-type="b391d060-3829-4797-935b-40d498c19689" data-storageurl="https://superlive.id/storage" data-title="SUPERMUSIC - AURYN KAHKASHAN “BANTING SETIR . . . ." data-thumbnail="videos/thumbnails/5532b44f-6202-4233-b9da-f904b5fef5a5.jpg" data-thumbnailmobile="videos/thumbnails/mobile/mobile-5532b44f-6202-4233-b9da-f904b5fef5a5.jpg" data-videotype="1" data-alt="SUPERMUSIC - AURYN KAHKASHAN “BANTING SETIR DARI MUSIK KLASIK KE MUSIK CADAS!”" data-url="https://www.youtube.com/embed/JWKGBfEpimU?si=BFg4EHPdk6bbQtVz" data-point="5" data-category="Interview" data-slug="supermusic-auryn-kahkashan-banting-setir-dari-musik-klasik-ke-musik-cadas" data-mcslug="supermusic" data-catslug="interview">
                                            <div class=" item home-playlist-item playlist-card-temp-3 skeleton-box">
                                                <img>
                                                <div class="info">

                                                </div>
                                            </div>

                                            
                                        </div>
                                                                                                                                                <div id="selectedHomePlaylist" class=" item home-playlist-item playlist-content playlist-wrapper-4" data-baseurl="https://superlive.id" data-type="f3882a05-570f-4687-9874-d51f1f10f7e9" data-storageurl="https://superlive.id/storage" data-title="SUPERMUSIC - MCPR “SPECIAL BAWAIN LAGU BARU!”" data-thumbnail="videos/thumbnails/0f648959-31e8-4275-9b43-f205cc1cc8a9.jpg" data-thumbnailmobile="videos/thumbnails/mobile/mobile-0f648959-31e8-4275-9b43-f205cc1cc8a9.jpg" data-videotype="1" data-alt="SUPERMUSIC - MCPR “SPECIAL BAWAIN LAGU BARU!”" data-url="https://www.youtube.com/embed/UbrJ1fX4uRE?si=w5aQX3w4_1jKzYET" data-point="5" data-category="Interview" data-slug="supermusic-mcpr-special-bawain-lagu-baru" data-mcslug="supermusic" data-catslug="interview">
                                            <div class=" item home-playlist-item playlist-card-temp-4 skeleton-box">
                                                <img>
                                                <div class="info">

                                                </div>
                                            </div>

                                            
                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
                        </div>
                    </div>
                    
                    <a href="https://superlive.id/video" class="see-more secondary-dark-btn">
                        More Videos
                    </a>
                </div>
            </div>
        </div>
    </div>


<script>
    $(document).ready(function() {

        function getSectionVideos() {
            let counter = 1;
            let tempCounter = 0;
            let arrDataArticle = [];
            $('.home-video-content .video').each(function() {
                const baseUrl = $(this).data("baseurl");
                const storageUrl = $(this).data("storageurl");
                const dataType = $(this).data("type");
                const dataVideoType = $(this).data("videotype");
                const dataUrl = $(this).data("url");
                const dataImg = $(this).data("img");
                const dataImgName = $(this).data("imgname");
                const dataPoint = $(this).data("point");
                const dataTitle = $(this).data("title");
                const dataSlug = $(this).data("slug");
                const dataMainCatSlug = $(this).data("mcslug");
                const dataCatSlug = $(this).data("catslug");

                arrDataArticle.push({
                    baseUrl: baseUrl,
                    storageUrl: storageUrl,
                    dataType: dataType,
                    dataVideoType: dataVideoType,
                    dataUrl: dataUrl,
                    dataImg: dataImg,
                    dataImgName: dataImgName,
                    dataPoint: dataPoint,
                    dataTitle: dataTitle,
                    dataSlug: dataSlug,
                    dataMainCatSlug: dataMainCatSlug,
                    dataCatSlug: dataCatSlug,
                })
                //   console.log(arrDataArticle)

                // setTimeout(() => {

                //     $.ajax({
                //         method: 'GET',
                //         url: baseUrl + '/api/videos/' + dataUuid,
                //         dataType: 'json',

                //         success: function(data) {
                // console.log(data.data)
            })

            let intervalArticle = setInterval(() => {


                if (counter <= arrDataArticle.length && tempCounter <= counter) {
                    tempCounter = counter;

                    if (arrDataArticle[counter - 1].dataType) {
                        console.log('video', arrDataArticle[counter-1])
                        let videoPlayer =
                            `<video id="home-video-player" width="100%" src="${arrDataArticle[counter - 1].storageUrl}/${arrDataArticle[counter - 1].dataUuid}" controls></video>`;
                        let videoYT = `<div class="wrapper-img-thumbnail yt-thumbnail"
                            data-target="${arrDataArticle[counter - 1].dataUrl}">
                            <img class="img-thumbnail-youtube"
                                src="${arrDataArticle[counter - 1].dataImg}"
                                alt="${arrDataArticle[counter - 1].dataImgName}" title="${arrDataArticle[counter - 1].dataImgName}">
                            <button class="btn btn-play-youtube">
                                <img src="/images/ic-play-yt.svg" alt="icon play youtube" title="icon play youtube">
                                <span>Watch to Get ${arrDataArticle[counter - 1].dataPoint} Point</span>
                            </button>
                        </div>
                        <iframe id="home-video-iframe" loading="lazy" class="category-video-iframe"
                            width="100%" height="220" data-src="${arrDataArticle[counter - 1].dataUrl}" src="${arrDataArticle[counter - 1].dataUrl}"
                            title="${arrDataArticle[counter - 1].dataTitle}" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen></iframe>`;
                        let checkVideo = arrDataArticle[counter - 1].dataVideoType == 0 ? videoPlayer : videoYT;

                        $('.home-video-content .video').append(checkVideo);

                        console.log('baseurl',arrDataArticle)
                        // console.log('baseurl',arrDataArticle)
                        $('.home-video-content .video .btn-play-youtube').click(function(){

                            // console.log('url', $('.home-video-content .video').attr('data-slug'))
                            // console.log('slug', $('.home-video-content .video').data('slug'))


                            var dataBaseUrl = $('.home-video-content .video').attr('data-baseurl');
                            var dataSlug = $('.home-video-content .video').attr('data-slug');
                            var dataMainCatSlug = $('.home-video-content .video').attr('data-mcslug');
                            var dataCatSlug = $('.home-video-content .video').attr('data-catslug');
                           $.ajax({
                                     headers: {
                                        'X-CSRF-Token': 'ca0lURJOnj9kAszGEfzdSyuwQHCPGygNaGWv7Lt5',
                                    },
                                    method: 'GET',
                                    url: dataBaseUrl +'/api'+ '/videos/' + dataMainCatSlug + '/video/' + dataCatSlug +'/'+ dataSlug,
                                    dataType: 'json'
                            })
                        });

                        $('.video-thumbnail-temp').remove()

                    } else {
                        return;
                        // console.log('not same');

                    }
                    counter++;
                    //     },
                    //     complete: function(){
                    //     $('.super-article-card-temp-2-'+ counter).each(function (){
                    //         $(this).remove()
                    //     })
                    // }
                    // })
                } else {
                    clearInterval(intervalArticle);
                }
            }, 2000);


            //     },
            //     complete: function() {
            //         $('.video-thumbnail-temp').remove()
            //     }
            // })
            //     }, 5000);
        }
        setTimeout(() => {
            getSectionVideos();
        }, 1500);

        function getVideoPlaylist() {

            let counter = 1;
            let tempCounter = 0;
            let arrDataArticle = [];
            $('.playlist-content').each(function() {
                const baseUrl = $(this).data("baseurl");
                const storageUrl = $(this).data("storageurl");
                const dataType = $(this).data("type");
                const dataTitle = $(this).data("title");
                const dataThumbnail = $(this).data("thumbnail");
                const dataThumbnailMobile = $(this).data("thumbnailmobile");
                const dataVideoType = $(this).data("videotype");
                const dataAlt = $(this).data("alt");
                const dataUrl = $(this).data("url");
                const dataPoint = $(this).data("point");
                const dataCategory = $(this).data("category");
                const dataSlug = $(this).data("slug");
                const dataMainCatSlug = $(this).data("mcslug");
                const dataCatSlug = $(this).data("catslug");

                arrDataArticle.push({
                    baseUrl: baseUrl,
                    storageUrl: storageUrl,
                    dataType: dataType,
                    dataTitle: dataTitle,
                    dataThumbnail: dataThumbnail,
                    dataThumbnailMobile: dataThumbnailMobile,
                    dataVideoType: dataVideoType,
                    dataAlt: dataAlt,
                    dataUrl: dataUrl,
                    dataPoint: dataPoint,
                    dataCategory: dataCategory,
                    dataSlug: dataSlug,
                    dataMainCatSlug: dataMainCatSlug,
                    dataCatSlug: dataCatSlug,
                })

            })

            let intervalArticle = setInterval(() => {

                if (counter <= arrDataArticle.length && tempCounter <= counter) {
                    tempCounter = counter;
                    // console.log(counter);

                    // $.ajax({
                    //     method: 'GET',
                    //     url: arrDataArticle[counter - 1].baseUrl + '/api/videos/' +
                    //         arrDataArticle[counter - 1].dataUuid,
                    //     dataType: 'json',

                    //     success: function(data) {
                            // console.log( arrDataArticle[counter - 1].dataUuid)

                    if (arrDataArticle[counter - 1].dataType) {
                        $('.playlist-wrapper-' + counter).append(
                            `<div class="item home-playlist-item"
                            data-type="${arrDataArticle[counter - 1].dataType}" data-title="${arrDataArticle[counter - 1].dataTitle}"
                            data-thumbnail="${arrDataArticle[counter - 1].dataImg}" data-videotype="${ arrDataArticle[counter - 1].dataVideoType }"
                            data-url="${ arrDataArticle[counter - 1].dataUrl }"
                                            data-point="${ arrDataArticle[counter - 1].dataPoint }" data-slug="${ arrDataArticle[counter - 1].dataSlug }"
                                            data-mcslug="${ arrDataArticle[counter - 1].dataMainCatSlug }" data-catslug="${ arrDataArticle[counter - 1].dataCatSlug }">
                                            <img load="lazy"
                                                src="${ arrDataArticle[counter - 1].storageUrl}/${ arrDataArticle[counter - 1].dataThumbnailMobile }"
                                                alt="${ arrDataArticle[counter - 1].dataAlt }" title="${ arrDataArticle[counter - 1].dataAlt }">

                                        <div class="info">
                                            <div class="title">
                                                <span class="truncate-3-line">
                                                    ${ arrDataArticle[counter - 1].dataTitle }
                                                </span>
                                            </div>
                                            <div class="author">
                                                ${ arrDataArticle[counter - 1].dataCategory }
                                            </div>
                                        </div>
                            </div>`
                        );

                        $(".home-highlights-video")
                    .find(".item")
                    .on("click", function () {
                        var dataSlug = $(this).data('slug')
                        var dataType = $(this).data('type')
                        var dataMainCatSlug = $(this).data('mcslug')
                        var dataCatSlug = $(this).data('catslug')

                        $('.home-video-content .video').attr({'data-type': dataType, 'data-slug': dataSlug, 'data-mcslug': dataMainCatSlug, 'data-catslug': dataCatSlug})
                        $('.home-video-content .video').data({'type': dataType, 'slug': dataSlug, 'mcslug': dataMainCatSlug, 'catslug': dataCatSlug})

                    })

                        $('.playlist-card-temp-' + counter).each(function() {
                            $(this).remove()
                        })
                    } else {
                        return;
                    }
                    counter++;
                    //     },
                    //     complete: function() {
                    //         $('.playlist-card-temp-' + counter).each(function() {
                    //             $(this).remove()
                    //         })
                    //     }
                    // })
                } else {
                    clearInterval(intervalArticle);
                }
            }, 2000);
        }
        setTimeout(() => {
            getVideoPlaylist();
        }, 1500);


        $('.home-highlights-video .filter-item.category-black-btn[data-type="all"]').on('click', function() {
            $('.playlist .head').text('Playlist Superlive TV')
        })
        $('.home-highlights-video .filter-item.category-black-btn[data-type="supermusic"]').on('click',
            function() {
                $('.playlist .head').text('Playlist Supermusic TV')
            })
        $('.home-highlights-video .filter-item.category-black-btn[data-type="superadventure"]').on('click',
            function() {
                $('.playlist .head').text('Playlist Superadventure TV')
            })
        $('.home-highlights-video .filter-item.category-black-btn[data-type="superchallenge"]').on('click',
            function() {
                $('.playlist .head').text('Playlist Superchallenge TV')
            })
        $(".home-highlights-video")
            .find(".filter-mobile")
            .on("change", function() {
                if ($(this).val() == 'all') {
                    $('.playlist .head').text('Playlist Superlive TV')
                } else if ($(this).val() == 'supermusic') {
                    $('.playlist .head').text('Playlist Supermusic TV')
                } else if ($(this).val() == 'superadventure') {
                    $('.playlist .head').text('Playlist Superadventure TV')
                } else {
                    $('.playlist .head').text('Playlist Superchallenge TV')
                }
            })
    })
</script>
  <style>.skeleton-box{position:relative;overflow:hidden;background:#d4091e!important}.skeleton-box::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#0e0e0e 100%)}.skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite;content:''}@keyframes  shimmer {
        100% {
            transform: translateX(100%);
        }
    }</style>
    <div class="home-events">
        <h2 class="title">
            Latest Events
        </h2>
        <div class="container mb-5">
            <div class="row">
                
                                    <div class="col-12 col-md-6 col-lg-4 mb-4 mb-md-3 px-2 section-events-wrapper card-event-1" data-slug="efc-2025--grand-final-bandung" data-date="04  October  2025" data-special="true" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data data-image="events/3b8f67b8-b596-40ce-be2b-060a0c19a61b.jpg" data-alt="Euro Futsal Championship 2025." data-title="Euro Futsal Championship 2025." data-watch="false" data-category="EVENTS" data-point="100" data-target="https://superlive.id/events/supersoccer/supersoccer-events/efc-2025--grand-final-bandung">
                        <div class="card-home-events-item card-home-events-temp-1 ">
                            <div class="home-events-item mb-3 skeleton-box">
                                <img class="img-fluid skeleton-box" alt="skeleton box" title="skeleton box">

                            </div>

                        </div>

                    </div>
                                    <div class="col-12 col-md-6 col-lg-4 mb-4 mb-md-3 px-2 section-events-wrapper card-event-2" data-slug="efc-2025--final-regional-jakarta" data-date="20  September  2025" data-special="true" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data data-image="events/8cfd8f25-28d2-429e-8420-0a9005c18a2a.jpg" data-alt="Euro Futsal Championship" data-title="Euro Futsal Championship" data-watch="false" data-category="EVENTS" data-point="100" data-target="https://superlive.id/events/supersoccer/supersoccer-events/efc-2025--final-regional-jakarta">
                        <div class="card-home-events-item card-home-events-temp-2 ">
                            <div class="home-events-item mb-3 skeleton-box">
                                <img class="img-fluid skeleton-box" alt="skeleton box" title="skeleton box">

                            </div>

                        </div>

                    </div>
                                    <div class="col-12 col-md-6 col-lg-4 mb-4 mb-md-3 px-2 section-events-wrapper card-event-3" data-slug="efc-2025--final-regional-surabaya" data-date="13  September  2025" data-special="true" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data data-image="events/c0f55674-54ad-4cd3-9416-67bf3d9d7db9.jpg" data-alt="Euro Futsal Championship 2025" data-title="Euro Futsal Championship 2025" data-watch="false" data-category="EVENTS" data-point="100" data-target="https://superlive.id/events/supersoccer/supersoccer-events/efc-2025--final-regional-surabaya">
                        <div class="card-home-events-item card-home-events-temp-3 ">
                            <div class="home-events-item mb-3 skeleton-box">
                                <img class="img-fluid skeleton-box" alt="skeleton box" title="skeleton box">

                            </div>

                        </div>

                    </div>
                
            </div>
        </div>
        <a class="see-more secondary-dark-btn mx-auto" href="https://superlive.id/events">
            See More Events
        </a>
    </div>

<script>
    $(document).ready(function() {

        function getSectionEvents() {

            let counter = 1;
            let tempCounter = 0;
            let arrDataArticle = [];
            $('.section-events-wrapper').each(function() {
                const baseUrl = $(this).data("baseurl");
                const storageUrl = $(this).data("storageurl");
                const dataSlug = $(this).data("slug");
                const dataDate = $(this).data("date");
                const dataSpecial = $(this).data("special");
                const dataImg = $(this).data("image");
                const dataAlt = $(this).data("alt");
                const dataWatch = $(this).data("watch");
                const dataCategory = $(this).data("category");
                const dataTitle = $(this).data("title");
                const dataPoint = $(this).data("point");
                const dataTarget = $(this).data("target");

                arrDataArticle.push({
                    baseUrl: baseUrl,
                    storageUrl: storageUrl,
                    dataSlug: dataSlug,
                    dataDate: dataDate,
                    dataSpecial: dataSpecial,
                    dataImg: dataImg,
                    dataAlt: dataAlt,
                    dataWatch: dataWatch,
                    dataCategory: dataCategory,
                    dataTitle: dataTitle,
                    dataPoint: dataPoint,
                    dataTarget: dataTarget,
                })

            })
            //   console.log(arrDataArticle)


            let intervalArticle = setInterval(() => {
                // console.log('temp ' + tempCounter)
                // console.log('counter ' + counter)

                if (counter <= arrDataArticle.length && tempCounter <= counter) {
                    tempCounter = counter;
                    // const months = [
                    //     "January",
                    //     "February",
                    //     "March",
                    //     "April",
                    //     "May",
                    //     "June",
                    //     "July",
                    //     "August",
                    //     "September",
                    //     "October",
                    //     "November",
                    //     "December",
                    // ];
                    // $.ajax({
                    //     method: 'GET',
                    //     url: arrDataArticle[counter - 1].baseUrl + '/api/events/' +
                    //         arrDataArticle[counter - 1].dataSlug,
                    //     dataType: 'json',

                    //     success: function(data) {

                    //         let d = new Date(data.data.start_time);

                    //         const date = d.getDate();
                    //         const month = months[d.getMonth()];
                    //         const year = d.getFullYear();

                    let isImgCheck = arrDataArticle[counter - 1].dataImg ? `<img loading=lazy class="img-fluid"
                                                src="${arrDataArticle[counter - 1].storageUrl}/${arrDataArticle[counter - 1].dataImg}"
                                                alt="${arrDataArticle[counter - 1].dataAlt}" title="${arrDataArticle[counter - 1].dataAlt}">` : `  <img
                                                title="${arrDataArticle[counter - 1].dataTitle}"
                                                loading=lazy
                                                class="img-fluid"
                                                src="${arrDataArticle[counter - 1].storageUrl}/images/placeholder-img.svg"
                                                alt="image default">
                                                title="image default'`
                    let isWatchCheck = arrDataArticle[counter - 1].dataWatch ? 'watched-now' : 'join-now';


                    // console.log('href: ' + arrDataArticle[counter - 1].baseUrl +
                    //     '/news/' +
                    //     data.data.slug);

                    // console.log('.section-article1-wrapper : ' + arrDataArticle[
                    //     counter - 1].dataSlug)

                    if (arrDataArticle[counter - 1].dataSlug) {
                        // console.log('same')

                        $('.card-event-' + counter).append(
                            `<div class="card-home-events-item">
                                <div class="home-events-item mb-3">
                                    <div class="wrapper-content">
                                    ${isImgCheck}
                                    <div class="wrapper-desc-events">
                                        <span class="badge badge-warning">
                                        ${arrDataArticle[counter - 1].dataCategory}
                                        </span>
                                        <h3 class="home-events-item-title truncate-2-line">
                                        ${arrDataArticle[counter - 1].dataTitle}
                                        </h3>
                                        <p class="home-events-item-date">
                                        ${arrDataArticle[counter - 1].dataDate}
                                        </p>
                                    </div>
                                    </div>
                                </div>
                                <a
                                    href="${arrDataArticle[counter - 1].dataTarget}"
                                    class="${isWatchCheck}"
                                >
                                    <span>
                                    Join Now to Get +${arrDataArticle[counter - 1].dataPoint} Points
                                    </span>
                                </a>
                            </div>`
                        );
                        $('.card-home-events-temp-'+ counter).each(function (){
                            $(this).remove()
                        })
                    } else {
                        return;
                        // console.log('not same');

                    }
                    counter++;
                    // },
                    //     complete: function(){
                    //     $('.card-home-events-temp-'+ counter).each(function (){
                    //         $(this).remove()
                    //     }).fail(function(){
                    //         counter++;
                    //     })
                    // }
                    // })
                } else {
                    clearInterval(intervalArticle);
                }
            }, 1000);
        }
        setTimeout(() => {
            getSectionEvents();
        }, 1500);

    })
</script>

    <div class="home-shop" data-login="">
    <h2 class="title">
        Superstore
    </h2>
    <div class="container">
        <div class="row">
          

                                                <div class="col-12 col-md-6 col-lg-4 col-xl-3 mb-4 mb-md-3 px-2 rewards-public-wrapper rewards-public-wrapper-1" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="e18ef40a-d31d-434a-91ac-0dd0d61b48de" data-images="rewards/e6a076fe-edc4-46a0-8d99-a1a906be2718.jpg" data-title="Timberland Black Timberland Solar Ridge Gore" data-point="" data-link="https://superlive.id/point-rewards/reward/e18ef40a-d31d-434a-91ac-0dd0d61b48de" data-islogin="">
                        <div class="card card-shop-redeem d-flex align-items-start flex-column card-shop-redeem-temp-1">

                        <div class="wrapper-image-thumbnail skeleton-box">
                          </div>

                        </div>
                         
                    </div>
                                                                <div class="col-12 col-md-6 col-lg-4 col-xl-3 mb-4 mb-md-3 px-2 rewards-public-wrapper rewards-public-wrapper-2" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="d2c24377-5bb5-4a2c-9c15-0fb20f799f33" data-images="rewards/c25a0a29-c44d-4d7b-bbd2-548d79a14d6d.jpg" data-title="Fender Mustang 90 Electric Guitar" data-point="" data-link="https://superlive.id/point-rewards/reward/d2c24377-5bb5-4a2c-9c15-0fb20f799f33" data-islogin="">
                        <div class="card card-shop-redeem d-flex align-items-start flex-column card-shop-redeem-temp-2">

                        <div class="wrapper-image-thumbnail skeleton-box">
                          </div>

                        </div>
                         
                    </div>
                                                                <div class="col-12 col-md-6 col-lg-4 col-xl-3 mb-4 mb-md-3 px-2 rewards-public-wrapper rewards-public-wrapper-3" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="eef8da0c-1026-42d8-8348-70cee528b7b2" data-images="rewards/e0546909-3390-4dfe-9110-2d3630bf64c8.jpg" data-title="AirPods 4" data-point="" data-link="https://superlive.id/point-rewards/reward/eef8da0c-1026-42d8-8348-70cee528b7b2" data-islogin="">
                        <div class="card card-shop-redeem d-flex align-items-start flex-column card-shop-redeem-temp-3">

                        <div class="wrapper-image-thumbnail skeleton-box">
                          </div>

                        </div>
                         
                    </div>
                                                                <div class="col-12 col-md-6 col-lg-4 col-xl-3 mb-4 mb-md-3 px-2 rewards-public-wrapper rewards-public-wrapper-4" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="60f88680-8499-4fe5-9f6a-e152e8ff51dd" data-images="rewards/0fa242ce-f43b-4e39-b724-1882480d2e9c.jpg" data-title="Sony Noise Cancelling Headphone Nirkabel WH-CH720N" data-point="" data-link="https://superlive.id/point-rewards/reward/60f88680-8499-4fe5-9f6a-e152e8ff51dd" data-islogin="">
                        <div class="card card-shop-redeem d-flex align-items-start flex-column card-shop-redeem-temp-4">

                        <div class="wrapper-image-thumbnail skeleton-box">
                          </div>

                        </div>
                         
                    </div>
                                                                <div class="col-12 col-md-6 col-lg-4 col-xl-3 mb-4 mb-md-3 px-2 rewards-public-wrapper rewards-public-wrapper-5" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="c8435bc6-642f-4c47-8b1f-5ac2b09e8f3a" data-images="rewards/9b15c48e-4af0-4d73-8477-23bcc20c1416.jpg" data-title="Harman Kardon Onyx Studio 7" data-point="" data-link="https://superlive.id/point-rewards/reward/c8435bc6-642f-4c47-8b1f-5ac2b09e8f3a" data-islogin="">
                        <div class="card card-shop-redeem d-flex align-items-start flex-column card-shop-redeem-temp-5">

                        <div class="wrapper-image-thumbnail skeleton-box">
                          </div>

                        </div>
                         
                    </div>
                                                                <div class="col-12 col-md-6 col-lg-4 col-xl-3 mb-4 mb-md-3 px-2 rewards-public-wrapper rewards-public-wrapper-6" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="dca71985-209f-47b6-b0ce-c6bfca95a7f1" data-images="rewards/b6523ffd-eb18-4bdd-add7-a736dccf8127.jpg" data-title="Grey Deuter Aircontact Core 70" data-point="" data-link="https://superlive.id/point-rewards/reward/dca71985-209f-47b6-b0ce-c6bfca95a7f1" data-islogin="">
                        <div class="card card-shop-redeem d-flex align-items-start flex-column card-shop-redeem-temp-6">

                        <div class="wrapper-image-thumbnail skeleton-box">
                          </div>

                        </div>
                         
                    </div>
                                                                <div class="col-12 col-md-6 col-lg-4 col-xl-3 mb-4 mb-md-3 px-2 rewards-public-wrapper rewards-public-wrapper-7" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="a350bf40-a53f-42de-a410-44f11f5df498" data-images="rewards/7aa1b545-2d95-437f-8652-a712211b20e2.jpg" data-title="Eiger - NOVUS GUARDIAN 8P - Red" data-point="" data-link="https://superlive.id/point-rewards/reward/a350bf40-a53f-42de-a410-44f11f5df498" data-islogin="">
                        <div class="card card-shop-redeem d-flex align-items-start flex-column card-shop-redeem-temp-7">

                        <div class="wrapper-image-thumbnail skeleton-box">
                          </div>

                        </div>
                         
                    </div>
                                                                <div class="col-12 col-md-6 col-lg-4 col-xl-3 mb-4 mb-md-3 px-2 rewards-public-wrapper rewards-public-wrapper-8" data-baseurl="https://superlive.id" data-storageurl="https://superlive.id/storage" data-type="e0a8fb45-c6ce-4898-8bbd-691817f641b3" data-images="rewards/26bca404-8769-489e-9ae7-da468579382f.jpg" data-title="Eiger - TITAN 350 ML" data-point="" data-link="https://superlive.id/point-rewards/reward/e0a8fb45-c6ce-4898-8bbd-691817f641b3" data-islogin="">
                        <div class="card card-shop-redeem d-flex align-items-start flex-column card-shop-redeem-temp-8">

                        <div class="wrapper-image-thumbnail skeleton-box">
                          </div>

                        </div>
                         
                    </div>
                                                                                            </div>
    </div>
            <a class="redeem-catalog-shop secondary-dark-btn" href="https://superlive.id/point-rewards">
            <span class="label">
                Redeem More at Super Store
            </span>
        </a>
    </div>


<script>
    function getSectionSuperStore() {

        let counter = 1;
        let tempCounter = 0;
        let arrDataArticle = [];
        $('.rewards-public-wrapper').each(function() {
            const baseUrl = $(this).data("baseurl");
            const storageUrl = $(this).data("storageurl");
            const dataUuid = $(this).data("type");
            const dataImages = $(this).data("images");
            const dataTitle = $(this).data("title");
            const dataPoint = $(this).data("point");
            const dataLink = $(this).data("link");
            const dataIsLogin = $(this).data("islogin");

            arrDataArticle.push({
                baseUrl: baseUrl,
                storageUrl: storageUrl,
                dataUuid: dataUuid,
                dataImages: dataImages,
                dataTitle: dataTitle,
                dataPoint: dataPoint,
                dataLink: dataLink,
                dataIsLogin: dataIsLogin
            })

        })
        //   console.log(arrDataArticle)


        let intervalArticle = setInterval(() => {
            // console.log('temp ' + tempCounter)
            // console.log('counter ' + counter)

            if (counter <= arrDataArticle.length && tempCounter <= counter) {
                tempCounter = counter;

                // $.ajax({
                //     method: 'GET',
                //     url: arrDataArticle[counter - 1].baseUrl + '/api/point-rewards/reward/' +
                //         arrDataArticle[counter - 1].dataUuid,
                //     dataType: 'json',

                //     success: function(data) {
                    //   console.log(data.data)

                        if (arrDataArticle[counter - 1].dataUuid) {
                            // console.log('same')

                            // let authCheck = $('.home-shop').data('login');
                            // let isLogin = !authCheck ? 'justify-content-center' : '';

                            $('.rewards-public-wrapper-' + counter).append(
                                `<a href="${arrDataArticle[counter-1].baseUrl}/point-rewards/reward/${arrDataArticle[counter-1].dataUuid}">
                                  <div class="card card-shop-redeem d-flex align-items-start flex-column">
                                        <div class="wrapper-image-thumbnail">
                                          <img
                                            src="${arrDataArticle[counter-1].storageUrl}/${arrDataArticle[counter-1].dataImages}"
                                            class="img-fluid"
                                            loading="lazy"
                                            alt="image ${arrDataArticle[counter-1].dataTitle}"
                                            title="image ${arrDataArticle[counter-1].dataTitle}"
                                          >
                                        </div>
                                        <div class="wrapper-desc-article ${!arrDataArticle[counter-1].dataIsLogin ? 'justify-content-center' : ''}">
                                          <h3 class="truncate-2-line">
                                            ${arrDataArticle[counter-1].dataTitle}
                                          </h3>
                                        </div>
                                      </div>
                                </a>`
                            );
                            // $('.card-shop-redeem-temp').remove();
                            $('.card-shop-redeem-temp-'+ counter).each(function (){
                            $(this).remove()
                        })
                        } else {
                            return;
                        }
                        counter++;
                    // },
                //     complete: function(){
                //         $('.card-shop-redeem-temp-'+ counter).each(function (){
                //             $(this).remove()
                //         })
                //     }
                // })
            } else {
                clearInterval(intervalArticle);
            }
        }, 2000);
    }
    setTimeout(() => {
            getSectionSuperStore();
        }, 1500);


    function getSectionSuperStoreLogin() {

        let counter = 1;
        let tempCounter = 0;
        let arrDataArticle = [];
        $('.rewards-user-wrapper').each(function() {
            const baseUrl = $(this).data("baseurl");
            const storageUrl = $(this).data("storageurl");
            const dataUuid = $(this).data("type");
            const dataImages = $(this).data("images");
            const dataTitle = $(this).data("title");
            const dataPoint = $(this).data("point");
            const dataStock = $(this).data("stock");
            const dataLink = $(this).data("link");
            const dataIsLogin = $(this).data("islogin");

            arrDataArticle.push({
                baseUrl: baseUrl,
                storageUrl: storageUrl,
                dataUuid: dataUuid,
                dataImages: dataImages,
                dataTitle: dataTitle,
                dataPoint: dataPoint,
                dataStock: dataStock,
                dataLink: dataLink,
                dataIsLogin: dataIsLogin
            })

        })
        //   console.log(arrDataArticle)


        let intervalArticle = setInterval(() => {
            // console.log('temp ' + tempCounter)
            // console.log('counter ' + counter)

            if (counter <= arrDataArticle.length && tempCounter <= counter) {
                tempCounter = counter;

                // $.ajax({
                //     method: 'GET',
                //     url: arrDataArticle[counter - 1].baseUrl + '/api/point-rewards/reward/' +
                //         arrDataArticle[counter - 1].dataUuid,
                //     dataType: 'json',

                //     success: function(data) {
                    //   console.log(data.data)

                        if (arrDataArticle[counter - 1].dataUuid) {
                            // console.log('same')

                            // let authCheck = $('.home-shop').data('login');
                            // let isLogin = !authCheck ? 'justify-content-center' : '';
                            let isStock = null;

                            if(arrDataArticle[counter-1].dataStock > 0){
                                isStock = `<span>Redeem With ${arrDataArticle[counter-1].dataPoint} Points</span>`
                            }else{
                                isStock = `<span style="color: #d4091e">Stok Habis</span>`;
                            }

                            $('.rewards-user-wrapper-' + counter).append(
                                `<a href="${arrDataArticle[counter-1].baseUrl}/point-rewards/reward/${arrDataArticle[counter-1].dataUuid}">
                                  <div class="card card-shop-redeem d-flex align-items-start flex-column">
                                        <div class="wrapper-image-thumbnail">
                                          <img
                                            src="${arrDataArticle[counter-1].storageUrl}/${arrDataArticle[counter-1].dataImages}"
                                            class="img-fluid"
                                            loading="lazy"
                                            alt="image ${arrDataArticle[counter-1].dataTitle}"
                                            title="image ${arrDataArticle[counter-1].dataTitle}"
                                          >
                                        </div>
                                        <div class="wrapper-desc-article ${!arrDataArticle[counter-1].dataIsLogin ? 'justify-content-center' : ''}">
                                          <h3 class="truncate-2-line">
                                            ${arrDataArticle[counter-1].dataTitle}
                                          </h3>
                                          <div class="action-article badge badge-warning">
                                              <img
                                                src="${arrDataArticle[counter-1].baseUrl}/images/ic-coin.svg"
                                                class="img-fluid mr-2"
                                                loading="lazy"
                                                alt="image coin"
                                                title="image coin"
                                              >
                                              ${isStock}
                                            </div>
                                        </div>
                                      </div>
                                </a>`
                            );
                            // $('.card-shop-redeem-temp').remove();
                            $('.card-shop-redeem-temp-'+ counter).each(function (){
                            $(this).remove()
                        })
                        } else {
                            return;
                        }
                        counter++;
                //     },
                //     complete: function(){
                //         $('.card-shop-redeem-temp-'+ counter).each(function (){
                //             $(this).remove()
                //         })
                //     }
                // })
            } else {
                clearInterval(intervalArticle);
            }
        }, 2000);
    }
    setTimeout(() => {
            getSectionSuperStoreLogin();
        }, 1500);

</script>
      <div class="home-register-banner">
                <h2 class="home-register-title">
            Sign In, Collect Points and Win Free Merchandise
        </h2>
                <div id="join-event_register" class="home-register-cta">
            Register
        </div>
    </div>

      </div>
  <style>.footer-menu .footer-submenu.active .footer-submenu-item{max-width:50%}</style>
<div class="footer-menu">
    <div class="content">
					            <div class="footer-menu-item">
                <div class="main">
                    
                    <span class="label">Supermusic</span>
                    

                                        <img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                                    </div>

                <div class="footer-submenu">
                                        <a class="footer-submenu-item" href="https://superlive.id/supermusic">All SUPERMUSIC</a>
                    
                                                                                                                                                                                                                                                    
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/dare-to-be-next-superstar">DARE TO BE NEXT SUPERSTAR</a>
                                                                            
                                                                                                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/video/supermusic">SUPER MUSIC TV</a>
                            
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/supermusic/artikel/noize">NOIZE</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/supermusic/artikel/gears">TIPS &amp; GEARS</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/events/supermusic">EVENTS</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/supermusic/artikel/news">NEWS</a>
                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                                                
                </div>
            </div>
            					            <div class="footer-menu-item">
                <div class="main">
                    
                    <span class="label">Superadventure</span>
                    

                                        <img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                                    </div>

                <div class="footer-submenu">
                                        <a class="footer-submenu-item" href="https://superlive.id/superadventure">All SUPERADVENTURE</a>
                    
                                                                                    
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/events/superadventure">EVENTS</a>
                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/video/superadventure">SUPER ADVENTURE TV</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/superadventure/artikel/news">NEWS</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/superadventure/artikel/place-gears">PLACES &amp; GEARS</a>
                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                        <a class="footer-submenu-item submenu-item" target="_blank" href="https://superpreneur.superlive.id/">DARE TO BE THE NEXT SUPERPRENEUR 2023</a>
                                                                            
                                                                                                                                    
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/superadventurerace">SUPER ADVENTURE RACE</a>
                            
                                                                            
                                                
                </div>
            </div>
            					            <div class="footer-menu-item">
                <div class="main">
                    
                    <span class="label">Supersoccer</span>
                    

                                        <img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                                    </div>

                <div class="footer-submenu">
                    
                                                                                    
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/supersoccer/artikel/news">NEWS</a>
                                                                            
                                                                                                                                                                                                                    
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/supersoccer/artikel/supersoccer-events">EVENTS</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/supersoccer/artikel/soccerlyfe">SOCCERLYFE</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/supersoccer/artikel/klasemen-review">KLASEMEN &amp; REVIEW</a>
                                                                            
                                                                                                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/supersoccer/artikel/supersoccer-video">SUPERSOCCER TV</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/supersoccer/artikel/player-club-of-the-week">PLAYER &amp; CLUB OF THE WEEK</a>
                                                                            
                                                                                                                                    
                                                        <a class="footer-submenu-item submenu-item" href="https://eurofutsal.superlive.id/">EURO FUTSAL CHAMPIONSHIP</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/super-match/schedule">SUPER MATCH</a>


                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/nobar-schedule">JADWAL NOBAR</a>
                                                                            
                                                
                </div>
            </div>
            					            <div class="footer-menu-item">
                <div class="main">
                    
                    <span class="label">Superchallenge</span>
                    

                                        <img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                                    </div>

                <div class="footer-submenu">
                                        <a class="footer-submenu-item" href="https://superlive.id/superchallenge">All SUPERCHALLENGE</a>
                    
                                                                                                                                                                    
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/video/superchallenge">SUPER CHALLENGE TV</a>
                                                                            
                                                                                                                                    
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/events/superchallenge">SUPER CHALLENGE EVENTS</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/superchallenge/artikel/specials">SPECIALS</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/superchallenge/artikel/news">NEWS</a>
                                                                            
                                                                                                                                                                                                                                                                                                    
                                                        <a class="footer-submenu-item submenu-item" href="https://superprix.superlive.id">SUPERPRIX</a>
                            
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superprix.superlive.id/livestream">SUPERPRIX LIVESTREAM</a>
                                                                            
                                                
                </div>
            </div>
            					            <div class="footer-menu-item">
                <div class="main">
                    
                    <span class="label">Supertalks</span>
                    

                                        <img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                                    </div>

                <div class="footer-submenu">
                                        <a class="footer-submenu-item" href="https://superlive.id/supertalk">All SUPERTALKS</a>
                    
                                                                                                                                                                    
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/podcast">PODCASTS</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/podcast/supermusic">SUPERMUSIC TALK</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/podcast/superadventure">SUPERADVENTURE TALK</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/podcast/superchallenge">SUPERCHALLENGE TALK</a>
                                                                            
                                                
                </div>
            </div>
            					            <div class="footer-menu-item">
                <div class="main">
                    
                    <span class="label">More</span>
                    

                                        <img class="arrow" src="/images/arrow_right.svg" alt="burger menu arrow icon" title="burger menu arrow icon">
                                    </div>

                <div class="footer-submenu">
                    
                                                                                                                                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/events">ALL EVENTS</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/video">VIDEO CONTENTS</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/about-us">ABOUT US</a>
                                                                            
                                                                                            
                                                        <a class="footer-submenu-item submenu-item" href="https://superlive.id/contact-us">CONTACT US</a>
                            
                                                                            
                                                
                </div>
            </div>
            							        <div class="footer-menu-item">
            <div class="main">
                <a href="https://www.blibli.com/merchant/superstore-official-store/SUS-60073" target="_blank" class="label">SUPERSTORE</a>
            </div>
        </div>
    </div>
</div>
  <div class="footer-menu-desktop">
    <div class="content">
                        <div class="footer-menu-desktop-item">
                          <a href="https://superlive.id/supermusic" class="title">
                SUPERMUSIC
              </a>
            
            <div class="list">
                
                
                                
                                
                                
                                
                                        
                                                                    <a class="item" href="https://superlive.id/dare-to-be-next-superstar">
                                        DARE TO BE NEXT SUPERSTAR
                                    </a>
                                
                                                                            
                                
                                
                                        
                                                                    <a class="item" href="https://superlive.id/video/supermusic">
                                        SUPER MUSIC TV
                                    </a>

                                    

                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/supermusic/artikel/noize">
                                        NOIZE
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/supermusic/artikel/gears">
                                        TIPS &amp; GEARS
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/events/supermusic">
                                        EVENTS
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/supermusic/artikel/news">
                                        NEWS
                                    </a>
                                
                                                                            
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                            </div>
          </div>
                                <div class="footer-menu-desktop-item">
                          <a href="https://superlive.id/superadventure" class="title">
                SUPERADVENTURE
              </a>
            
            <div class="list">
                
                
                                        
                                                                    <a class="item" href="https://superlive.id/events/superadventure">
                                        EVENTS
                                    </a>
                                
                                                                            
                                
                                
                                
                                
                                
                                
                                
                                
                                        
                                                                    <a class="item" href="https://superlive.id/video/superadventure">
                                        SUPER ADVENTURE TV
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/superadventure/artikel/news">
                                        NEWS
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/superadventure/artikel/place-gears">
                                        PLACES &amp; GEARS
                                    </a>
                                
                                                                            
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                        
                                                                    <a class="item" target="_blank" href="https://superpreneur.superlive.id/">
                                        DARE TO BE THE NEXT SUPERPRENEUR 2023
                                    </a>
                                
                                                                            
                                
                                        
                                                                    <a class="item" href="https://superlive.id/superadventurerace">
                                        SUPER ADVENTURE RACE
                                    </a>

                                    

                                
                                                                                        </div>
          </div>
                                <div class="footer-menu-desktop-item">
                          <a href="https://superlive.id/supersoccer" class="title" target="_blank">
                SUPERSOCCER
              </a>
            
            <div class="list">
                
                
                                        
                                                                    <a class="item" href="https://superlive.id/supersoccer/artikel/news">
                                        NEWS
                                    </a>
                                
                                                                            
                                
                                
                                
                                        
                                                                    <a class="item" href="https://superlive.id/supersoccer/artikel/supersoccer-events">
                                        EVENTS
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/supersoccer/artikel/soccerlyfe">
                                        SOCCERLYFE
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/supersoccer/artikel/klasemen-review">
                                        KLASEMEN &amp; REVIEW
                                    </a>
                                
                                                                            
                                
                                
                                        
                                                                    <a class="item" href="https://superlive.id/supersoccer/artikel/supersoccer-video">
                                        SUPERSOCCER TV
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/supersoccer/artikel/player-club-of-the-week">
                                        PLAYER &amp; CLUB OF THE WEEK
                                    </a>
                                
                                                                            
                                
                                        
                                                                    <a class="item" href="https://eurofutsal.superlive.id/">
                                        EURO FUTSAL CHAMPIONSHIP
                                    </a>




                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/super-match/schedule">
                                        SUPER MATCH
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/nobar-schedule">
                                        JADWAL NOBAR
                                    </a>
                                
                                                                                        </div>
          </div>
                                <div class="footer-menu-desktop-item">
                          <a href="https://superlive.id/superchallenge" class="title">
                SUPERCHALLENGE
              </a>
            
            <div class="list">
                
                
                                
                                
                                        
                                                                    <a class="item" href="https://superlive.id/video/superchallenge">
                                        SUPER CHALLENGE TV
                                    </a>
                                
                                                                            
                                
                                        
                                                                    <a class="item" href="https://superlive.id/events/superchallenge">
                                        SUPER CHALLENGE EVENTS
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/superchallenge/artikel/specials">
                                        SPECIALS
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/superchallenge/artikel/news">
                                        NEWS
                                    </a>
                                
                                                                            
                                
                                
                                
                                
                                
                                        
                                                                    <a class="item" href="https://superprix.superlive.id/">
                                        SUPERPRIX
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superprix.superlive.id/livestream">
                                        SUPERPRIX LIVESTREAM
                                    </a>

                                    

                                
                                                                                        </div>
          </div>
                                <div class="footer-menu-desktop-item">
                          <a href="https://superlive.id/supertalk" class="title">
                SUPERTALKS
              </a>
            
            <div class="list">
                
                
                                
                                
                                        
                                                                    <a class="item" href="https://superlive.id/podcast">
                                        PODCASTS
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/podcast/supermusic">
                                        SUPERMUSIC TALK
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/podcast/superadventure">
                                        SUPERADVENTURE TALK
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/podcast/superchallenge">
                                        SUPERCHALLENGE TALK
                                    </a>
                                
                                                                                        </div>
          </div>
                                <div class="footer-menu-desktop-item">
                          <span class="title">
                MORE
              </span>
            
            <div class="list">
                
                
                                
                                
                                
                                        
                                                                    <a class="item" href="https://superlive.id/events">
                                        ALL EVENTS
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/video">
                                        VIDEO CONTENTS
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/about-us">
                                        ABOUT US
                                    </a>
                                
                                                                            
                                        
                                                                    <a class="item" href="https://superlive.id/contact-us">
                                        CONTACT US
                                    </a>

                                    

                                
                                                                                        </div>
          </div>
                                  <div class="footer-menu-desktop-item">
        <a href="https://www.blibli.com/merchant/superstore-official-store/SUS-60073" class="title" target="_blank">
          SUPERSTORE
        </a>
      </div>
    </div>
  </div>
  <div class="footer-links">
    <div class="logo-container">
        <img class="image" src="/images/xSUPERLIVE.png.pagespeed.ic.bXGSTx9AAD.png" alt="SuperLive Logo" title="SuperLive Logo">
    </div>
    <p class="copyright">© <span class="company">Copyright Superlive</span> Official Website</p>
    <div class="links">
        <a href="https://superlive.id/about-us" class="link-item">About Us</a>
        <a href="https://superlive.id/terms-and-conditions" class="link-item">Legal Terms</a>
        <a href="https://superlive.id/faq" class="link-item">FAQ</a>
        <a href="https://superlive.id/contact-us" class="link-item">Contact Us</a>
        <a href="https://superlive.id/privacy-policy" class="link-item">Privacy Policy</a>
    </div>
</div>
  <div class="footer-links-desktop">
    <div class="container">
        <div class="logo-container">
            <img class="image" src="/images/xSUPERLIVE.png.pagespeed.ic.bXGSTx9AAD.png" alt="SuperLive Logo" title="SuperLive Logo">
            <p class="copyright">© <span class="company">Copyright Superlive</span> Official Website</p>
        </div>
        <div class="links">
            <a href="https://superlive.id/about-us" class="links-item">About Us</a>
            <a href="https://superlive.id/terms-and-conditions" class="links-item">Legal Terms</a>
            <a href="https://superlive.id/privacy-policy" class="links-item">Privacy Policy</a>
            <a href="https://superlive.id/faq" class="links-item">FAQ</a>
            <a href="https://superlive.id/contact-us" class="links-item">Contact Us</a>
        </div>
    </div>
</div>

  <!-- Scripts -->
  <script defer src="/front/js/app.js?v=1778151021"></script>
  <script defer src="/user/membership.js?v=1778151021"></script>

  <script>$(function(){var base_url=window.location.origin;$('.login').attr('href',base_url+'/login-landingpage');$('.account-mobile-image, .header-account-container, .login').click(function(){window.location.href=base_url+'/login-landingpage';})
$('#welcome-login').click(function(){localStorage.setItem('welcome-login-id','welcome-login');window.location.href=base_url+'/login-landingpage';})
var urlLogin=window.location.href;if(urlLogin){localStorage.removeItem('welcome-login-id')}localStorage.removeItem("url_wifi");localStorage.removeItem("url_callback");})</script>
  
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-582edc3fb3e86d9ccc1","applicationID":"567987165","transactionName":"Z11UbEBYCBIEWkILC14Xd1tGUAkPSlFZDwEeUVhcV0E=","queueTime":0,"applicationTime":111,"atts":"SxpXGghCGxw=","errorBeacon":"bam.nr-data.net","agent":""}</script></body>

</html>
