https://tokat.bel.tr/_nuxt/b0cDCX86.js

1import{O as w,R as _,g as n,d as V,Q as T,G as A,j as a,v as t,p as x,x as B,u as r,F as v,y,o as l,e as C,z as D}from"./vOe0WySJ.js";import{u as j}from"./Zkzq70AA.js";import{V as k}from"./JDW2XEvH.js";import{C as G}from"./bcKSLzIa.js";import{C as I}from"./D1Kp4lmc.js";const $=o=>{const{getEndpoint:c}=w(),d=o?.limit,u=o?.page||1,m=o?.albumId,p=o?.isActive??!0,f=o?.key||`video-gallery-${d}-${u}-${m||""}-${p}`,{data:g,pending:b,error:i,refresh:e}=_(f,()=>$fetch(c("/api/public/video-gallery"),{method:"POST",body:{limit:d,page:u,isActive:p,albumId:m}}),{server:!0,lazy:!1,default:()=>({data:[],pagination:{total:0}})}),s=n(()=>g.value?.data||[]),h=n(()=>g.value?.pagination?.total||0);return{videoItems:s,total:h,loading:n(()=>b.value),error:n(()=>i.value?String(i.value):null),refresh:e,fetchVideos:e}},z={class:"min-h-screen bg-slate-50 dark:bg-slate-950 pt-24 pb-16"},E={class:"container mx-auto px-4 md:px-6"},N={class:"mb-12 text-center max-w-2xl mx-auto"},S={class:"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-red-50 text-red-600 text-xs font-bold uppercase tracking-wider mb-4 border border-red-100"},U={key:0,class:"grid grid-cols-1 md:grid-cols-2 gap-8"},Y={key:1,class:"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12"},F={class:"relative w-full aspect-video bg-black/5 dark:bg-black/20"},L=["src"],O=["src","poster"],P={class:"p-6 flex flex-col flex-1"},R={class:"flex items-center gap-4 text-xs text-slate-500 mb-4"},H={class:"flex items-center gap-1.5 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full"},K={key:0,class:"flex items-center gap-1.5 px-2.5 py-1 rounded-full border border-slate-200 dark:border-slate-700"},M={key:2,class:"text-center py-24"},Q={class:"w-20 h-20 bg-slate-100 rounded-full flex items-center justify-center mx-auto mb-6 text-slate-300"},ee=V({__name:"index",async setup(o){let c,d;const{videoItems:u,fetchVideos:m,loading:p}=$({limit:50}),{isYoutubeUrl:f,getYoutubeEmbedUrl:g}=j();[c,d]=T(()=>m()),await c,d();const b=n(()=>[...u.value].sort((i,e)=>new Date(e.createdAt).getTime()-new Date(i.createdAt).getTime()));return A({title:"Video Galeri - Tokat Belediyesi",meta:[{name:"description",content:"Tokat Belediyesi video galerisi ve medya içerikleri."}]}),(i,e)=>(l(),a("div",z,[t("div",E,[t("div",N,[t("div",S,[x(r(k),{class:"w-4 h-4"}),e[0]||(e[0]=B(" Medya ",-1))]),e[1]||(e[1]=t("h1",{class:"text-3xl md:text-5xl font-bold text-slate-900 dark:text-white mb-4 tracking-tight"},"Video Galeri",-1)),e[2]||(e[2]=t("p",{class:"text-slate-500 text-lg"},"Tokat Belediyesi'nden en güncel videolar, etkinlikler ve projelerden görüntüler.",-1))]),r(p)?(l(),a("div",U,[(l(),a(v,null,y(4,s=>t("div",{key:s,class:"space-y-4"},[...e[3]||(e[3]=[t("div",{class:"aspect-video bg-slate-200 dark:bg-slate-800 rounded-2xl animate-pulse"},null,-1),t("div",{class:"h-4 bg-slate-200 dark:bg-slate-800 rounded w-3/4 animate-pulse"},null,-1),t("div",{class:"h-4 bg-slate-200 dark:bg-slate-800 rounded w-1/2 animate-pulse"},null,-1)])])),64))])):b.value.length>0?(l(),a("div",Y,[(l(!0),a(v,null,y(b.value,s=>(l(),a("div",{key:s.id,class:"group flex flex-col bg-white dark:bg-slate-900 rounded-3xl overflow-hidden shadow-xl border border-slate-100 dark:border-slate-800 hover:shadow-2xl hover:border-red-100 transition-all duration-300"},[t("div",F,[r(f)(s.url)?(l(),a("iframe",{key:0,src:r(g)(s.url)||"",class:"w-full h-full",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowfullscreen:""},null,8,L)):(l(),a("video",{key:1,src:s.url,class:"w-full h-full object-cover",controls:"",playsinline:"",preload:"metadata",poster:s.thumbnailUrl||void 0}," Tarayıcınız video etiketini desteklemiyor. ",8,O))]),t("div",P,[t("div",R,[t("div",H,[x(r(G),{class:"w-3.5 h-3.5"}),t("span",null,D(s.createdAt?new Date(s.createdAt).toLocaleDateString("tr-TR",{day:"numeric",month:"long",year:"numeric"}):""),1)]),s.albumId?(l(),a("div",K,[x(r(k),{class:"w-3.5 h-3.5"}),e[4]||(e[4]=t("span",null,"Galeri",-1))])):C("",!0)]),e[5]||(e[5]=t("div",{class:"mt-auto pt-4 flex items-center justify-between border-t border-slate-100 dar

1k:border-slate-800"},[t("span",{class:"text-sm font-medium text-red-600 flex items-center gap-1"}," Tokat Belediyesi ")],-1))])]))),128))])):(l(),a("div",M,[t("div",Q,[x(r(I),{class:"w-10 h-10"})]),e[6]||(e[6]=t("h3",{class:"text-xl font-bold text-slate-900 mb-2"},"Video Bulunamadı",-1)),e[7]||(e[7]=t("p",{class:"text-slate-500 max-w-md mx-auto"},"Şu anda görüntülenecek video bulunmuyor. Daha sonra tekrar kontrol edebilirsiniz.",-1))]))])]))}});export{ee as default};