Files
humicletter/letter/acceptanceletter/index.html
T
2026-06-09 16:51:15 +07:00

1 line
8.8 KiB
HTML

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/logo-humic-text.png"/><link rel="stylesheet" href="/_next/static/css/b69a220b0ec9f4ef.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-e9693970e20ac09d.js"/><script src="/_next/static/chunks/4bd1b696-5f4c6b02b6302f23.js" async=""></script><script src="/_next/static/chunks/587-ab60ccca3f5d4b3b.js" async=""></script><script src="/_next/static/chunks/main-app-8ea9f1a566d9c379.js" async=""></script><script src="/_next/static/chunks/app/layout-24cbe5741c0aefbd.js" async=""></script><script src="/_next/static/chunks/251-0eacfa5121a03fe8.js" async=""></script><script src="/_next/static/chunks/651-9cfa3aad28becb27.js" async=""></script><script src="/_next/static/chunks/app/letter/acceptanceletter/page-f5aeb68c5b1400de.js" async=""></script><title>Website Surat Menyurat</title><meta name="description" content="A Next.js application"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x32"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div class="min-h-screen bg-gray-100"><nav class="bg-white shadow-md px-10 py-4 flex items-center justify-between"><div class="flex items-center gap-8"><img src="/logo-humic-text.png" alt="Logo" class="h-12 mr-3"/><a href="/homepage" class="text-gray-700 hover:text-[#B4262A] font-medium cursor-pointer transition duration-300">Home</a><div class="relative"><button class="text-[#B4262A] font-semibold border-b-2 border-[#B4262A] cursor-pointer transition duration-300">Letter</button></div></div><div class="relative"><button><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></button></div></nav><div class="px-4 md:px-20 py-10"><h1 class="text-2xl font-semibold text-black mb-1">Practical Work Acceptance Letter</h1><p class="text-gray-500 mb-6">Kelola surat penerimaan kerja praktik mahasiswa</p><div class="flex flex-wrap gap-3 mb-4"><button class="bg-red-600 text-white px-4 py-2 rounded flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-plus"><circle cx="12" cy="12" r="10"></circle><path d="M8 12h8"></path><path d="M12 8v8"></path></svg> Apply letter</button><button class="bg-white text-black border px-4 py-2 rounded flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg> View template</button><input type="text" placeholder="Search..." class="border px-4 py-2 rounded-md text-sm w-full max-w-xs" value=""/></div><div class="bg-white p-6 rounded shadow overflow-x-auto"><table class="w-full text-sm text-left border"><thead class="bg-gray-100 text-black"><tr><th class="py-2 px-4">Submission Date</th><th class="py-2 px-4">Letter Number</th><th class="py-2 px-4">NIM</th><th class="py-2 px-4 text-center">Action</th></tr></thead><tbody></tbody></table><div class="flex justify-between items-center px-4 py-4 text-sm"><span>Showing <!-- -->1<!-- --> to<!-- --> <!-- -->0<!-- --> of<!-- --> <!-- -->0<!-- --> entries</span><div class="flex items-center gap-1"><button disabled="" class="px-2 py-1 border rounded text-gray-400">← Previous</button><button class="px-2 py-1 border rounded ">Next →</button></div></div></div></div></div><script src="/_next/static/chunks/webpack-e9693970e20ac09d.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[6868,[\"177\",\"static/chunks/app/layout-24cbe5741c0aefbd.js\"],\"AuthProvider\"]\n3:I[5244,[],\"\"]\n4:I[3866,[],\"\"]\n5:I[7033,[],\"ClientPageRoot\"]\n6:I[7325,[\"251\",\"static/chunks/251-0eacfa5121a03fe8.js\",\"651\",\"static/chunks/651-9cfa3aad28becb27.js\",\"223\",\"static/chunks/app/letter/acceptanceletter/page-f5aeb68c5b1400de.js\"],\"default\"]\n9:I[6213,[],\"OutletBoundary\"]\nc:I[6213,[],\"ViewportBoundary\"]\ne:I[6213,[],\"MetadataBoundary\"]\n10:I[4835,[],\"\"]\n:HL[\"/_next/static/css/b69a220b0ec9f4ef.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"w4wByeo9VhNhd9qykOFPg\",\"p\":\"\",\"c\":[\"\",\"letter\",\"acceptanceletter\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"letter\",{\"children\":[\"acceptanceletter\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b69a220b0ec9f4ef.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"$undefined\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}],{\"children\":[\"letter\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"acceptanceletter\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@7\",\"$@8\"]}],\"$undefined\",null,[\"$\",\"$L9\",null,{\"children\":[\"$La\",\"$Lb\",null]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"hBr45oOPhxM4SDVOSkJq_\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],null]}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"7:{}\n8:{}\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\na:null\n"])</script><script>self.__next_f.push([1,"b:null\nf:[[\"$\",\"title\",\"0\",{\"children\":\"Website Surat Menyurat\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"A Next.js application\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x32\"}]]\n"])</script></body></html>