https://nitapp.org/_nuxt/CSh1mGv3.js

1import{_ as ee}from"./Ds23XDCU.js";import{_ as te}from"./Dcr9n1q0.js";import{_ as se}from"./B0-W30Xr.js";import{_ as oe}from"./DYnyTLNJ.js";import{_ as ae}from"./I3SGXeWw.js";import{e as le,K as re,D as ne,L as ce,r as p,s as ie,J as ue,x as pe,p as de,E as me,c,o as n,a as t,f as D,b as _,w as fe,i as e,t as m,n as xe,k as M,F as b,q as k,O as T,P as j,Q as B,h as he,m as R}from"./9TF6hWLS.js";import{a as ge}from"./BK22HXaf.js";import{u as _e}from"./6EMwPCEr.js";import"./B48DXdhz.js";const ve={class:"bg-[#0F0F0F] w-full relative mb-[48px]"},we={class:"w-full pt-[40px] pb-[110px]"},ye={class:"text-[#FFFFFF] font-bold",style:{"font-size":"clamp(25px, 3.89vw, 56px)"}},be={key:0,class:"absolute top-[168px] left-[50%] translate-x-[-50%] w-full md:max-w-[1342px]"},ke=["innerHTML"],Ce={class:"custom-pagination flex justify-center gap-[12px] md:gap-[16px] mt-[12px] md:mt-[16px]"},Fe=["onClick"],$e={class:"md:max-w-[1342px] md:mx-auto pb-[48px] px-[15px] md:px-[30px] xl:px-0"},Ie={class:"w-full flex flex-col gap-[20px] lg:gap-0 lg:flex-row justify-between lg:items-end mb-[40px]"},Le={class:"flex flex-col lg:flex-row gap-[32px] items-center w-full lg:w-[70%]"},Pe={class:"w-full lg:w-[30%]"},Se={class:"mb-[8px] font-semibold text-[16px] text-white"},Ne={selected:"",value:null},qe=["value"],Ve={class:"w-full lg:w-[70%]"},ze={class:"mb-[8px] font-semibold text-[16px] text-white"},De={class:"w-full flex flex-col lg:flex-row gap-[5px]"},Me={class:"lg:max-w-[140px] w-full"},Te={class:"lg:max-w-[140px] w-full"},je={class:"w-[30%] flex items-center lg:justify-end"},Be={selected:"",value:null},Re=["value"],Ee={class:"font-semibold text-[18px] text-white"},Ue={class:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-x-[15px] gap-y-[15px] mb-[40px]"},Oe={class:"font-semibold text-[18px] text-white"},Ge={key:2,class:"font-semibold text-[18px] text-white text-center"},st=le({__name:"index",async setup(He){let C,S;const{t:l}=re(),i=ne(),{setIsGlobalLoading:$}=ce(),d=p(Number(i.query.page)||1),I=p(!1),v=p([]),u=p(null),N=p([]),h=p(i.query.sorter?String(i.query.sorter):null),g=p(i.query.categoryId?Number(i.query.categoryId):null),r=p({from:i.query.from?i.query.from.toString():null,to:i.query.to?i.query.to.toString():null}),E=()=>{let s="";return h.value&&(s+=`&sorter=${h.value}`),g.value&&(s+=`&categoryId=${g.value}`),r.value.from!==null&&r.value.to!==null&&(s+=`&priceRange=${r.value.from}-${r.value.to}`),s},w=()=>{R({path:i.path,query:{page:d.value,sorter:h.value||void 0,categoryId:g.value||void 0,from:r.value.from??void 0,to:r.value.to??void 0}},{replace:!0})},y=async(s=!1)=>{try{$(!0);const f=(await $fetch(`/api/fan-shop/get-products-by-organizer?shopId=${i.params.shopId}&page=${d.value}&productSize=12${E()}`,{method:"GET"}))?.data?.products??[];return s?v.value.push(...f):v.value=f,I.value=f.length<12,f.length}catch(a){console.error(a)}finally{$(!1)}},{data:L,pending:U,error:P}=([C,S]=ie(()=>ge("/api/fan-shop/get-products-by-organizer",{params:{shopId:i.params.shopId,page:d.value,productSize:12,sorter:h.value||void 0,categoryId:g.value||void 0,priceRange:r.value.from!==null&&r.value.to!==null?`${r.value.from}-${r.value.to}`:void 0}},"$_P1x6gdNpO")),C=await C,S(),C);if(P.value?.data)throw ue({statusCode:P.value.data.statusCode??500,statusMessage:P.value.data.statusMessage??"Internal Server Error"});pe(U,$),v.value=L.value?.data?.products??[],N.value=L.value?.data?.sorters??[],u.value=L.value?.data?.organizer??null,I.value=v.value.length<12;const O=async()=>{if(d.value===1)return;d.value-=1,await y(!0)>0&&w()},G=async()=>{d.value+=1,await y(!0)>0&&w()},H=async()=>{d.value=1,w(),await y()},W=async()=>{d.value=1,w(),await y()},Q=async()=>{d.value=1;const s=Number(r.value?.from),a=Number(r.value?.to);isNaN(s)||isNaN(a)||!s||!a||s<0||a<0||s>a||a<s||(w(),await y())},F=p(null);_e(F,{effect:"creative"});const q=p(0),V=p(!0);de(()=>{V.value=!1,me(()=>{const s=F.value?.swiper;s&&s.on("slideChange",()=>{q.value=s.realIndex})})});const A=s=>{F.value?.swiper?.slideToLoop(s)},J={name_asc:l("fan-shop.text.sorter.name-asc"),name_desc:l("fan-shop.text.sorter.name-desc"),created_asc:l("fan-shop.text.sorter.created-asc"),created_desc:l("fan-shop.text.sorter.created-desc"),price_asc:l("fan-shop.text.sorter.price-asc"),price_desc:l("fan-shop.text.sorter.price-desc")},K=async s=>R(`/fan-shop/product/${s}/${u.value?.fan_shop_event_id}`);return(s,a)=>{const f=ee,X=te,z=se,Y=oe,Z=ae;return n(),c("section",ve,[t("section",{class:M([e(u)?.banners?.length?"mb-[200px] lg:mb-[337px]":""]),style:xe(`background:${e(u)?.color}`)},[t("div",we,[_(X,{to:e(u)?.website,external:"",target:"_blank",class:"flex gap-[32px] justify-center items-center"},{default:fe(()=>[_(f,{src:e(u)?.logo,alt:"Club Logo Image",class:"w-full h-auto object-contain aspect-[76/88] min-w-[76px] min-h-[88px] max-w-[76px] max-h-[88px]"},null,8,["src"]),t("h1",ye,m(e(u)?.name)+" Shop",1)]),_:1},8,["to"])])],6),e(u)?.banners?.length&&!e(V)?(n(),c("section",be,[t("swiper-container",{ref_key:"containerRef",ref:F,"slides-per-view":1,loop:!0,autoplay:{delay:5e3},class:"w-full"},[(n(!0),c(b,null,k(e(u)?.banners,(o,x)=>(n(),c("swiper-slide",{key:o?.id??x,class:"w-[100%]"},[t("div",{innerHTML:o?.html_content,class:"banner__container w-full"},null,8,ke)]))),128))],512),t("div",Ce,[(n(!0),c(b,null,k(e(u)?.banners,(o,x)=>(n(),c("button",{key:x,class:M(["custom-bullet w-[10px] h-[10px] md:w-[12px] md:h-[12px]",{active:x===e(q)}]),onClick:We=>A(x)},null,10,Fe))),128))])])):D("",!0),t("section",$e,[t("div",Ie,[t("div",Le,[t("div",Pe,[t("p",Se,m(e(l)("fan-shop.text.filter.category.header")),1),T(t("select",{class:"text-white min-h-[38px] max-h-[38px] px-[12px] bg-[#1D1C1C] border border-[#2F2D2D] outline-none font-normal text-[16px] rounded-lg w-full",name:"category-select","onUpdate:modelValue":a[0]||(a[0]=o=>B(g)?g.value=o:null),onChange:W},[t("option",Ne,m(e(l)("fan-shop.text.filter.category.all")),1),(n(!0),c(b,null,k(e(u)?.categories,o=>(n(),c("option",{key:o?.id,value:o?.id},m(o?.name),9,qe))),128))],544),[[j,e(g)]])]),t("div",Ve,[t("p",ze,m(e(l)("fan-shop.text.filter.price.header")),1),t("div",De,[t("div",Me,[_(z,{type:"number",class:"w-full",placeholder:e(l)("fan-shop.text.filter.price.price-from-placeholder"),modelValue:e(r).from,"onUpdate:modelValue":a[1]||(a[1]=o=>e(r).from=o)},null,8,["placeholder","modelValue"])]),t("div",Te,[_(z,{type:"number",class:"w-full",placeholder:e(l)("fan-shop.text.filter.price.price-to-placeholder"),modelValue:e(r).to,"onUpdate:modelValue":a[2]||(a[2]=o=>e(r).to=o)},null,8,["placeholder","modelValue"])]),_(Y,{name:e(l)("fan-shop.text.filter.price.button"),type:"button","button-red":!0,style:{"max-width":"fit-content"},class:"max-h-[38px]",isLink:!1,onClick:Q},null,8,["name"])])])]),t("div",je,[T(t("select",{class:"text-white min-h-[38px] max-h-[38px] px-[12px] bg-[#1D1C1C] border border-[#2F2D2D] outline-none font-normal text-[16px] rounded-lg w-full max-w-[200px]",name:"sorter-select","onUpdate:modelValue":a[3]||(a[3]=o=>B(h)?h.value=o:null),onChange:H},[t("option",Be,m(e(l)("fan-shop.text.sorter.header")),1),(n(!0),c(b,null,k(e(N),(o,x)=>(n(),c("option",{key:x,value:o},m(J[o]),9,Re))),128))],544),[[j,e(h)]])])]),e(d)>1?(n(),c("div",{key:0,class:"w-full bg-[#FFFFFF] min-h-[25px] md:min-

1h-[42px] flex items-center gap-[8px] justify-center cursor-pointer mb-[40px]",onClick:O},[t("p",Ee,m(e(l)("fan-shop.text.load-previous")),1),_(f,{src:"/images/svgs/plus.svg",alt:"Plus icon",width:"14",height:"14",class:"cursor-pointer invert"})])):D("",!0),t("div",Ue,[(n(!0),c(b,null,k(e(v),o=>(n(),he(Z,{key:o?.id,item:o,onClick:x=>K(o?.id)},null,8,["item","onClick"]))),128))]),e(I)?(n(),c("p",Ge,m(e(l)("fan-shop.text.load-end")),1)):(n(),c("div",{key:1,class:"w-full bg-gray-500 min-h-[25px] md:min-h-[42px] flex items-center gap-[8px] justify-center cursor-pointer",onClick:G},[t("p",Oe,m(e(l)("fan-shop.text.load-more")),1),_(f,{src:"/images/svgs/plus.svg",alt:"Plus icon",width:"14",height:"14",class:"cursor-pointer"})]))])])}}});export{st as default};