https://cianjurkab.go.id/assets/SelfPage-aIZ8E5Dn.js

1import{j as e,f as N,C as z,b as v}from"./index-CTCCZ3cj.js";import{R as j,M as I,a1 as $,a2 as C,a3 as L,A as b,Q as _,V,W as B,Y as J,G as T,u as K,P as E,F as y,_ as F,b as f,q as M}from"./icons-vendor-g5_cZw3I.js";import{L as k,c as D}from"./router-vendor-D69GvUnw.js";import{P as p}from"./PageLayout-BR0Jt7eH.js";import{f as R}from"./formatSlug-CD7WimhG.js";import{g as U}from"./layanan.service-DsB047Xw.js";import{g,a as G}from"./news.service-0-aF-Ty-.js";import{g as H}from"./saber.service-CmTV8FDh.js";import{g as O}from"./youtube.service-BOc8CYfZ.js";import{P as w}from"./Pagination-xVvjduBL.js";import"./pdf-vendor-VwBuNVfd.js";import"./utils-vendor-B9ygI19o.js";const q=()=>{const s=[{icon:I,title:"Alamat Kantor",content:"Jl. Siti Jenab No. 31, Pamoyanan, Kec. Cianjur, Kabupaten Cianjur, Jawa Barat 43211",action:"Lihat di Google Maps",href:"https://maps.google.com/?q=Pendopo+Kabupaten+Cianjur"},{icon:$,title:"Call Center & Kedaruratan",content:"112 (Darurat Bebas Pulsa)",action:"Hubungi Hotline",href:"tel:112"},{icon:C,title:"Surat Elektronik (Email)",content:"[email protected]",action:"Kirim Email",href:"mailto:[email protected]"},{icon:L,title:"Layanan Pengaduan SP4N LAPOR",content:"Sampaikan aspirasi dan laporan pelayanan publik secara terpadu melalui portal nasional.",action:"Kunjungi SP4N LAPOR",href:"https://www.lapor.go.id"}],t=[{icon:_,href:"https://facebook.com/pemkabcjr",label:"Facebook"},{icon:V,href:"https://twitter.com/pemkabcjr",label:"Twitter"},{icon:B,href:"https://instagram.com/pemkabcjr",label:"Instagram"},{icon:J,href:"https://youtube.com/@CianjurkabTV",label:"YouTube"},{icon:T,href:"https://cianjurkab.go.id",label:"Portal Web"}];return e.jsxs("div",{className:"w-full max-w-6xl mx-auto space-y-12 py-4",children:[e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:s.map((i,d)=>{const n=i.icon;return e.jsx("div",{className:"bezel-shell p-1.5 h-full",children:e.jsxs("div",{className:"bezel-core p-6 h-full flex flex-col justify-between space-y-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"p-3 rounded-2xl bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 w-max",children:e.jsx(n,{className:"w-5 h-5"})}),e.jsx("h3",{className:"text-base font-extrabold text-slate-900 dark:text-white",children:i.title}),e.jsx("p",{className:"text-xs sm:text-sm text-slate-600 dark:text-slate-300 leading-relaxed",children:i.content})]}),e.jsxs("a",{href:i.href,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1.5 text-xs font-bold text-emerald-600 dark:text-emerald-400 hover:text-emerald-500 pt-2",children:[e.jsx("span",{children:i.action}),e.jsx(b,{className:"w-3.5 h-3.5"})]})]})},`contact-${d}`)})}),e.jsx("div",{className:"bezel-shell p-2",children:e.jsxs("div",{className:"bezel-core p-8 sm:p-10 flex flex-col sm:flex-row items-center justify-between gap-6 bg-gradient-to-r from-emerald-950/20 via-slate-900/10 to-teal-950/20",children:[e.jsxs("div",{className:"text-center sm:text-left space-y-1",children:[e.jsx("h3",{className:"text-lg font-extrabold text-slate-900 dark:text-white",children:"Saluran Informasi & Media Sosial Resmi"}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400",children:"Ikuti publikasi rilis pers resmi Pemerintah Kabupaten Cianjur."})]}),e.jsx("div",{className:"flex flex-wrap gap-2.5",children:t.map((i,d)=>{const n=i.icon;return e.jsx("a",{href:i.href,target:"_blank",rel:"noopener noreferrer","aria-label":i.label,className:"p-3 rounded-xl bg-white dark:bg-zinc-800 border border-slate-200 dark:border-zinc-700 text-slate-700 dark:text-slate-200 hover:bg-emerald-600 hover:text-white hover:border-emerald-600 transition-all duration-200 shadow-sm",children:e.jsx(n,{className:"w-4 h-4"})},`soc-${d}`)})})]})})]})},Y=j.memo(q),W=({item:s,slug:t})=>{const i=t==="informasi-penting",d=t==="cianjur-saber-hoax",n=t==="video",u=t==="layak-anak";if(d)return e.jsx("div",{className:"h-full",children:e.jsx("a",{href:s.LinkInstagram||"#",target:"_blank",rel:"noopener noreferrer",className:"group block h-full focus:outline-none",children:e.jsx("div",{className:"bezel-shell p-1.5 h-full group-hover:ring-emerald-500/40",children:e.jsxs("div",{className:"bezel-core p-0 h-full overflow-hidden relative min-h-[300px] flex flex-col justify-end",children:[e.jsx("img",{src:s.Thumbn

1ail?.url?`https://editor.cianjurkab.go.id${s.Thumbnail.url}`:"/cianjur.png",alt:s.Judul||"Saber Hoaks",className:"absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-500",loading:"lazy"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950/40 to-transparent"}),e.jsxs("div",{className:"relative z-10 p-5 text-white space-y-2",children:[e.jsxs("div",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-rose-500/20 text-rose-300 text-[10px] font-bold uppercase tracking-wider border border-rose-500/30",children:[e.jsx(K,{className:"w-3 h-3"}),e.jsx("span",{children:"Klarifikasi Hoaks"})]}),e.jsx("h3",{className:"text-sm font-bold leading-snug line-clamp-2 group-hover:text-emerald-300 transition-colors",children:s.Judul})]})]})})})});if(n){const o=s.link||s.LinkVideo||"",l=o.includes("youtu.be/")?o.split("youtu.be/")[1]?.split("?")[0]:o.includes("watch?v=")?o.split("watch?v=")[1]?.split("&")[0]:o.substr(17,50);return e.jsx("div",{className:"h-full",children:e.jsx("div",{className:"bezel-shell p-1.5 h-full group-hover:ring-emerald-500/40",children:e.jsxs("div",{className:"bezel-core p-0 h-full overflow-hidden flex flex-col",children:[e.jsx("div",{className:"relative aspect-video w-full bg-slate-900 overflow-hidden",children:l?e.jsx("iframe",{src:`https://www.youtube.com/embed/${l}`,title:s.Judul||s.title||"Video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,className:"w-full h-full border-0",loading:"lazy"}):e.jsx("div",{className:"flex items-center justify-center h-full text-slate-500",children:e.jsx(E,{className:"w-8 h-8"})})}),(s.Judul||s.title)&&e.jsxs("div",{className:"p-4 flex-1 flex flex-col justify-between",children:[e.jsx("h3",{className:"text-xs font-bold text-slate-900 dark:text-slate-100 line-clamp-2 leading-snug",children:s.Judul||s.title}),e.jsxs("div",{className:"flex items-center gap-2 mt-3 pt-2 border-t border-slate-100 dark:border-zinc-800 text-[10px] text-slate-400",children:[e.jsx("span",{className:"font-semibold text-emerald-600 dark:text-emerald-400",children:"Cianjur TV"}),e.jsx("span",{children:"•"}),e.jsx("span",{children:"Video Resmi"})]})]})]})})})}if(u||i){const o=s.url||(s.slug?`/berita/${s.slug}`:"#"),l=s.thumbnail?.[0]?.url||s.thumbnail?.url;return e.jsx("div",{className:"h-full",children:e.jsx(k,{to:o,className:"group block h-full focus:outline-none",children:e.jsx("div",{className:"bezel-shell p-1.5 h-full group-hover:ring-emerald-500/40",children:e.jsxs("div",{className:"bezel-core p-0 h-full overflow-hidden relative min-h-[320px] flex flex-col justify-end",children:[l?e.jsx("img",{src:`https://editor.cianjurkab.go.id${l}`,alt:s.Title||"Informasi",className:"absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-500",loading:"lazy"}):e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-emerald-900 to-slate-900 flex items-center justify-center text-white/40",children:e.jsx(y,{className:"w-12 h-12"})}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950/50 to-transparent"}),e.jsxs("div",{className:"relative z-10 p-5 text-white space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"inline-flex items-center px-2.5 py-0.5 rounded-full bg-emerald-500/20 text-emerald-300 text-[10px] font-bold uppercase tracking-wider border border-emerald-500/30",children:s.categories?.[0]?.Name||(u?"Layak Anak":"Info Penting")}),s.tgl_tayang&&e.jsx("span",{className:"text-[10px] text-slate-300 font-medium",children:N(s.tgl_tayang)})]}),e.jsx("h3",{className:"text-sm font-bold leading-snug line-clamp-2 group-hover:text-emerald-300 transition-colors",children:s.Title})]})]})})})})}const m=s.url||(s.slug?`/berita/${s.slug}`:"#"),r=s.thumbnail?.[0]?.url||s.thumbnail?.url;return e.jsx("div",{className:"h-full",children:e.jsx(k,{to:m,className:"group block h-full focus:outline-none",children:e.jsx("div",{className:"bezel-shell p-1.5 h-full group-hover:ring-emerald-500/40",children:e.jsxs("div",{className:"bezel-core p-0 h-full overflow-hidden flex flex-col justify-between",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"relative aspect-[16/10] w-full overflow-hidden bg-slate-100 dar

1k:bg-zinc-800",children:[r?e.jsx("img",{src:`https://editor.cianjurkab.go.id${r}`,alt:s.Title||"Berita",className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500",loading:"lazy"}):e.jsx("div",{className:"flex items-center justify-center w-full h-full text-slate-400",children:e.jsx(y,{className:"w-8 h-8"})}),s.categories?.[0]?.Name&&e.jsx("div",{className:"absolute top-3 left-3",children:e.jsx("span",{className:"px-2.5 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider bg-slate-900/70 backdrop-blur-md text-white border border-white/10",children:s.categories[0].Name})})]}),e.jsxs("div",{className:"p-5 space-y-2.5",children:[s.tgl_tayang&&e.jsxs("div",{className:"flex items-center gap-1.5 text-[11px] font-semibold text-emerald-600 dark:text-emerald-400",children:[e.jsx(F,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:N(s.tgl_tayang)})]}),e.jsx("h3",{className:"text-sm font-bold text-slate-900 dark:text-white leading-snug line-clamp-2 group-hover:text-emerald-600 dark:group-hover:text-emerald-400 transition-colors",children:s.Title}),s.DeskripsiBaru&&e.jsx("div",{className:"text-xs text-slate-500 dark:text-slate-400 line-clamp-2 leading-relaxed",children:e.jsx(z,{html:s.DeskripsiBaru.substring(0,100)+"..."})})]})]}),e.jsxs("div",{className:"px-5 pb-5 pt-2 flex items-center justify-between border-t border-slate-100 dark:border-zinc-800/80 mt-auto",children:[e.jsx("span",{className:"text-[11px] font-semibold text-slate-400",children:"Pemerintah Kabupaten Cianjur"}),e.jsx("div",{className:"w-7 h-7 rounded-full bg-slate-100 dark:bg-zinc-800 flex items-center justify-center text-slate-400 group-hover:bg-emerald-500 group-hover:text-white group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all",children:e.jsx(b,{className:"w-3.5 h-3.5"})})]})]})})})})},Q=j.memo(W),X=({items:s=[],itemsPerPage:t=12,slug:i})=>{const[d,n]=f.useState(1),u=Math.ceil(s.length/t),m=d*t,r=m-t,o=s.slice(r,m),l=()=>{switch(i){case"informasi-penting":case"cianjur-saber-hoax":case"layak-anak":return"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";case"video":return"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";default:return"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3"}};return!s||s.length===0?e.jsxs("div",{className:"text-center py-16 space-y-3",children:[e.jsx("div",{className:"w-12 h-12 rounded-full bg-slate-100 dark:bg-zinc-800 flex items-center justify-center text-slate-400 mx-auto",children:"📁"}),e.jsx("p",{className:"text-sm font-semibold text-slate-500 dark:text-slate-400",children:"Belum ada data yang dapat ditampilkan untuk kategori ini."})]}):e.jsxs("div",{className:"w-full space-y-6",children:[e.jsx("div",{className:`grid ${l()} gap-6`,children:o.map((x,a)=>e.jsx(Q,{item:x,slug:i},`item-${x.id||a}`))}),u>1&&e.jsx(w,{currentPage:d,totalPages:u,onPageChange:n})]})},Z=j.memo(X),h=12,ee=()=>{const[s,t]=f.useState([]),[i,d]=f.useState(!0),[n,u]=f.useState(1),r=D().slug||"",o=R(r);if(f.useEffect(()=>{let l=!0;return d(!0),u(1),(async()=>{try{if(r==="kontak"){l&&t([]);return}if(r==="layanan-publik"){const a=await U();l&&t(Array.isArray(a)?a:[])}else if(r==="berita"){const a=await g();l&&Array.isArray(a)&&t(a.filter(c=>c.categories?.[0]?.Name==="Berita"))}else if(r==="informasi-penting"){const a=await g();l&&Array.isArray(a)&&t(a.filter(c=>c.categories?.[0]?.Name==="Info Penting"))}else if(r==="cianjur-saber-hoax"){const a=await H();l&&t(Array.isArray(a)?a:[])}else if(r==="video"){const a=await O();l&&t(Array.isArray(a)?a:[])}else if(r==="apbd"){const a=await g();l&&Array.isArray(a)&&t(a.filter(c=>c.categories?.[0]?.Name==="APBD"))}else if(r==="layak-anak"){const a=await g();l&&Array.isArray(a)&&t(a.filter(c=>c.categories?.[0]?.Name==="Layak Anak"))}else if(r==="sosialisasi"){const a=await G();l&&t(Array.isArray(a)?a:[])}else{const a=await g();l&&Array.isArray(a)&&t(a)}}catch{}finally{l&&d(!1)}})(),()=>{l=!1}},[r]),r==="kontak")return e.jsx(p,{from:"Beranda",title:o,children:e.jsx(Y,{})});if(r==="layanan-publik"){const l=Math.ceil(s.length/h),x=s.slice((n-1)*h,n*h);return e.jsx(p,{from:"Beranda",title:o,children:e.jsxs("div",{className:"w-full",children:[i?e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6",children:e.jsx(v,{count:8,height:180,className:"rounded-[1.75rem]"})}):s.length===0?e.jsx("div",{className:"text-center py-16 text-slate-500",children:"Belum ada layanan yang tersedia."}):e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6",children:x.map((a,c)=>e.jsx("a",{href:a.url||a.slug,target:"_blank",rel:"noopener noreferrer",className:"group block h-full focus:outline-none",children:e.jsx("div",{className:"bezel-shell p-1.5 h-full group-hover:ring-emerald-500/40",children:e.jsxs("div",{className:"bezel-core p-6 h-full flex flex-col items-center text-center justify-between",children:[e.jsx("div",{className:"p-4 rounded-2xl bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 group-hover:bg-emerald-600 group-hover:text-white transition-all duration-300 shadow-sm mb-4",children:a.icon?.url?e.jsx("img",{src:`https://editor.cianjurkab.go.id${a.icon.url}`,alt:a.name,className:"w-10 h-10 object-contain",loading:"lazy"}):e.jsx(M,{className:"w-8 h-8"})}),e.jsx("h3",{className:"text-xs sm:text-sm font-bold text-slate-900 dark:text-slate-100 group-hover:text-emerald-600 dark:group-hover:text-emerald-400 transition-colors line-clamp-2",children:a.name||a.Title}),e.jsxs("div",{className:"mt-4 inline-flex items-center gap-1.5 text-[11px] font-semibold text-emerald-600 dark:text-emerald-400",children:[e.jsx("span",{children:"Akses Layanan"}),e.jsx(b,{className:"w-3.5 h-3.5 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"})]})]})})},`layanan-${a.id||c}`))}),l>1&&e.jsx(w,{currentPage:n,totalPages:l,onPageChange:u})]})})}if(r==="sosialisasi"){const l=Math.ceil(s.length/h),x=s.slice((n-1)*h,n*h);return e.jsx(p,{from:"Beranda",title:o,children:e.jsxs("div",{className:"w-full",children:[i?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:e.jsx(v,{count:6,height:260,className:"rounded-[1.75rem]"})}):s.length===0?e.jsx("div",{className:"text-center py-16 text-slate-500",children:"Belum ada sosialisasi yang diunggah."}):e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:x.map((a,c)=>{const P=a.kategori_sosialisases?.[0]?.Judul==="Video",A=a.kategori_sosialisases?.[0]?.Slug||"umum";if(P&&a.LinkVideo){const S=a.LinkVideo.includes("youtu.be/")?a.LinkVideo.split("youtu.be/")[1]?.split("?")[0]:a.LinkVideo.split("/").pop();return e.jsx("div",{className:"h-full",children:e.jsx("div",{className:"bezel-shell p-1.5 h-full",children:e.jsxs("div",{className:"bezel-core p-0 h-full overflow-hidden flex flex-col",children:[e.jsx("div",{className:"aspect-video w-full bg-slate-900",children:e.jsx("iframe",{src:`https://www.youtube.com/embed/${S}`,title:a.Judul||"Video Sosialisasi",allowFullScreen:!0,className:"w-full h-full border-0",loading:"lazy"})}),e.jsxs("div",{className:"p-4 flex-1 flex flex-col justify-between",children:[e.jsx("h3",{className:"text-xs font-bold text-slate-900 dark:text-white line-clamp-2",children:a.Judul}),e.jsx("span",{className:"inline-block mt-3 px-2.5 py-0.5 rounded-full bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 text-[10px] font-bold uppercase self-start",children:"Video Edukasi"})]})]})})},`sos-vid-${c}`)}return e.jsx("div",{className:"h-full",children:e.jsx(k,{to:`/sosialisasi/${A}/${a.Slug}`,className:"group block h-full focus:outline-none",children:e.jsx("div",{className:"bezel-shell p-1.5 h-full group-hover:ring-emerald-500/40",children:e.jsxs("div",{className:"bezel-core p-0 h-full overflow-hidden flex flex-col justify-between",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"aspect-[16/10] w-full overflow-hidden bg-slate-100 dar

1k:bg-zinc-800 relative",children:[e.jsx("img",{src:a.thumbnail?.url?`https://editor.cianjurkab.go.id${a.thumbnail.url}`:"/cianjur.png",alt:a.Judul,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500",loading:"lazy"}),a.tgl_tayang&&e.jsx("div",{className:"absolute top-3 left-3",children:e.jsx("span",{className:"px-2.5 py-1 rounded-full text-[10px] font-bold bg-slate-900/70 backdrop-blur-md text-white border border-white/10",children:N(a.tgl_tayang)})})]}),e.jsxs("div",{className:"p-5 space-y-2",children:[e.jsx("h3",{className:"text-sm font-bold text-slate-900 dark:text-white line-clamp-2 group-hover:text-emerald-600 dark:group-hover:text-emerald-400 transition-colors",children:a.Judul}),a.Deskripsi&&e.jsx("div",{className:"text-xs text-slate-500 dark:text-slate-400 line-clamp-2 leading-relaxed",children:e.jsx(z,{html:a.Deskripsi.substring(0,100)+"..."})})]})]}),e.jsxs("div",{className:"px-5 pb-5 pt-2 flex items-center justify-between border-t border-slate-100 dark:border-zinc-800/80 mt-auto",children:[e.jsx("span",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-600 dark:text-emerald-400",children:a.kategori_sosialisases?.[0]?.Judul||"Sosialisasi"}),e.jsx("div",{className:"w-6 h-6 rounded-full bg-slate-100 dark:bg-zinc-800 flex items-center justify-center text-slate-400 group-hover:bg-emerald-500 group-hover:text-white transition-colors",children:e.jsx(b,{className:"w-3.5 h-3.5"})})]})]})})})},`sos-item-${c}`)})}),l>1&&e.jsx(w,{currentPage:n,totalPages:l,onPageChange:u})]})})}return e.jsx(p,{from:"Beranda",title:o,children:i?e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 w-full",children:e.jsx(v,{count:6,height:280,className:"rounded-[1.75rem]"})}):e.jsx(Z,{items:s,slug:r})})},he=j.memo(ee);export{he as default};