{"id":4230,"date":"2020-06-11T08:58:54","date_gmt":"2020-06-11T08:58:54","guid":{"rendered":"https:\/\/dlhnunukan.org\/?page_id=4230"},"modified":"2026-06-05T05:42:50","modified_gmt":"2026-06-05T05:42:50","slug":"4230-2","status":"publish","type":"page","link":"https:\/\/dlhnunukan.org\/?page_id=4230","title":{"rendered":"form1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4230\" class=\"elementor elementor-4230\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a341aaa e-flex e-con-boxed e-con e-parent\" data-id=\"a341aaa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5269669 elementor-widget elementor-widget-html\" data-id=\"5269669\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"dlh-form-container\">\n    <h2>FORMULIR PENGADUAN PELAYANAN PUBLIK<\/h2>\n    <p class=\"subtitle\">Dinas Lingkungan Hidup Kabupaten Nunukan<\/p>\n    \n    <!-- Form diarahkan langsung ke email admin melalui mailto -->\n    <form action=\"mailto:admin@dlhnunukan.org\" method=\"post\" enctype=\"text\/plain\">\n        \n        <div class=\"form-group\">\n            <label for=\"no_surat_pengaduan\">Nomor Surat Pengaduan<\/label>\n            <input type=\"text\" id=\"no_surat_pengaduan\" name=\"Nomor Surat Pengaduan\" placeholder=\"Otomatis \/ Isi jika ada\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"nama_pelapor\">Nama Pelapor<\/label>\n            <input type=\"text\" id=\"nama_pelapor\" name=\"Nama Pelapor\" required placeholder=\"Masukkan nama lengkap Anda\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label>Jenis Kelamin<\/label>\n            <div class=\"radio-group\">\n                <label class=\"radio-label\">\n                    <input type=\"radio\" id=\"jenis_kelamin_laki\" name=\"Jenis Kelamin\" value=\"Laki-laki\" required> Laki-laki\n                <\/label>\n                <label class=\"radio-label\">\n                    <input type=\"radio\" id=\"jenis_kelamin_perem\" name=\"Jenis Kelamin\" value=\"Perempuan\"> Perempuan\n                <\/label>\n            <\/div>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"alamat_pelapor\">Alamat<\/label>\n            <textarea id=\"alamat_pelapor\" name=\"Alamat\" rows=\"3\" required placeholder=\"Alamat lengkap tempat tinggal\"><\/textarea>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"nomor_identitas\">Nomor Identitas (KTP \/ Paspor \/ SIM)<\/label>\n            <input type=\"text\" id=\"nomor_identitas\" name=\"Nomor Identitas\" required placeholder=\"Nomor NIK KTP atau identitas resmi\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"email_pelapor\">Email<\/label>\n            <input type=\"email\" id=\"email_pelapor\" name=\"Email\" required placeholder=\"contoh@email.com\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"nomor_telepon\">No. Telepon \/ HP<\/label>\n            <input type=\"tel\" id=\"nomor_telepon\" name=\"No Telepon\/HP\" required placeholder=\"08xxxxxxxxxx\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"pekerjaan\">Pekerjaan<\/label>\n            <input type=\"text\" id=\"pekerjaan\" name=\"Pekerjaan\" placeholder=\"Pekerjaan saat ini\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"deskripsi_pengaduan\">Deskripsi Pengaduan<\/label>\n            <textarea id=\"deskripsi_pengaduan\" name=\"Deskripsi Pengaduan\" rows=\"5\" required placeholder=\"Tuliskan detail pengaduan atau keluhan Anda secara jelas\"><\/textarea>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"tindak_lanjut\">Tindak Lanjut Yang Diinginkan<\/label>\n            <textarea id=\"tindak_lanjut\" name=\"Tindak Lanjut\" rows=\"3\" placeholder=\"Harapan atau solusi yang Anda inginkan\"><\/textarea>\n        <\/div>\n\n        <div class=\"form-footer\">\n            <p class=\"location-text\">Nunukan, <span id=\"current-date\">.................<\/span><\/p>\n            <button type=\"submit\" class=\"btn-submit\">Kirim Pengaduan<\/button>\n        <\/div>\n\n    <\/form>\n<\/div>\n\n<style>\n\/* CSS diisolasi di dalam class .dlh-form-container agar tidak merusak elemen luar Elementor *\/\n.dlh-form-container {\n    max-width: 700px;\n    margin: 30px auto;\n    padding: 30px;\n    background: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: #333333;\n    border-top: 5px solid #2e7d32; \/* Aksen hijau DLH *\/\n}\n\n.dlh-form-container h2 {\n    text-align: center;\n    margin-bottom: 5px;\n    font-size: 22px;\n    font-weight: 700;\n    color: #1b5e20;\n    letter-spacing: 0.5px;\n}\n\n.dlh-form-container .subtitle {\n    text-align: center;\n    margin-bottom: 30px;\n    color: #666666;\n    font-size: 14px;\n    text-transform: uppercase;\n}\n\n.dlh-form-container .form-group {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 20px;\n}\n\n.dlh-form-container label {\n    font-weight: 600;\n    margin-bottom: 8px;\n    font-size: 14px;\n    color: #444444;\n}\n\n.dlh-form-container input[type=\"text\"],\n.dlh-form-container input[type=\"email\"],\n.dlh-form-container input[type=\"tel\"],\n.dlh-form-container textarea {\n    padding: 12px;\n    border: 1px solid #cccccc;\n    border-radius: 4px;\n    font-size: 14px;\n    background-color: #fafafa;\n    transition: all 0.3s ease;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.dlh-form-container input:focus,\n.dlh-form-container textarea:focus {\n    border-color: #2e7d32;\n    background-color: #ffffff;\n    outline: none;\n    box-shadow: 0 0 5px rgba(46, 125, 50, 0.2);\n}\n\n.dlh-form-container .radio-group {\n    display: flex;\n    gap: 20px;\n    padding: 5px 0;\n}\n\n.dlh-form-container .radio-label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-weight: normal;\n    cursor: pointer;\n}\n\n.dlh-form-container .form-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 30px;\n    padding-top: 20px;\n    border-top: 1px solid #eeeeee;\n}\n\n.dlh-form-container .location-text {\n    font-style: italic;\n    color: #666666;\n    margin: 0;\n    font-size: 14px;\n}\n\n.dlh-form-container .btn-submit {\n    background-color: #2e7d32;\n    color: #ffffff;\n    padding: 12px 25px;\n    border: none;\n    border-radius: 4px;\n    font-size: 15px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n}\n\n.dlh-form-container .btn-submit:hover {\n    background-color: #1b5e20;\n}\n\n\/* Responsif untuk perangkat mobile *\/\n@media (max-width: 600px) {\n    .dlh-form-container {\n        padding: 15px;\n        margin: 10px;\n    }\n    .dlh-form-container .form-footer {\n        flex-direction: column;\n        gap: 20px;\n        align-items: flex-start;\n    }\n    .dlh-form-container .btn-submit {\n        width: 100%;\n    }\n}\n<\/style>\n\n<script>\n\/\/ Otomatisasi pengisian tanggal hari ini dengan format lokal Indonesia (Opsional)\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const dateSpan = document.getElementById(\"current-date\");\n    if(dateSpan) {\n        const options = { year: 'numeric', month: 'long', day: 'numeric' };\n        const today  = new Date();\n        dateSpan.textContent = today.toLocaleDateString(\"id-ID\", options);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FORMULIR PENGADUAN PELAYANAN PUBLIK Dinas Lingkungan Hidup Kabupaten Nunukan Nomor Surat Pengaduan Nama Pelapor Jenis Kelamin Laki-laki Perempuan Alamat Nomor Identitas (KTP \/ Paspor \/ SIM) Email No. Telepon \/ HP Pekerjaan Deskripsi Pengaduan Tindak Lanjut Yang Diinginkan Nunukan, &#8230;&#8230;&#8230;&#8230;&#8230;.. Kirim Pengaduan<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4230","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dlhnunukan.org\/index.php?rest_route=\/wp\/v2\/pages\/4230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dlhnunukan.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dlhnunukan.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dlhnunukan.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dlhnunukan.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4230"}],"version-history":[{"count":5,"href":"https:\/\/dlhnunukan.org\/index.php?rest_route=\/wp\/v2\/pages\/4230\/revisions"}],"predecessor-version":[{"id":5158,"href":"https:\/\/dlhnunukan.org\/index.php?rest_route=\/wp\/v2\/pages\/4230\/revisions\/5158"}],"wp:attachment":[{"href":"https:\/\/dlhnunukan.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}