{"id":545,"date":"2026-05-05T13:08:35","date_gmt":"2026-05-05T07:38:35","guid":{"rendered":"https:\/\/dosthara.lk\/?page_id=545"},"modified":"2026-05-06T09:02:43","modified_gmt":"2026-05-06T03:32:43","slug":"certificates-validation","status":"publish","type":"page","link":"https:\/\/dosthara.lk\/si\/certificates-validation\/","title":{"rendered":"Certificates Validation"},"content":{"rendered":"\n        <style>\r\n            \/* Main Container - Black background with orange border *\/\r\n            .certificate-validator { \r\n                max-width: 600px; \r\n                margin: 30px auto; \r\n                background: #000000; \r\n                padding: 30px; \r\n                border-radius: 8px; \r\n                box-shadow: 0 2px 10px rgba(255,140,0,0.3); \r\n                border: 2px solid #ff8c00; \r\n            }\r\n            \r\n            .certificate-validator h3 { \r\n                text-align: center; \r\n                margin-top: 0; \r\n                color: #ff8c00; \r\n            }\r\n            \r\n            .certificate-validator > p { \r\n                text-align: center; \r\n                color: #ff8c00; \r\n            }\r\n            \r\n            \/* Input Field - Dark with orange text and border *\/\r\n            .certificate-validator input[type=\"text\"] { \r\n                width: 100%; \r\n                padding: 15px; \r\n                margin: 15px 0; \r\n                border: 2px solid #ff8c00; \r\n                border-radius: 4px; \r\n                font-size: 16px; \r\n                box-sizing: border-box; \r\n                font-family: 'Courier New', monospace; \r\n                text-transform: uppercase; \r\n                background: #1a1a1a; \r\n                color: #ff8c00; \r\n            }\r\n            \r\n            .certificate-validator input[type=\"text\"]:focus { \r\n                border-color: #ffa500; \r\n                outline: none; \r\n                background: #2a2a2a; \r\n            }\r\n            \r\n            .certificate-validator input[type=\"text\"]::placeholder { \r\n                color: #cc7000; \r\n            }\r\n            \r\n            \/* Button - Orange background with black text *\/\r\n            .cert-validate-button { \r\n                width: 100%; \r\n                padding: 15px; \r\n                background: #ff8c00; \r\n                color: #000000; \r\n                border: none; \r\n                border-radius: 4px; \r\n                font-size: 16px; \r\n                cursor: pointer; \r\n                font-weight: bold; \r\n            }\r\n            \r\n            .cert-validate-button:hover { \r\n                background: #ffa500; \r\n            }\r\n            \r\n            \/* Valid Certificate - Green header, black background, orange text *\/\r\n            .cert-valid { \r\n                border: 3px solid #28a745; \r\n                padding: 25px; \r\n                background: #000000; \r\n                border-radius: 8px; \r\n                margin-top: 20px; \r\n            }\r\n            \r\n            .cert-valid h4 { \r\n                color: #28a745; \r\n                margin-top: 0; \r\n                font-size: 22px; \r\n            }\r\n            \r\n            .cert-valid .cert-info p { \r\n                margin: 8px 0; \r\n                padding: 10px; \r\n                background: #1a1a1a; \r\n                border-radius: 4px; \r\n                color: #ff8c00; \r\n                border: 1px solid #333; \r\n            }\r\n            \r\n            .cert-valid .cert-info strong { \r\n                display: inline-block; \r\n                min-width: 140px; \r\n                color: #ffa500; \r\n            }\r\n            \r\n            \/* Invalid Certificate - Red header, black background, orange text *\/\r\n            .cert-invalid { \r\n                border: 3px solid #dc3545; \r\n                padding: 25px; \r\n                background: #000000; \r\n                border-radius: 8px; \r\n                margin-top: 20px; \r\n            }\r\n            \r\n            .cert-invalid h4 { \r\n                color: #dc3545; \r\n                margin-top: 0; \r\n                font-size: 20px; \r\n            }\r\n            \r\n            .cert-invalid p { \r\n                color: #ff8c00; \r\n            }\r\n            \r\n            \/* Expired Certificate - Yellow header, black background, orange text *\/\r\n            .cert-expired { \r\n                background: #000000; \r\n                border: 3px solid #ffc107; \r\n                padding: 25px; \r\n                border-radius: 8px; \r\n                margin-top: 20px; \r\n            }\r\n            \r\n            .cert-expired h4 { \r\n                color: #ffc107; \r\n                margin-top: 0; \r\n                font-size: 22px; \r\n            }\r\n            \r\n            .cert-expired .cert-info p { \r\n                margin: 8px 0; \r\n                padding: 10px; \r\n                background: #1a1a1a; \r\n                border-radius: 4px; \r\n                color: #ff8c00; \r\n                border: 1px solid #333; \r\n            }\r\n            \r\n            .cert-expired .cert-info strong { \r\n                display: inline-block; \r\n                min-width: 140px; \r\n                color: #ffa500; \r\n            }\r\n        <\/style>\r\n        \r\n        <div class=\"certificate-validator\">\r\n            <h3>Verify First Aid Certificate<\/h3>\r\n            <p>Enter the certificate number to verify its authenticity and current status.<\/p>\r\n            \r\n            <form id=\"certificate-validation-form\">\r\n                <input type=\"text\" \r\n                       id=\"cert_number\" \r\n                       name=\"cert_number\"\r\n                       placeholder=\"Enter Certificate Number (e.g., FA2024-ABC12345)\" \r\n                       required>\r\n                <button type=\"submit\" class=\"cert-validate-button\">Validate Certificate<\/button>\r\n            <\/form>\r\n            \r\n            <div id=\"validation-result\"><\/div>\r\n        <\/div>\r\n        \n\n<script>\njQuery(document).ready(function($) {\n    console.log('jQuery is working!');\n    console.log('Form exists:', $('#certificate-validation-form').length);\n});\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-545","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"FAD_Admin","author_link":"https:\/\/dosthara.lk\/si\/author\/fad_admin\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/dosthara.lk\/si\/wp-json\/wp\/v2\/pages\/545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dosthara.lk\/si\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dosthara.lk\/si\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dosthara.lk\/si\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dosthara.lk\/si\/wp-json\/wp\/v2\/comments?post=545"}],"version-history":[{"count":3,"href":"https:\/\/dosthara.lk\/si\/wp-json\/wp\/v2\/pages\/545\/revisions"}],"predecessor-version":[{"id":553,"href":"https:\/\/dosthara.lk\/si\/wp-json\/wp\/v2\/pages\/545\/revisions\/553"}],"wp:attachment":[{"href":"https:\/\/dosthara.lk\/si\/wp-json\/wp\/v2\/media?parent=545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}