(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[543],{6423:(e,a,t)=>{Promise.resolve().then(t.bind(t,4717))},4717:(e,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>n});var s=t(5155),i=t(918),l=t(2115);function n(){let[e,a]=(0,l.useState)(""),[t,n]=(0,l.useState)(""),[r,d]=(0,l.useState)(""),[o,c]=(0,l.useState)(!1),[m,x]=(0,l.useState)(!1),[u,h]=(0,l.useState)(null),g=async s=>{s.preventDefault(),c(!0),h(null),x(!1);try{if(!(await fetch("".concat("https://strapi.pdammakassar.co.id","/api/keluhan"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({nama:e,email:t,pesan:r})})).ok)throw Error("Gagal mengirim keluhan.");x(!0),a(""),n(""),d("")}catch(e){h("Keluhan gagal dikirim. Silakan coba lagi.")}finally{c(!1)}};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("section",{className:"max-w-xl px-4 py-12 mx-auto md:py-20",children:[(0,s.jsxs)("div",{className:"mb-10 text-center",children:[(0,s.jsx)("h1",{className:"mb-4 text-3xl font-bold text-gray-200 md:text-4xl",children:"Formulir Keluhan Pelanggan"}),(0,s.jsx)("p",{className:"max-w-2xl mx-auto text-indigo-200/80",children:"Sampaikan keluhan, kritik, atau saran Anda terkait layanan PDAM Makassar melalui formulir berikut."})]}),(0,s.jsxs)("form",{onSubmit:g,className:"flex flex-col gap-4 p-6 shadow-lg bg-gray-800/40 rounded-xl",children:[(0,s.jsxs)("label",{className:"text-sm font-medium text-left text-indigo-200/80",children:["Nama",(0,s.jsx)("input",{type:"text",value:e,onChange:e=>a(e.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:"Nama lengkap",required:!0})]}),(0,s.jsxs)("label",{className:"text-sm font-medium text-left text-indigo-200/80",children:["Email",(0,s.jsx)("input",{type:"email",value:t,onChange:e=>n(e.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:"Alamat email aktif",required:!0})]}),(0,s.jsxs)("label",{className:"text-sm font-medium text-left text-indigo-200/80",children:["Pesan / Keluhan",(0,s.jsx)("textarea",{value:r,onChange:e=>d(e.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",rows:5,placeholder:"Tulis keluhan atau saran Anda di sini",required:!0})]}),(0,s.jsx)("button",{type:"submit",className:"py-2 font-semibold text-white transition bg-indigo-600 rounded hover:bg-indigo-700",disabled:o,children:o?"Mengirim...":"Kirim Keluhan"})]}),(0,s.jsxs)("div",{className:"mt-8",children:[u&&(0,s.jsx)("div",{className:"text-center text-red-400",children:u}),m&&(0,s.jsx)("div",{className:"text-center text-green-400",children:"Keluhan Anda berhasil dikirim. Terima kasih atas masukan Anda!"})]})]}),(0,s.jsx)(i.A,{})]})}},918:(e,a,t)=>{"use strict";t.d(a,{A:()=>r});var s=t(5155);let i={src:"/_next/static/media/footer-illustration.d3f176f6.svg",height:378,width:1076,blurWidth:0,blurHeight:0};var l=t(5565),n=t(2242);function r(){return(0,s.jsx)("footer",{children:(0,s.jsxs)("div",{className:"relative max-w-6xl px-4 mx-auto sm:px-6",children:[(0,s.jsx)("div",{className:"absolute bottom-0 -translate-x-1/2 pointer-events-none left-1/2 -z-10","aria-hidden":"true",children:(0,s.jsx)(l.default,{className:"max-w-none",src:i,width:1076,height:378,alt:"Footer illustration"})}),(0,s.jsxs)("div",{className:"grid grid-cols-1 gap-8 py-8 md:grid-cols-2 md:py-12",children:[(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsx)("h3",{className:"text-lg font-semibold text-gray-200",children:"Kantor Pusat"}),(0,s.jsx)("p",{className:"text-indigo-200/80",children:"Alirkan Pengabdian"}),(0,s.jsxs)("div",{className:"space-y-2 text-sm text-indigo-200/65",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"font-medium text-gray-200",children:"Lokasi:"}),(0,s.jsx)("br",{}),"Jl. Dr. Ratulangi No. 3"]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"font-medium text-gray-200",children:"Telepon:"}),(0,s.jsx)("br",{}),"(0411) 876777"]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"font-medium text-gray-200",children:"Alamat Email:"}),(0,s.jsx)("br",{}),"pusat.pdammks@gmail.com"]})]})]}),(0,s.jsxs)("div",{className:"flex flex-col items-start justify-between md:items-end",children:[(0,s.jsx)("div",{className:"mb-3",children:(0,s.jsx)(n.A,{})}),(0,s.jsx)("div",{className:"text-sm text-indigo-200/65",children:"\xa9 PDAM Kota Makassar"})]})]})]})})}},2242:(e,a,t)=>{"use strict";t.d(a,{A:()=>d});var s=t(5155);let i={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=t(5565),n=t(8173),r=t.n(n);function d(){return(0,s.jsxs)(r(),{href:"/",className:"inline-flex items-center gap-2 shrink-0","aria-label":"PDAM Makassar",children:[(0,s.jsx)(l.default,{src:i,alt:"PDAM Makassar Logo",width:50,height:50}),(0,s.jsxs)("span",{className:"hidden text-xs font-bold leading-tight text-blue-50 sm:block",children:[(0,s.jsx)("span",{className:"block",children:"PDAM"}),(0,s.jsx)("span",{className:"block font-normal text-[10px] tracking-wide",children:"PERUMDA AIR MINUM"}),(0,s.jsx)("span",{className:"block font-normal text-[10px] tracking-wide",children:"KOTA MAKASSAR"})]})]})}}},e=>{var a=a=>e(e.s=a);e.O(0,[173,565,441,517,358],()=>a(6423)),_N_E=e.O()}]);