import{d as u,g as h,V as f}from"./C12WZPZY.js";import{k as v,a6 as b,an as x,H as l,I as n,a3 as r,Z as m,J as s,a2 as p,Q as w,ae as k,U as y,a0 as C}from"./BZhlZ4JE.js";const V=v({props:{dialogVisible:{type:Boolean,required:!0},handleClick:{type:Function,required:!1,default:()=>{}},providers:{type:Object,required:!0}},emits:["update:dialogVisible"],setup(e,{emit:o}){const{dialogVisible:d}=b(e),{getAssetImage:c}=u;return{handleProviderClicked:a=>{var i;o("update:dialogVisible",!1),(i=e.handleClick)==null||i.call(e,"/games/".concat(a,"__n__gp"))},getAssetImage:c,close:()=>{o("update:dialogVisible",!1)},visible:d}}}),P={class:"sidebar"},$={class:"h-fit"},j={class:"relative"},N={class:"flex justify-start h-[80px] items-center"},I={class:"text-center text-[24px] text-[var(--title-font-color)] uppercase leading-1 font-bold mr-10 ml-4"},B={class:"absolute top-[12px] right-0 bg-[var(--button-bg)] box-shadow text-[var(--title-font-color)] rounded-[6px] h-10 w-10 flex items-center justify-center"},D={class:"mt-[.5rem] px-4 pb-3"},q={class:"grid grid-cols-2 gap-[20px] my-0 pl-0"},A=["onClick"],z={class:"mb-[10px] h-20 p-[5px] border-[var(--border-color)] border-b-[1px] flex justify-center"},E=["src"],F={key:0,class:"absolute w-12 h-12 top-[20px] left-[55px] z-[2]"},H=["src"],M={class:"flex justify-between items-center text-[var(--title-font-color)] mb-0"},U={class:"text-sm overflow-hidden overflow-ellipsis whitespace-nowrap max-w-[90%]"};function G(e,o,d,c,_,g){const a=x("font-awesome-icon"),i=f;return l(),n("div",P,[r(i,{modelValue:e.visible,"onUpdate:modelValue":o[0]||(o[0]=t=>e.visible=t),"destroy-on-close":"",width:"100%",class:"sidebar-dialog","show-close":!1},{header:m(()=>[s("div",$,[s("div",j,[s("div",N,[s("h2",I,p(e.$t("game_providers")),1)]),s("div",B,[r(a,{class:"text-[27px]",icon:"xmark",onClick:e.close},null,8,["onClick"])])])])]),default:m(()=>[s("div",D,[s("ul",q,[(l(!0),n(w,null,k(e.providers,t=>(l(),n("li",{key:t.ProviderName,class:y(["w-auto text-center overflow-hidden leading-[1.5] py-[10px] px-2 bg-[var(--button-bg)] box-shadow rounded-lg relative",{"grayscale-[1] pointer-events-none":t.IsMaintain}])},[s("div",{onClick:J=>e.handleProviderClicked(t.ProviderName)},[s("div",z,[s("img",{class:"object-scale-down max-h-full max-w-full",src:e.getAssetImage("assets/theme/black_modern_1/images/gameProviders/".concat(t.ProviderName.split(" ").join(""),".png")),alt:""},null,8,E)]),t.IsMaintain?(l(),n("div",F,[s("img",{src:e.getAssetImage("assets/theme/common/icon/icon_maintainance.png"),alt:""},null,8,H)])):C("",!0),s("p",M,[s("span",U,p(t.GameProviderDisplayName),1),r(a,{class:"text-2xl leading-[14px]",icon:"arrow-right"})])],8,A)],2))),128))])])]),_:1},8,["modelValue"])])}const Q=h(V,[["render",G]]);export{Q as P};