https://da88.boo/_nuxt/Bcp6DaDl.js

1import{b as G,D as re,c as fe,d as de,e as B,f as H,g as V,_ as pe,a as ue}from"./B5TNMus3.js";import{d as S,b as s,c,v as e,t as l,e as t,g as o,h as T,j as N,F as A,r as E,k as P,n as M,af as U,w as _e,m as v,l as z,cJ as O,_ as I,X as xe,f as C,at as F,P as j,i as K,dm as me,o as be,J as he,q,B as Y,C as ge}from"./DVTJeQcM.js";import{_ as ve,f as L}from"./CRrKcYgv.js";import{u as we,a as ye}from"./CC36f0wG.js";import{_ as Q}from"./B6Tg-IPL.js";import{_ as W,a as J,c as X,d as Z,b as ee}from"./HkCH0Qhl.js";import{u as te}from"./DeUfrweS.js";import"./Cu8S6Ztx.js";import"./Cv-2s9k3.js";const ke={class:"flex gap-1.5 px-4 font-semibold"},$e={class:"text-white"},De={class:"text-[#ffe71a]"},Te=S({__name:"MarqueeItem",props:{item:{}},setup(r){return(i,f)=>(s(),c("div",ke,[e("p",$e,l(r.item.text),1),e("p",De,l(r.item.highlight),1)]))}}),Pe={key:0,class:"h-[52px] bg-[#ffffff1a]"},se=S({__name:"index",setup(r){const{marqueeItems:i}=G();return(f,_)=>{const p=Te,b=ve;return t(i).length?(s(),c("div",Pe,[o(b,{pauseOnHover:!0,class:"h-full"},{default:T(()=>[(s(!0),c(A,null,E(t(i),(u,h)=>(s(),P(p,{key:h,item:{text:u.name,highlight:("formatCurrencyEL"in f?f.formatCurrencyEL:t(L))(u.amount)}},null,8,["item"]))),128))]),_:1})])):N("",!0)}}}),Ae={class:"mx-0.5 mt-[7px] flex rounded-full bg-[#0000004d]"},Se=["onClick"],oe=S({__name:"PeriodSwitcher",props:{period:{},setPeriod:{type:Function}},setup(r){return(i,f)=>(s(),c("div",Ae,[(s(!0),c(A,null,E("DUA_TOP_PERIODS"in i?i.DUA_TOP_PERIODS:t(re),_=>(s(),c("button",{key:_.value,type:"button",class:M(["flex flex-1 items-center justify-center rounded-full px-4 py-2 text-sm",r.period===_.value?"bg-[#44e183] font-bold text-[#1e2222]":"text-[#b3bec1]"]),onClick:p=>r.setPeriod(_.value)},l(_.label),11,Se))),128))]))}}),ae=()=>{const{period:r,configs:i,isEventReleased:f,setPeriod:_,getRowAvatar:p,fetchMyRank:b}=G(),u=v(()=>r.value==="daily"?i.value?.daily:i.value?.monthly),h=z(new Date),d=v(()=>fe[r.value]),a=v(()=>{const R=u.value?.totalPrize||0;return L(R)}),g=v(()=>{const R=h.value;return r.value==="daily"?new Date(R.getFullYear(),R.getMonth(),R.getDate(),23,59,59,999):new Date(R.getFullYear(),R.getMonth()+1,0,23,59,59,999)}),k=v(()=>de[r.value]),{parts:D}=we(g,()=>{h.value=new Date}),$=v(()=>r.value==="daily"?i.value?.daily?.currentChampion:i.value?.monthly?.currentChampion),x=v(()=>$.value?.fullName??"—"),w=v(()=>$.value?O(Math.round($.value.stake)):"—"),m=v(()=>$.value?L($.value.cashAmount):"—"),y=v(()=>$.value?O($.value.cashAmount):"—"),{isLoggedIn:n}=U();return _e(n,()=>{b(r.value)}),{period:r,isEventReleased:f,setPeriod:_,title:d,totalAwardsDisplay:a,countdownUnits:k,countdownParts:D,champion:$,championUsername:x,championScoreDisplay:w,championPrizeDisplay:m,championPrizeAmountDisplay:y,getRowAvatar:p}},Me={class:"relative flex items-center gap-4"},Ee={class:"relative flex h-[200px] w-[640px] shrink-0 overflow-hidden rounded-lg bg-gradient-to-r from-[#334d3c] to-[#333738]"},Ne={class:"relative w-[260px]"},Re={class:"flex flex-1 flex-col items-center pr-6"},Ce={class:"mt-2 flex items-center gap-1.5"},Ge={class:"whitespace-nowrap text-xl font-semibold text-[#64f89f]"},Le={class:"mt-4 flex w-full flex-col items-center gap-2"},Ie={class:"flex items-center justify-center rounded-lg bg-[#24262

16] px-4 py-2"},je={class:"whitespace-nowrap text-[32px] font-bold leading-8 text-[#64f89f]"},Oe={class:"relative h-[200px] w-[304px] shrink-0 rounded-lg bg-[#323738]"},Ue={class:"absolute left-1/2 top-9 -translate-x-1/2 whitespace-nowrap text-center text-xl font-semibold text-[#64f89f]"},ze={class:"absolute left-1/2 top-[92px] flex -translate-x-1/2 items-center gap-3 text-center"},He={key:0,class:"whitespace-nowrap text-2xl font-bold text-[#b3bec1]"},Be={class:"flex w-[62px] flex-col items-start gap-1 rounded-lg bg-[#242626] px-4 py-2"},Ve={class:"w-full text-2xl font-bold tabular-nums text-[#ffffff]"},Fe={class:"w-full text-xs font-normal text-[#ffffffb2]"},Ke={class:"relative shrink-0"},qe={class:"relative h-[200px] w-[304px] overflow-hidden rounded-lg bg-[#323738]"},Ye={class:"absolute left-[171.97px] top-[69.24px] flex h-[159.653px] w-[193.65px] items-center justify-center mix-blend-luminosity"},Qe={class:"absolute top-[88px] flex gap-2 px-6"},We={class:"grid place-items-start"},Je={class:"relative col-start-1 row-start-1 mt-[29px] size-12 overflow-hidden rounded-full bg-[linear-gradient(111.083deg,#cde0f1_11.927%,#f3f9ff_48.952%,#cde0f1_88.397%)]"},Xe={class:"flex flex-col items-start gap-0.5"},Ze={class:"text-base font-semibold text-[#ffffff]"},et={class:"flex items-start gap-0.5 whitespace-nowrap text-center"},tt={class:"text-base font-semibold text-[#ffffff]"},st={class:"flex items-start gap-0.5 whitespace-nowrap text-center"},ot={class:"text-base font-bold text-[#64f89f]"},at=S({__name:"Desktop",setup(r){const{period:i,setPeriod:f,champion:_,title:p,totalAwardsDisplay:b,countdownUnits:u,countdownParts:h,championUsername:d,championScoreDisplay:a,championPrizeDisplay:g,isEventReleased:k,getRowAvatar:D}=ae();return($,x)=>{const w=I,m=oe;return s(),c("div",Me,[e("div",Ee,[e("div",Ne,[o(w,{src:"dua-top/stats-player-badge-1-pc.webp",class:"absolute left-12 top-[105.68px] size-[88.811px]","img-class":"object-contain"}),o(w,{src:"dua-top/stats-player-badge-2-pc.webp",class:"absolute left-[162.59px] top-[121.92px] h-[79.261px] w-[91.209px]","img-class":"object-contain"}),o(w,{src:"dua-top/stats-top-player-pc.webp",class:"absolute left-[52px] top-0 size-[205px]","img-class":"object-contain"})]),e("div",Re,[o(m,{period:t(i),setPeriod:t(f),class:"w-full"},null,8,["period","setPeriod"]),e("div",Ce,[o(w,{src:"dua-top/stats-title-decor-pc.svg",width:"27px",height:"42px",class:"-scale-y-100"}),e("p",Ge,l(t(p)),1),o(w,{src:"dua-top/stats-title-decor-pc.svg",width:"27px",height:"42px",class:"-scale-x-100 -scale-y-100"})]),e("div",Le,[x[0]||(x[0]=e("p",{class:"text-center text-base font-bold text-[#ffffffb2]"},"Tổng giải thưởng",-1)),e("div",Ie,[e("p",je,l(t(b)),1)])])])]),e("div",Oe,[e("p",Ue,l(t(k)?"Thời Gian Còn Lại":"Thời Gian Bắt Đầu"),1),e("div",ze,[(s(!0),c(A,null,E(t(u),(y,n)=>(s(),c(A,{key:y.key},[n>0?(s(),c("p",He,":")):N("",!0),e("div",Be,[e("p",Ve,l(String(t(h)[y.key]).padStart(2,"0")),1),e("p",Fe,l(y.label),1)])],64))),128))])]),e("div",Ke,[e("div",qe,[x[3]||(x[3]=e("p",{class:"absolute left-1/2 top-9 -translate-x-1/2 whitespace-nowrap text-center text-xl font-semibold text-[#64f89f]"}," Quán Quân Hiện Tại ",-1)),e("div",Ye,[o(w,{src:"dua-top/stats-winner-badge-pc.webp",class:"h-[120.196px] w-[168.275px] rotate-[15deg]","img-class":"object-bottom opacity-[0.35]"})]),e("div",Qe,[e("div",We,[e("div",Je,[o(w,{src:t(D)(0,t(_)?.isMe),class:"absolute inset-x-[1.92%] bottom-0 top-[3.85%]","img-class":"object-cover"},null,8,["src"])]),o(w,{src:"dua-top/stats-winner-avatar-decor-pc.webp",class:"col-start-1 row-start-1 h-[36px] w-[50px]","img-class":"object-contain"})]),e("div",Xe,[e("p",Ze,l(t(d)),1),e("div",et,[x[1]||(x[1]=e("p",{class:"text-base font-medium text-[#b3bec1]"},"Điểm:",-1)),e("p",tt,l(t(a)),1)]),e("div",st,[x[2]||(x[2]=e("p",{class:"text-base font-semibold text-[#b3bec1]"},"Thưởng:",-1)),e("p",ot,l(t(g)),1)])])])]),o(w,{src:"dua-top/stats-winner-label-pc.webp",class:"absolute left-[-9.88px] top-[-9.44px] size-[81px]","img-class":"object-contain"},{sub:T(()=>[...x[4]||(x[4]=[e("p",{class:"absolute left-[24.98px] top-[24.98px] z-50 -translate-x-1/2 -translate-y-1/2 -rotate-45 whitespace-nowrap text-center text-[11px] font-black leading-5 text-[#323738]"}," WINNER ",-1)])]),_:1})])])}}}),nt={key:1,class:"absolute -bottom-1 -right-1 z-30 flex size-4 items-center justify-center rounded-full"},ne=S({__name:"Avatar",props:{class:{type:[Boolean,null,String,Object,Array]},avatarClass:{type:[Boolean,null,String,Object,Array]},showHamburger:{type:Boolean},width:{},avatarImg:{},userRank:{}},setup(r){const i=r,{currentUser:f}=U(),_=v(()=>i.avatarImg?i.avatarImg:f.value?.avatar?`/avatar/${f.value.avatar}.webp`:"/avatar/default-avatar.webp");return(p,b)=>{const u=I;return s(),c("div",{class:M(("cn"in p?p.cn:t(C))("relative aspect-1 w-10",i.class)),style:xe({width:i.width})},[o(u,{src:t(_),"enable-placeholder":!1,class:M(("cn"in p?p.cn:t(C))("absolute inset-0 isolate z-10 rounded-full",r.avatarClass)),alt:"Avatar","img-class":"object-cover"},null,8,["src","class"]),r.showHamburger?(s(),P(u,{key:0,src:"hamburger.webp",width:"12px",height:"12px",class:M(("cn"in p?p.cn:t(C))("absolute bottom-0 right-0 z-20")),"enable-placeholder":!1,alt:"hamburger"},null,8,["class"])):r.userRank!==void 0?(s(),c("div",nt,[o(u,{src:`/vip/${r.userRank+1}-account.webp`,class:M(("cn"in p?p.cn:t(C))("absolute inset-0 z-10")),"enable-placeholder":!1,alt:"rank"},null,8,["src","class"])])):N("",!0)],6)}}}),le=()=>{const{myRank:r}=G(),{currentUser:i,isLoggedIn:f}=U(),_=v(()=>f.value),p=v(()=>i.value?.fullname??""),b=v(()=>r.value?.rank===1),u=v(()=>r.value?.rank!=null?String(r.value.rank):"-"),h=v(()=>r.value?.nextRank),d=v(()=>r.value?.stakeNeeded?Math.round(r.value.stakeNeeded):void 0),a=v(()=>r.value?.cashAmount||0);return{myRank:r,isVisible:_,username:p,isLeading:b,rankDisplay:u,nextRank:h,stakeNeeded:d,estimatedReward:a}},lt={key:0,class:"relative flex h-[106px] w-full rounded-lg bg-[#323738] p-6"},ct={class:"flex w-[52%] items-center gap-2"},it={class:"flex flex-col items-start gap-0.5"},rt={class:"text-base font-bold text-[#ffffff]"},ft={key:0,class:"whitespace-nowrap text-sm font-medium text-[#b3bec1]"},dt={key:1,class:"flex items-center gap-1"},pt={class:"flex items-center gap-1 whitespace-nowrap text-center text-sm"},ut={class:"font-semibold text-[#ffffff]"},_t={class:"flex items-center justify-center rounded-[2px] bg-[#fe6c51] px-1 py-0.5"},xt={class:"whitespace-nowrap text-center text-sm font-semibold text-[#ffffff]"},mt={class:"flex w-[26%] flex-col items-start gap-1.5"},bt={class:"text-2xl font-bold text-[#64f89f]"},ht={class:"flex w-[22%] flex-col items-start gap-1.5"},gt={class:"whitespace-nowrap text-2xl font-bold text-[#64f89f]"},vt=S({__name:"Desktop",setup(r){const{isVisible:i,username:f,isLeading:_,rankDisplay:p,nextRank:b,stakeNeeded:u,estimatedReward:h}=le();return(d,a)=>{const g=ne;return t(i)?(s(),c("div",lt,[e("div",ct,[o(g,{width:"48px",class:"shrink-0"}),e("div",it,[e("p",rt,l(t(f)),1),t(_)?(s(),c("p",ft,l("DUA_TOP_LEADING_MESSAGE"in d?d.DUA_TOP_LEADING_MESSAGE:t(B)),1)):t(u)?(s(),c("div",dt,[e("div",pt,[a[0]||(a[0]=e("p",{class:"font-medium text-[#b3bec1]"},"Cần",-1)),e("p",ut,l(t(u))+" điểm",1),a[1]||(a[1]=e("p",{class:"font-medium text-[#b3bec1]"},"để đạt xếp hạng",-1))]),e("div",_t,[e("p",xt,l(t(b)),1)])])):N("",!0)])]),e("div",mt,[a[2]||(a[2]=e("p",{class:"text-sm font-medium text-[#b3bec1]"},"Xếp hạng",-1)),e("p",bt,l(t(p)),1)]),e("div",ht,[a[3]||(a[3]=e("p",{class:"text-sm font-medium text-[#b3bec1]"},"Thưởng ước tính",-1)),e("p",gt,l(("formatCurrencyEL"in d?d.formatCurrencyEL:t(L))(t(h))),1)])])):N("",!0)}}}),ce=()=>{const{period:r,top:i,selectedPeriodKey:f,isLoading:_,isLoadingMore:p,canLoadMore:b,periodOptions:u,setPeriodKey:h,fetchMoreTop:d,getRowAvatar:a}=G(),g=z(),k=v(()=>r.value==="daily"?u.value.daily:u.value.monthly),D=v(()=>

1i.value.length?i.value:[]),$=v(()=>D.value.map((m,y)=>({rank:m.rank,username:m.fullName,avatarSrc:a(y,m.isMe),isPodium:m.rank<=H,medalSrc:m.rank<=H?`dua-top/ranking-rank-${m.rank}-pc.webp`:void 0,stakeDisplay:`${O(Math.round(m.stake))} điểm`,prizeDisplay:L(m.cashAmount)}))),x=v({get:()=>f.value,set:m=>{h(m)}}),w=v(()=>k.value.find(m=>m.value===f.value)?.label);return ye(g,()=>{d()},{distance:10,interval:1e3,canLoadMore:()=>b.value}),{listRef:g,rows:$,isLoading:_,dropdownOptions:k,selectedPeriod:x,selectedPeriodLabel:w,isLoadingMore:p,fetchMoreTop:d}},wt={class:"overflow-hidden rounded bg-[#323738] pt-6"},yt={class:"relative mb-4 flex h-9 items-center justify-center px-6"},kt={class:"flex items-center gap-3"},$t={class:"grid h-10 w-full grid-cols-[60px_300px_300px_400px] items-center justify-between bg-[#ffffff1a] px-6"},Dt={class:"h-[520px]"},Tt={key:1,class:"flex h-full flex-col items-center justify-center gap-2 bg-[#3a4142]"},Pt={class:"text-center text-sm font-normal text-[#ffffff]"},At={class:"relative h-9"},St={key:1,class:"absolute left-[38px] top-1/2 -translate-x-1/2 -translate-y-1/2 text-xl font-bold text-[#64f89f]"},Mt={class:"flex items-center gap-4"},Et={class:"w-full truncate text-base font-semibold text-[#ffffff]"},Nt={class:"whitespace-nowrap text-right text-base font-semibold text-[#ffffff]"},Rt={class:"text-right text-base font-semibold text-[#ffe71a]"},Ct=S({__name:"Desktop",setup(r){const{listRef:i,rows:f,isLoading:_,dropdownOptions:p,selectedPeriod:b,selectedPeriodLabel:u}=ce(),h=[{key:"rank",label:"Thứ tự"},{key:"username",label:"Người chơi"},{key:"stake",label:"Điểm cược"},{key:"prize",label:"Tiền thưởng"}];return(d,a)=>{const g=I,k=Q,D=J,$=Z,x=X,w=ee,m=W,y=F;return s(),c("section",wt,[e("div",yt,[e("div",kt,[o(g,{src:"dua-top/ranking-title-decor-pc.svg",width:"20px",height:"20px"}),a[1]||(a[1]=e("h3",{class:"text-2xl font-bold leading-8 text-[#ffffff]"},"DANH SÁCH THƯỞNG",-1)),o(g,{src:"dua-top/ranking-title-decor-pc.svg",width:"20px",height:"20px"})]),t(p).length?(s(),P(m,{key:0},{default:T(()=>[o(D,{class:"absolute right-6 top-0 h-9 w-[190px] rounded border-[#ffffff1a] bg-[#3a4142] hover:border-[#44e183] data-[state=open]:border-[#44e183]"},{default:T(()=>[o(k,{class:"h-full w-full rounded pl-3 pr-1 text-sm font-bold text-[#ffffff]","class-icon":"text-2xl text-[#ffffff]"},{default:T(()=>[j(l(t(u)),1)]),_:1})]),_:1}),o(w,{class:"rounded border border-[#ffffff1a] bg-[#323738] text-[#ffffff] mb:bg-[#434849]"},{default:T(()=>[o(x,{modelValue:t(b),"onUpdate:modelValue":a[0]||(a[0]=n=>K(b)?b.value=n:null)},{default:T(()=>[(s(!0),c(A,null,E(t(p),n=>(s(),P($,{key:n.value,value:n.value,class:"rounded-none bg-[#323738] px-3 text-sm text-[#ffffff] hover:border-l-[#44e183] hover:bg-[#1dd8681a] focus:bg-[#1dd8681a] data-[state=checked]:text-[#ffffff]","class-checked":"border-[#ffffff] bg-[#00000000] group-hover:text-[#0f985a] group-data-[state=checked]:text-[#0f985a]","class-circle":"fill-[#ffffff] stroke-[#0f985a]"},{default:T(()=>[j(l(n.label),1)]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1}

1)):N("",!0)]),e("div",$t,[(s(),c(A,null,E(h,(n,R)=>e("p",{key:n.key,class:M(("cn"in d?d.cn:t(C))("text-base font-bold leading-6 text-[#ffffff]",{"text-right":R>=2}))},l(n.label),3)),64))]),e("div",Dt,[t(_)?(s(),P(y,{key:0,class:"bg-[#3a4142]"})):t(f).length?(s(),c("div",{key:2,class:"h-[520px] overflow-y-scroll",ref_key:"listRef",ref:i},[(s(!0),c(A,null,E(t(f),n=>(s(),c("div",{key:n.username,class:"grid h-[52px] w-full grid-cols-[60px_300px_300px_400px] items-center justify-between border-b border-[#ffffff1a] bg-[#3a4142] px-6 last:border-b-0"},[e("div",At,[(s(),c("svg",{viewBox:"0 0 7.72954 24",fill:"none",class:M(["absolute left-0 top-1/2 h-6 w-2 -translate-y-1/2",n.isPodium?"text-[#ffe71a]":"text-[#64f89f]"])},[...a[2]||(a[2]=[e("path",{d:"M0 0H3.27924C3.70967 0 4.09181 0.27543 4.22792 0.683772L7.47295 10.4189C7.81507 11.4452 7.81507 12.5548 7.47295 13.5811L4.22792 23.3162C4.09181 23.7246 3.70967 24 3.27924 24H0V0Z",fill:"currentColor"},null,-1)])],2)),n.medalSrc?(s(),P(g,{key:0,src:n.medalSrc,class:"absolute left-[38px] top-1/2 h-[42px] w-8 -translate-x-1/2 -translate-y-1/2","img-class":"object-contain"},null,8,["src"])):(s(),c("p",St,l(n.rank),1))]),e("div",Mt,[o(g,{src:n.avatarSrc,width:"36px",height:"36px","enable-placeholder":!1,class:M(("cn"in d?d.cn:t(C))("shrink-0 rounded-full border-2 bg-[#e7fff0]",{"border-[#ffe71a]":n.isPodium,"border-[#1dd8684d]":!n.isPodium})),"img-class":"rounded-full"},null,8,["src","class"]),e("p",Et,l(n.username),1)]),e("p",Nt,l(n.stakeDisplay),1),e("p",Rt,l(n.prizeDisplay),1)]))),128))],512)):(s(),c("div",Tt,[o(g,{src:"dua-top/ranking-empty-pc.webp",width:"120px","enable-placeholder":!1}),e("p",Pt,l("DUA_TOP_RANKING_EMPTY_MESSAGE"in d?d.DUA_TOP_RANKING_EMPTY_MESSAGE:t(V)),1)]))])])}}}),Gt={key:0},ie=S({__name:"index",setup(r){const{hotGames:i}=G(),f=z(),{setCurrentGameJackpot:_,findAndSetFirstFlipGame:p}=me();be(()=>{p(f,i.value)});const b=u=>{_(f,u)};return(u,h)=>{const d=he;return t(i).length?(s(),c("section",Gt,[h[0]||(h[0]=e("h3",{class:"mb-3 text-lg font-bold text-[#fff]"},"Game Hot Dành Cho Bạn",-1)),e("div",{class:M(("cn"in u?u.cn:t(C))("grid",[u.$device.isDesktop?"grid-cols-6 gap-3":"grid-cols-3 gap-2"]))},[(s(!0),c(A,null,E(t(i),a=>(s(),P(d,{game:a,key:a.img,onOnHoverGame:g=>b(a)},null,8,["game","onOnHoverGame"]))),128))],2)])):N("",!0)}}}),Lt={"data-dua-top":"",class:"bg-[#242626]"},It={class:"bg-[url('/images/dua-top/background-pc.webp')] bg-cover bg-center"},jt={class:"mx-auto flex w-[1312px] flex-col gap-6 px-4 py-6"},Ot={class:"flex flex-col gap-3"},Ut=S({__name:"Desktop",async setup(r){let i,f;const{init:_,promotionDetail:p}=G();return[i,f]=q(async()=>Y("duaTop:board",async()=>(await _(),!0))),await i,f(),te(p),(b,u)=>{const h=pe,d=se,a=at,g=vt,k=Ct,D=ie;return s(),c("section",Lt,[o(h),o(d),e("div",It,[e("div",jt,[e("div",Ot,[o(a),o(g),o(k),o(D,{class:"mt-4"})])])])])}}}),zt={class:"flex flex-col gap-2"},Ht={class:"h-[180px] overflow-hidden rounded-sm bg-gradient-to-r from-[#334d3c] to-[#333738]"},Bt={class:"mt-[15px] flex items-center justify-between px-4"},Vt={class:"relative size-[114.75px] shrink-0"},Ft={class:"flex flex-1 flex-col items-center gap-3"},Kt={class:"flex items-center gap-1.5"},qt={class:"whitespace-nowrap text-xs font-bold text-[#64f89f]"},Yt={class:"flex w-full flex-col items-center gap-2"},Qt={class:"flex w-full items-center justify-center rounded-lg bg-[#24262

16] px-2 py-1"},Wt={class:"whitespace-nowrap text-lg font-bold leading-8 text-[#64f89f]"},Jt={class:"flex gap-2"},Xt={class:"h-[106px] flex-1 overflow-hidden rounded-sm bg-[#323738]"},Zt={class:"mx-auto mt-4 flex w-[150px] flex-col items-center gap-2 text-center"},es={class:"w-full text-xs font-bold text-[#64f89f]"},ts={class:"flex w-full items-center gap-1"},ss={key:0,class:"text-2xl font-bold text-[#b3bec1]"},os={class:"flex w-10 flex-col gap-1 rounded-sm bg-[#242626] p-1"},as={class:"w-full text-base font-bold tabular-nums text-[#ffffff]"},ns={class:"w-full text-2xs font-semibold text-[#ffffffb2]"},ls={class:"relative flex-1"},cs={class:"h-[106px] overflow-hidden rounded-sm bg-[#323738]"},is={class:"mx-2 mt-2 flex gap-1.5"},rs={class:"mt-1.5 grid place-items-start"},fs={class:"relative col-start-1 row-start-1 mt-2 size-8 overflow-hidden rounded-full bg-[linear-gradient(111.083deg,#cde0f1_11.927%,#f3f9ff_48.952%,#cde0f1_88.397%)]"},ds={class:"flex flex-col items-start gap-0.5 whitespace-nowrap text-xs"},ps={class:"font-semibold text-[#ffffff]"},us={class:"flex gap-0.5"},_s={class:"font-semibold text-[#ffffff]"},xs={class:"flex gap-0.5"},ms={class:"font-semibold text-[#1dd868]"},bs=S({__name:"Mobile",setup(r){const{period:i,setPeriod:f,champion:_,title:p,totalAwardsDisplay:b,countdownUnits:u,countdownParts:h,championUsername:d,championScoreDisplay:a,championPrizeAmountDisplay:g,isEventReleased:k,getRowAvatar:D}=ae();return($,x)=>{const w=oe,m=I;return s(),c("div",zt,[e("div",Ht,[o(w,{period:t(i),setPeriod:t(f)},null,8,["period","setPeriod"]),e("div",Bt,[e("div",Vt,[o(m,{src:"dua-top/stats-player-badge-1-mb.webp",class:"absolute left-0 top-[60.99px] size-[48.071px]","img-class":"object-contain"}),o(m,{src:"dua-top/stats-player-badge-2-mb.webp",class:"absolute left-[62.03px] top-[69.78px] h-[42.902px] w-[49.369px]","img-class":"object-contain"}),o(m,{src:"dua-top/stats-top-player-mb.webp",class:"absolute inset-0 size-[114.75px]","img-class":"object-contain"})]),e("div",Ft,[e("div",Kt,[o(m,{src:"dua-top/stats-title-decor-mb.svg",width:"16px",height:"24px",class:"-scale-y-100"}),e("p",qt,l(t(p)),1),o(m,{src:"dua-top/stats-title-decor-mb.svg",width:"16px",height:"24px",class:"-scale-x-100 -scale-y-100"})]),e("div",Yt,[x[0]||(x[0]=e("p",{class:"w-full text-center text-xs font-semibold text-[#ffffffb2]"},"Tổng giải thưởng",-1)),e("div",Qt,[e("p",Wt,l(t(b)),1)])])])])]),e("div",Jt,[e("div",Xt,[e("div",Zt,[e("p",es,l(t(k)?"Thời Gian Còn Lại":"Thời Gian Bắt Đầu"),1),e("div",ts,[(s(!0),c(A,null,E(t(u),(y,n)=>(s(),c(A,{key:y.key},[n>0?(s(),c("p",ss,":")):N("",!0),e("div",os,[e("p",as,l(String(t(h)[y.key]).padStart(2,"0")),1),e("p",ns,l(y.label),1)])],64))),128))])])]),e("div",ls,[e("div",cs,[x[3]||(x[3]=e("p",{class:"mt-4 whitespace-nowrap text-center text-xs font-bold text-[#64f89f]"},"Quán Quân Hiện Tại",-1)),e("div",is,[e("div",rs,[e("div",fs,[o(m,{src:t(D)(0,t(_)?.isMe),class:"absolute inset-x-[1.92%] bottom-0 top-[3.85%]","img-class":"object-cover"},null,8,["src"])]),o(m,{src:"dua-top/stats-winner-avatar-decor-mb.webp",class:"col-start-1 row-start-1 ml-1 h-[17px] w-6","img-class":"object-contain"})]),e("div",ds,[e("p",ps,l(t(d)),1),e("div",us,[x[1]||(x[1]=e("p",{class:"text-[#b3bec1]"},"Điểm:",-1)),e("p",_s,l(t(a)),1)]),e("div",xs,[x[2]||(x[2]=e("p",{class:"text-[#b3bec1]"},"Thưởng:",-1)),e("p",ms,l(t(g)),1)])])])]),o(m,{src:"dua-top/stats-winner-label-mb.webp",class:"absolute left-[-6.91px] top-[-7.41px] size-[62.065px]","img-class":"object-contain"},{sub:T(()=>[...x[4]||(x[4]=[e("p",{class:"absolute left-[19.14px] top-[19.14px] z-50 -translate-x-1/2 -translate-y-1/2 -rotate-45 whitespace-nowrap text-center text-[8px] font-black leading-[15px] text-[#323738]"}," WINNER ",-1)])]),_:1})])])])}}}),hs={key:0,class:"relative flex w-full flex-col rounded-lg bg-[#323738] p-3"},gs={class:"flex items-center gap-2 pb-3"},vs={class:"flex flex-col items-start gap-0.5"},ws={class:"text-sm font-bold text-[#ffffff]"},ys={key:0,class:"whitespace-nowrap text-sm font-medium text-[#b3bec1]"},ks={key:1,class:"flex items-center gap-1"},$s={class:"flex items-center gap-0.5 whitespace-nowrap text-center text-xs"},Ds={class:"font-semibold text-[#ffffff]"},Ts={class:"flex items-center justify-center rounded-[2px] bg-[#fe6c51] px-1 py-0.5"},Ps={class:"whitespace-nowrap text-center text-sm font-semibold text-[#ffffff]"},As={class:"flex border-t border-[#ffffff1a] pt-3"},Ss={class:"flex w-1/2 flex-col gap-1.5 border-r border-[#ffffff1a] text-center"},Ms={class:"text-sm font-bold text-[#64f89f]"},Es={class:"flex w-1/2 flex-col gap-1.5 text-center"},Ns={class:"whitespace-nowrap text-sm font-bold text-[#64f89f]"},Rs=S({__name:"Mobile",setup(r){const{isVisible:i,username:f,isLeading:_,rankDisplay:p,nextRank:b,stakeNeeded:u,estimatedReward:h}=le();return(d,a)=>{const g=ne;return t(i)?(s(),c("div",hs,[e("div",gs,[o(g,{width:"32px",class:"shrink-0"}),e("div",vs,[e("p",ws,l(t(f)),1),t(_)?(s(),c("p",ys,l("DUA_TOP_LEADING_MESSAGE"in d?d.DUA_TOP_LEADING_MESSAGE:t(B)),1)):t(u)?(s(),c("div",ks,[e("div",$s,[a[0]||(a[0]=e("p",{class:"font-medium text-[#b3bec1]"},"Cần",-1)),e("p",Ds,l(t(u))+" điểm",1),a[1]||(a[1]=e("p",{class:"font-medium text-[#b3bec1]"},"để đạt xếp hạng",-1))]),e("div",Ts,[e("p",Ps,l(t(b)),1)])])):N("",!0)])]),e("div",As,[e("div",Ss,[a[2]||(a[2]=e("p",{class:"text-xs font-medium text-[#b3bec1]"},"Xếp hạng",-1)),e("p",Ms,l(t(p)),1)]),e("div",Es,[a[3]||(a[3]=e("p",{class:"text-xs font-medium text-[#b3bec1]"},"Thưởng ước tính",-1)),e("p",Ns,l(("formatCurrencyEL"in d?d.formatCurrencyEL:t(L))(t(h))),1)])])])):N("",!0)}}}),Cs={class:"overflow-hidden rounded bg-[#323738]"},Gs={class:"relative flex items-center justify-between bg-[#ffffff1a] px-4 py-2"},Ls={class:"grid w-full grid-cols-[15%_40%_45%] items-center justify-between bg-[#ffffff1a] px-4 py-2"},Is={class:"h-[520px]"},js={key:1,class:"flex h-full flex-col items-center justify-center gap-2 bg-[#3a4142]"},Os={class:"text-center text-sm font-normal text-[#ffffff]"},Us={class:"relative h-9"},zs={key:1,class:"absolute left-[28px] top-1/2 -translate-x-1/2 -translate-y-1/2 text-xl font-bold text-[#64f89f]"},Hs={class:"flex items-center gap-2"},Bs={class:"flex min-w-0 flex-1 flex-col"},Vs={class:"truncate text-sm font-semibold text-[#ffffff]"},Fs={class:"font-400 text-xs text-[#cedadd]"},Ks={class:"text-right text-sm font-semibold text-[#ffe71a]"},qs=S({__name:"Mobile",setup(r){const{listRef:i,rows:f,isLoading:_,dropdownOptions:p,selectedPeriod:b,selectedPeriodLabel:u}=ce(),h=[{key:"rank",label:"STT"},{key:"username",label:"Người chơi"},{key:"prize",label:"Tiền thưởng"}];return(d,a)=>{const g=Q,k=J,D=Z,$=X,x=ee,w=W,m=F,y=I;return s(),c("section",Cs,[e("div",Gs,[a[1]||(a[1]=e("h3",{class:"text-sm font-bold text-[#ffffff]"},"DANH SÁCH THƯỞNG",-1)),t(p).length?(s(),P(w,{key:0},{default:T(()=>[o(k,{class:"h-9 w-[136px] rounded border-[#ffffff1a] bg-[#3a4142] hover:border-[#44e183] data-[state=open]:border-[#44e183]"},{default:T(()=>[o(g,{class:"h-full w-full !min-w-0 rounded pl-3 pr-1 text-sm font-bold text-[#ffffff]","class-icon":"text-2xl text-[#ffffff]"},{default:T(()=>[j(l(t(u)),1)]),_:1})]),_:1}),o(x,{class:"rounded border border-[#ffffff1a] bg-[#323738] text-[#ffffff] mb:bg-[#434849]"},{default:T(()=>[o($,{modelValue:t(b),"onUpdate:modelValue":a[0]||(a[0]=n=>K(b)?b.value=n:null)},{default:T(()=>[(s(!0),c(A,null,E(t(p),n=>(s(),P(D,{key:n.value,value:n.value,class:"rounded-none bg-[#323738] px-3 text-sm text-[#ffffff] hover:border-l-[#44e183] hover:bg-[#1dd8681a] focus:bg-[#1dd8681a] data-[state=checked]:text-[#ffffff]","class-checked":"border-[#ffffff] bg-[#00000000] group-hover:text-[#0f985a] group-data-[state=checked]:text-[#0f985a]","class-circle":"fill-[#ffffff] stroke-[#0f985a]"},{default:T(()=>[j(l(n.label),1)]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1}

1)):N("",!0)]),e("div",Ls,[(s(),c(A,null,E(h,n=>e("p",{key:n.key,class:"text-xs font-bold text-[#ffffff] last:text-right"},l(n.label),1)),64))]),e("div",Is,[t(_)?(s(),P(m,{key:0,class:"bg-[#3a4142]"})):t(f).length?(s(),c("div",{key:2,class:"h-full overflow-y-scroll",ref_key:"listRef",ref:i},[(s(!0),c(A,null,E(t(f),n=>(s(),c("div",{key:n.username,class:"grid w-full grid-cols-[15%_50%_35%] items-start justify-between border-b border-[#ffffff1a] bg-[#3a4142] py-3 pr-4 last:border-b-0"},[e("div",Us,[(s(),c("svg",{viewBox:"0 0 7.72954 24",fill:"none",class:M(["absolute left-0 top-1/2 h-6 w-2 -translate-y-1/2",n.isPodium?"text-[#ffe71a]":"text-[#64f89f]"])},[...a[2]||(a[2]=[e("path",{d:"M0 0H3.27924C3.70967 0 4.09181 0.27543 4.22792 0.683772L7.47295 10.4189C7.81507 11.4452 7.81507 12.5548 7.47295 13.5811L4.22792 23.3162C4.09181 23.7246 3.70967 24 3.27924 24H0V0Z",fill:"currentColor"},null,-1)])],2)),n.medalSrc?(s(),P(y,{key:0,src:n.medalSrc,class:"absolute left-[28px] top-1/2 h-[42px] w-8 -translate-x-1/2 -translate-y-1/2","img-class":"object-contain"},null,8,["src"])):(s(),c("p",zs,l(n.rank),1))]),e("div",Hs,[o(y,{src:n.avatarSrc,width:"36px",height:"36px","enable-placeholder":!1,class:M(("cn"in d?d.cn:t(C))("shrink-0 rounded-full border-2 bg-[#e7fff0]",{"border-[#ffe71a]":n.isPodium,"border-[#1dd8684d]":!n.isPodium})),"img-class":"rounded-full"},null,8,["src","class"]),e("div",Bs,[e("p",Vs,l(n.username),1),e("p",Fs,l(n.stakeDisplay),1)])]),e("p",Ks,l(n.prizeDisplay),1)]))),128))],512)):(s(),c("div",js,[o(y,{src:"dua-top/ranking-empty-pc.webp",width:"120px","enable-placeholder":!1}),e("p",Os,l("DUA_TOP_RANKING_EMPTY_MESSAGE"in d?d.DUA_TOP_RANKING_EMPTY_MESSAGE:t(V)),1)]))])])}}}),Ys={"data-dua-top":"",class:"bg-[#242626]"},Qs={class:"bg-[url('/images/dua-top/background-mb.webp')] bg-cover bg-center"},Ws={class:"container flex flex-col gap-6 py-6"},Js={class:"flex flex-col gap-3"},Xs=S({__name:"Mobile",async setup(r){let i,f;const{init:_,promotionDetail:p}=G();return[i,f]=q(async()=>Y("duaTop:board",async()=>(await _(),!0))),await i,f(),te(p),(b,u)=>{const h=ue,d=se,a=bs,g=Rs,k=qs,D=ie;return s(),c("section",Ys,[o(h),o(d),e("div",Qs,[e("div",Ws,[e("div",Js,[o(a),o(g),o(k),o(D)])])])])}}}),Zs={},eo={class:"el-scope"};function to(r,i){const f=Ut,_=Xs;return s(),c("section",eo,[r.$device.isDesktop?(s(),P(f,{key:0})):(s(),P(_,{key:1}))])}const po=ge(Zs,[["render",to]]);export{po as default};