(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[896],{7598:(a,e,s)=>{Promise.resolve().then(s.bind(s,442))},442:(a,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>i});var t=s(5155),n=s(918),l=s(2115);function i(){let[a,e]=(0,l.useState)(""),[s,i]=(0,l.useState)(!1),[r,d]=(0,l.useState)(null),[c,o]=(0,l.useState)(null),m=async e=>{e.preventDefault(),i(!0),o(null),d(null);try{let e=await fetch("".concat("https://strapi.pdammakassar.co.id","/api/tagihan?nomor=").concat(a));if(!e.ok)throw Error("Data tidak ditemukan");let s=await e.json();d(s)}catch(a){o("Tagihan tidak ditemukan atau terjadi kesalahan.")}finally{i(!1)}};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("section",{className:"max-w-xl px-4 py-12 mx-auto md:py-20",children:[(0,t.jsxs)("div",{className:"mb-10 text-center",children:[(0,t.jsx)("h1",{className:"mb-4 text-3xl font-bold text-gray-200 md:text-4xl",children:"Info Tagihan PDAM Makassar"}),(0,t.jsx)("p",{className:"max-w-2xl mx-auto text-indigo-200/80",children:"Cek tagihan air Anda dengan memasukkan nomor pelanggan PDAM Makassar."})]}),(0,t.jsxs)("form",{onSubmit:m,className:"flex flex-col gap-4 p-6 shadow-lg bg-gray-800/40 rounded-xl",children:[(0,t.jsxs)("label",{className:"text-sm font-medium text-left text-indigo-200/80",children:["Nomor Pelanggan",(0,t.jsx)("input",{type:"text",value:a,onChange:a=>e(a.target.value),className:"w-full px-4 py-2 mt-2 text-gray-100 bg-gray-900 border border-gray-700 rounded focus:outline-none focus:ring-2 focus:ring-indigo-500",placeholder:"Masukkan nomor pelanggan",required:!0})]}),(0,t.jsx)("button",{type:"submit",className:"py-2 font-semibold text-white transition bg-indigo-600 rounded hover:bg-indigo-700",disabled:s,children:s?"Memproses...":"Cek Tagihan"})]}),(0,t.jsxs)("div",{className:"mt-8",children:[c&&(0,t.jsx)("div",{className:"text-center text-red-400",children:c}),r&&(0,t.jsxs)("div",{className:"p-6 mt-4 text-indigo-100 shadow bg-gray-900/70 rounded-xl",children:[(0,t.jsx)("h2",{className:"mb-2 text-lg font-bold",children:"Detail Tagihan"}),(0,t.jsxs)("div",{className:"mb-2",children:[(0,t.jsx)("span",{className:"font-semibold",children:"Nama:"})," ",r.nama||"-"]}),(0,t.jsxs)("div",{className:"mb-2",children:[(0,t.jsx)("span",{className:"font-semibold",children:"Nomor Pelanggan:"})," ",r.nomor||a]}),(0,t.jsxs)("div",{className:"mb-2",children:[(0,t.jsx)("span",{className:"font-semibold",children:"Alamat:"})," ",r.alamat||"-"]}),(0,t.jsxs)("div",{className:"mb-2",children:[(0,t.jsx)("span",{className:"font-semibold",children:"Periode:"})," ",r.periode||"-"]}),(0,t.jsxs)("div",{className:"mb-2",children:[(0,t.jsx)("span",{className:"font-semibold",children:"Total Tagihan:"})," ",(0,t.jsx)("span",{className:"font-bold text-green-400",children:r.total?"Rp".concat(r.total.toLocaleString("id-ID")):"-"})]})]})]})]}),(0,t.jsx)(n.A,{})]})}},918:(a,e,s)=>{"use strict";s.d(e,{A:()=>r});var t=s(5155);let n={src:"/_next/static/media/footer-illustration.d3f176f6.svg",height:378,width:1076,blurWidth:0,blurHeight:0};var l=s(5565),i=s(2242);function r(){return(0,t.jsx)("footer",{children:(0,t.jsxs)("div",{className:"relative max-w-6xl px-4 mx-auto sm:px-6",children:[(0,t.jsx)("div",{className:"absolute bottom-0 -translate-x-1/2 pointer-events-none left-1/2 -z-10","aria-hidden":"true",children:(0,t.jsx)(l.default,{className:"max-w-none",src:n,width:1076,height:378,alt:"Footer illustration"})}),(0,t.jsxs)("div",{className:"grid grid-cols-1 gap-8 py-8 md:grid-cols-2 md:py-12",children:[(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)("h3",{className:"text-lg font-semibold text-gray-200",children:"Kantor Pusat"}),(0,t.jsx)("p",{className:"text-indigo-200/80",children:"Alirkan Pengabdian"}),(0,t.jsxs)("div",{className:"space-y-2 text-sm text-indigo-200/65",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"font-medium text-gray-200",children:"Lokasi:"}),(0,t.jsx)("br",{}),"Jl. Dr. Ratulangi No. 3"]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"font-medium text-gray-200",children:"Telepon:"}),(0,t.jsx)("br",{}),"(0411) 876777"]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"font-medium text-gray-200",children:"Alamat Email:"}),(0,t.jsx)("br",{}),"pusat.pdammks@gmail.com"]})]})]}),(0,t.jsxs)("div",{className:"flex flex-col items-start justify-between md:items-end",children:[(0,t.jsx)("div",{className:"mb-3",children:(0,t.jsx)(i.A,{})}),(0,t.jsx)("div",{className:"text-sm text-indigo-200/65",children:"\xa9 PDAM Kota Makassar"})]})]})]})})}},2242:(a,e,s)=>{"use strict";s.d(e,{A:()=>d});var t=s(5155);let n={src:"/_next/static/media/logo.4e0d4118.png",height:380,width:456,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAb1BMVEVEk8wpnNoCVqoDR5usz+YvoNt4rtXi//+nxeM0reuctNUakNI8p906pt4XR5g+er2iwN46pt5rptEAN5Beptaw3fR7xOhmuuU2kc0EZrMFU6NwqNNltuSex+NRotVBsOhns9+DuNy+2vSQ1/0Cab/4BKBGAAAAHnRSTlMQqf7e/fX+A/3+svzDbWv9m8r8wu784Y75qYnz6P7Pn/k5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQUlEQVR4nAXBBQLAIAwEsEML8zGXApP/v5EEhHY06wagST4tn4Dwps6ad9w5xof5wmyD1e4dcPxS9q4CcCo1dUQFbpEDZkFhViMAAAAASUVORK5CYII=",blurWidth:8,blurHeight:7};var l=s(5565),i=s(8173),r=s.n(i);function d(){return(0,t.jsxs)(r(),{href:"/",className:"inline-flex items-center gap-2 shrink-0","aria-label":"PDAM Makassar",children:[(0,t.jsx)(l.default,{src:n,alt:"PDAM Makassar Logo",width:50,height:50}),(0,t.jsxs)("span",{className:"hidden text-xs font-bold leading-tight text-blue-50 sm:block",children:[(0,t.jsx)("span",{className:"block",children:"PDAM"}),(0,t.jsx)("span",{className:"block font-normal text-[10px] tracking-wide",children:"PERUMDA AIR MINUM"}),(0,t.jsx)("span",{className:"block font-normal text-[10px] tracking-wide",children:"KOTA MAKASSAR"})]})]})}}},a=>{var e=e=>a(a.s=e);a.O(0,[173,565,441,517,358],()=>e(7598)),_N_E=a.O()}]);