"use client"; import { useEffect, useState } from "react"; import Link from "next/link"; type Service = { id: number; title: string; slug: string; description: string | null; icon: string | null; image: string | null; featured: boolean; active: boolean; }; export default function ServicesAdminPage() { const [services, setServices] = useState([]); const [loading, setLoading] = useState(true); const [sidebarOpen, setSidebarOpen] = useState(false); const [deletingId, setDeletingId] = useState(null); const getServices = async () => { try { setLoading(true); const response = await fetch("/api/services", { cache: "no-store", }); const result = await response.json(); if (result.success) { setServices(result.data); } } catch (error) { console.error("GET SERVICES:", error); } finally { setLoading(false); } }; useEffect(() => { getServices(); }, []); const deleteService = async (id: number) => { const confirmed = window.confirm( "Apakah Anda yakin ingin menghapus Service ini?" ); if (!confirmed) return; try { setDeletingId(id); const response = await fetch(`/api/services/${id}`, { method: "DELETE", }); const result = await response.json(); if (!response.ok || !result.success) { alert(result.message || "Gagal menghapus Service"); return; } await getServices(); } catch (error) { console.error("DELETE SERVICE:", error); alert("Terjadi kesalahan saat menghapus Service"); } finally { setDeletingId(null); } }; const totalServices = services.length; const activeServices = services.filter( (service) => service.active ).length; const inactiveServices = services.filter( (service) => !service.active ).length; const featuredServices = services.filter( (service) => service.featured ).length; return ( <>
{/* MOBILE OVERLAY */}
setSidebarOpen(false)} /> {/* SIDEBAR */} {/* MAIN */}
{/* TOPBAR */}
ADMIN PANEL
Services Management
Website Logout
{/* CONTENT */}
{/* PAGE HEADING */}
Kembali ke Dashboard
WEBSITE CONTENT

Services

Kelola layanan atau jasa yang ditampilkan pada website portfolio GloVaTech. Atur informasi, icon, gambar, status, dan layanan unggulan dari halaman ini.

Tambah Service
{/* STATISTICS */}
Total Services
{loading ? "—" : totalServices}
Active
{loading ? "—" : activeServices}
Inactive
{loading ? "—" : inactiveServices}
Featured
{loading ? "—" : featuredServices}
{/* CONTENT CARD */}
CONTENT MANAGEMENT

Website Services

Daftar layanan yang digunakan pada section Services di halaman utama website.

{loading ? "..." : totalServices}
{/* LOADING */} {loading ? (
Memuat data Services

Sedang mengambil informasi dari database...

) : services.length === 0 ? ( /* EMPTY */
Belum ada Service

Belum terdapat layanan yang tersimpan. Tambahkan Service pertama untuk menampilkan layanan pada website utama.

Tambah Service
) : ( /* SERVICES */
{services.map((service) => (
{/* IMAGE */} {service.image ? ( {service.title} ) : (
)}
{/* TOP */}
{service.icon ? (
) : (
)}
{service.featured && ( Featured )} {service.active ? ( Active ) : ( Inactive )}
{/* TITLE */}

{service.title}

{/* SLUG */}

/{service.slug}

{/* DESCRIPTION */}

{service.description ? service.description : "Tidak ada deskripsi Service."}

{/* ACTION */}
Edit
))}
)}
{/* FOOTER */}
); }