import{P as v,a as _}from"./footer-C79UAWzz.js";import{_ as S,c as n,a as u,b as t,F as m,r as k,d as r,o,n as w,e as x,t as i,f as a,g as p,w as g}from"./app-a1SfAoJO.js";const T={name:"HomeComponent",components:{PortalHeader:v,PortalFooter:_},data(){return{slides:[{image:"assets/img/bg.jpg",title:"CCTV STREAM",subtitle1:"Selamat Datang di",subtitle2:"Layanan CCTV Stream dengan Face Recognition pada wilayah Kantor PLN UID KALIMANTAN BARAT"},{image:"assets/img/bg2.jpg",title:"CCTV STREAM",subtitle1:"Selamat Datang di",subtitle2:"Layanan CCTV Stream dengan Face Recognition pada wilayah Kantor PLN UID KALIMANTAN BARAT"}],scrollPosition:10}},computed:{routeName(){return this.$route.name},isLoggedIn(){return localStorage.getItem("authToken")||sessionStorage.getItem("authToken")}},methods:{handleScroll(){this.scrollPosition=window.scrollY*.4},scrollToSection(){document.getElementById("sectionNext").scrollIntoView({behavior:"smooth"})}},mounted(){window.addEventListener("scroll",this.handleScroll)},beforeDestroy(){window.removeEventListener("scroll",this.handleScroll)}},A={id:"carousel-captions",class:"carousel slide carousel-fade","data-bs-ride":"carousel"},C={class:"carousel-inner"},N=["src","alt"],L={class:"carousel-caption d-block"},I={class:"mb-3"},P={class:"mt-3"};function V(b,e,B,D,c,f){const h=r("portal-header"),d=r("router-link"),y=r("portal-footer");return o(),n(m,null,[u(h),t("section",null,[t("div",A,[t("div",C,[(o(!0),n(m,null,k(c.slides,(s,l)=>(o(),n("div",{key:l,class:w(["carousel-item",{active:l===0}])},[t("img",{class:"d-block w-100 slide-img",src:s.image,alt:`Slide ${l+1}`},null,8,N),e[4]||(e[4]=t("div",{class:"carousel-caption-background d-block"},null,-1)),t("div",L,[t("div",{class:"info-carousel",style:x({transform:`translateY(${c.scrollPosition}px)`})},[t("h1",I,i(s.title),1),e[3]||(e[3]=t("img",{src:"assets/img/logo.png",alt:"logo"},null,-1)),t("h4",P,[a(i(s.subtitle1)+" ",1),e[0]||(e[0]=t("br",null,null,-1)),a(" "+i(s.subtitle2),1)]),f.isLoggedIn?(o(),p(d,{key:0,to:"./dashboard",class:"mt-5 py-3 px-5 btn btn-outline-yellow border-radius text-primary-fg"},{default:g(()=>e[1]||(e[1]=[t("span",null,[t("i",{class:"fa fa-arrow-right me-1"}),a(" Start ")],-1)])),_:1})):(o(),p(d,{key:1,to:"./login",class:"mt-5 py-3 px-5 btn btn-outline-yellow border-radius text-primary-fg"},{default:g(()=>e[2]||(e[2]=[t("span",null,[t("i",{class:"fa fa-arrow-right me-1"}),a(" Start ")],-1)])),_:1}))],4)])],2))),128))]),e[5]||(e[5]=t("a",{class:"carousel-control-prev",href:"#carousel-captions",role:"button","data-bs-slide":"prev"},[t("span",{class:"carousel-control-prev-icon d-none d-md-block","aria-hidden":"true"}),t("span",{class:"visually-hidden"},"Previous")],-1)),e[6]||(e[6]=t("a",{class:"carousel-control-next",href:"#carousel-captions",role:"button","data-bs-slide":"next"},[t("span",{class:"carousel-control-next-icon d-none d-md-block","aria-hidden":"true"}),t("span",{class:"visually-hidden"},"Next")],-1))])]),u(y)],64)}const F=S(T,[["render",V]]);export{F as default};
