{"id":1649,"date":"2025-04-30T22:09:01","date_gmt":"2025-04-30T20:09:01","guid":{"rendered":"https:\/\/scvid.co.za\/?page_id=1649"},"modified":"2025-12-08T06:33:55","modified_gmt":"2025-12-08T04:33:55","slug":"petition","status":"publish","type":"page","link":"https:\/\/scvid.co.za\/af\/petition\/","title":{"rendered":"Beskerm Ons Kusstrook!"},"content":{"rendered":"    <style>\n        #petition-form label {\n            display: block;\n            margin-bottom: 5px;\n        }\n\n        #petition-form input[type=\"text\"],\n        #petition-form input[type=\"email\"] {\n            display: block;\n            margin-bottom: 15px;\n        }\n\n        #petition-form canvas {\n            display: block;\n            margin: 0 auto;\n            margin-top: 10px;\n            background-color: #ffffff;\n            border: 1px solid #000;\n            position: relative;\n        }\n\n        .support-text {\n            text-align: center;\n            font-size: 16px;\n            font-weight: bold;\n            margin-bottom: 20px;\n        }\n\n        #submit-petition {\n            display: block;\n            margin: 15px auto;\n        }\n\n        .signature-help-text {\n            margin-top: 10px;\n            margin-bottom: 5px;\n            font-size: 14px;\n            font-style: italic;\n            color: #555;\n            text-align: center;\n        }\n\n        #reset-signature-link {\n            position: absolute;\n            right: 5px;\n            bottom: 5px;\n            font-size: 12px;\n            color: #007bff;\n            text-decoration: underline;\n            cursor: pointer;\n        }\n\n        .signature-container {\n            text-align: center;\n            position: relative;\n        }\n    <\/style>\n\n    <div style=\"text-align: center; margin-bottom: 20px;\">\n        <p style=\"font-size: 16px; font-weight: bold;\">\n            I support the rezoning of Sandbaai's coastal strip and wetlands areas as Zone 1 (POS1) and urge the Overstrand Municipality to begin the rezoning promptly.\n        <\/p>\n    <\/div>\n    <form id=\"petition-form\" method=\"POST\">\n        <label for=\"full_name\">Full Name <i>(required)<\/i>:<\/label>\n        <input type=\"text\" id=\"full_name\" name=\"full_name\" required>\n        \n        <label for=\"email\">Email <i>(required)<\/i>:<\/label>\n        <input type=\"email\" id=\"email\" name=\"email\" required>\n        \n        <label for=\"id_number\">ID Number <i>(required)<\/i>:<\/label>\n        <input type=\"text\" id=\"id_number\" name=\"id_number\" required>\n        \n        <label for=\"address\">Address <i>(required)<\/i>:<\/label>\n        <input type=\"text\" id=\"address\" name=\"address\" placeholder=\"Street Address\" required>\n        \n        <!-- Support Text Only -->\n        <div class=\"support-text\"><i>\n            By signing this petition, I consent to be added to the petition to be shared with the Overstrand Municipality.<\/i>\n        <\/div>\n        \n        <!-- Signature Section -->\n        <div class=\"signature-container\">\n            <div class=\"signature-help-text\" style=\"font-size: 18px; font-weight: bold;\">Sign Here:<\/div>\n\n            <div style=\"position: relative; display: inline-block;\">\n                <canvas id=\"signature-pad\" width=\"300\" height=\"150\"><\/canvas>\n                <a id=\"reset-signature-link\">RESET SIGNATURE<\/a>\n            <\/div>\n\n            <input type=\"hidden\" name=\"signature\" id=\"signature\">\n            <button type=\"submit\" id=\"submit-petition\">SIGN THE PETITION<\/button>\n        <\/div>\n    <\/form>\n\n    <!-- Include Signature Pad (UMD version) -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/signature_pad@4.0.0\/dist\/signature_pad.umd.min.js\"><\/script>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            try {\n                const canvas = document.getElementById('signature-pad');\n                const signaturePad = new SignaturePad(canvas);\n                const signatureInput = document.getElementById('signature');\n                const resetLink = document.getElementById('reset-signature-link');\n\n                \/\/ Handle form submission\n                document.getElementById('submit-petition').addEventListener('click', (e) => {\n                    if (signaturePad.isEmpty()) {\n                        e.preventDefault();\n                        alert(\"Please provide a signature before submitting.\");\n                    } else {\n                        signatureInput.value = signaturePad.toDataURL();\n                    }\n                });\n\n                \/\/ Handle reset signature link\n                resetLink.addEventListener('click', (e) => {\n                    e.preventDefault();\n                    signaturePad.clear();\n                });\n            } catch (error) {\n                console.error(\"An error occurred while initializing the signature pad:\", error);\n            }\n        });\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":121,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1649","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scvid.co.za\/af\/wp-json\/wp\/v2\/pages\/1649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scvid.co.za\/af\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scvid.co.za\/af\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scvid.co.za\/af\/wp-json\/wp\/v2\/users\/121"}],"replies":[{"embeddable":true,"href":"https:\/\/scvid.co.za\/af\/wp-json\/wp\/v2\/comments?post=1649"}],"version-history":[{"count":3,"href":"https:\/\/scvid.co.za\/af\/wp-json\/wp\/v2\/pages\/1649\/revisions"}],"predecessor-version":[{"id":1670,"href":"https:\/\/scvid.co.za\/af\/wp-json\/wp\/v2\/pages\/1649\/revisions\/1670"}],"wp:attachment":[{"href":"https:\/\/scvid.co.za\/af\/wp-json\/wp\/v2\/media?parent=1649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}