{"id":6734,"date":"2025-12-05T09:30:07","date_gmt":"2025-12-05T09:30:07","guid":{"rendered":"https:\/\/dev.assembliq.com\/word-een-engineer\/"},"modified":"2026-02-06T13:04:50","modified_gmt":"2026-02-06T13:04:50","slug":"word-een-engineer","status":"publish","type":"page","link":"https:\/\/test-assemliq.clientdemos.app\/nl\/word-een-engineer\/","title":{"rendered":"Word een engineer"},"content":{"rendered":"    <div class=\"vendor-registration-form\">\n        <!-- Initial Message Section -->\n        <div id=\"vendor-message-section\" style=\"\">\n            <p style=\"color: #333; padding: 15px; margin-bottom: 20px; background: #f5f5f5; border-radius: 4px; font-size: 16px;\">\n                Om een gig te plaatsen moet je inloggen als engineer.            <\/p>\n            <button type=\"button\" id=\"show-vendor-form-btn\" style=\"background-color: rgb(255, 193, 7); color: white; border: none; padding: 12px 24px; border-radius: 25px; cursor: pointer; font-size: 16px;\">\n                Word een Engineer            <\/button>\n        <\/div>\n\n        <!-- Form Section -->\n        <div id=\"vendor-form-section\" style=\"display: none;\">\n            \n            <div class=\"Vendor_form\">\n                <form method=\"post\" style=\"max-width: 500px;\">\n                    <input type=\"hidden\" id=\"be_vendor_nonce\" name=\"be_vendor_nonce\" value=\"06f6b606c0\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/nl\/wp-json\/wp\/v2\/pages\/6734\" \/>                    \n                    <p>\n                        <label for=\"vendor_first_name\">Voornaam: <span style=\"color: red;\">*<\/span><\/label><br>\n                        <input type=\"text\" name=\"vendor_first_name\" id=\"vendor_first_name\" value=\"\" required style=\"width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px;\">\n                    <\/p>\n\n                    <p>\n                        <label for=\"vendor_last_name\">Achternaam: <span style=\"color: red;\">*<\/span><\/label><br>\n                        <input type=\"text\" name=\"vendor_last_name\" id=\"vendor_last_name\" value=\"\" required style=\"width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px;\">\n                    <\/p>\n\n                    <p>\n                        <label for=\"vendor_email\">E-mail (Gebruikersnaam): <span style=\"color: red;\">*<\/span><\/label><br>\n                        <input type=\"email\" name=\"vendor_email\" id=\"vendor_email\" value=\"\" required style=\"width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; \">\n                                            <\/p>\n\n                                        <p>\n                        <label for=\"vendor_password\">Wachtwoord: <span style=\"color: red;\">*<\/span><\/label><br>\n                        <input type=\"password\" name=\"vendor_password\" id=\"vendor_password\" required minlength=\"8\" style=\"width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px;\" placeholder=\"Minimaal 8 tekens\">\n                        <small style=\"color: #666; display: block; margin-top: 5px;\">Wachtwoord moet minimaal 8 tekens bevatten<\/small>\n                    <\/p>\n\n                    <p>\n                        <label for=\"vendor_confirm_password\">Bevestig wachtwoord: <span style=\"color: red;\">*<\/span><\/label><br>\n                        <input type=\"password\" name=\"vendor_confirm_password\" id=\"vendor_confirm_password\" required minlength=\"8\" style=\"width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px;\" placeholder=\"Bevestig je wachtwoord\">\n                    <\/p>\n                    \n                    <p>\n                        <input type=\"submit\" value=\"Registreren als Engineer\" class=\"submit_btn\" style=\"background-color: rgb(255, 193, 7); color: white; border: none; padding: 10px 20px; border-radius: 25px; cursor: pointer;\">\n                    <\/p>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script type=\"text\/javascript\">\n    (function() {\n        'use strict';\n        var showFormBtn = document.getElementById('show-vendor-form-btn');\n        var messageSection = document.getElementById('vendor-message-section');\n        var formSection = document.getElementById('vendor-form-section');\n        \n        if (showFormBtn && messageSection && formSection) {\n            showFormBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                if (messageSection) {\n                    messageSection.style.display = 'none';\n                }\n                if (formSection) {\n                    formSection.style.display = 'block';\n                    \/\/ Scroll to form\n                    formSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }\n            });\n        }\n        \n        \/\/ Form validation\n        var form = document.querySelector('.vendor-registration-form form');\n        if (form) {\n            form.addEventListener('submit', function(e) {\n                var password = document.getElementById('vendor_password');\n                var confirmPassword = document.getElementById('vendor_confirm_password');\n                var isLoggedIn = false;\n                \n                \/\/ Only validate password if user is not logged in\n                if (!isLoggedIn) {\n                    if (password && password.value.length < 8) {\n                        e.preventDefault();\n                        alert('Wachtwoord moet minimaal 8 tekens bevatten!');\n                        password.focus();\n                        return false;\n                    }\n                    \n                    if (password && confirmPassword && password.value !== confirmPassword.value) {\n                        e.preventDefault();\n                        alert('Wachtwoorden komen niet overeen!');\n                        confirmPassword.focus();\n                        return false;\n                    }\n                }\n            });\n        }\n    })();\n    <\/script>\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-6734","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test-assemliq.clientdemos.app\/nl\/wp-json\/wp\/v2\/pages\/6734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test-assemliq.clientdemos.app\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test-assemliq.clientdemos.app\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test-assemliq.clientdemos.app\/nl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/test-assemliq.clientdemos.app\/nl\/wp-json\/wp\/v2\/comments?post=6734"}],"version-history":[{"count":1,"href":"https:\/\/test-assemliq.clientdemos.app\/nl\/wp-json\/wp\/v2\/pages\/6734\/revisions"}],"predecessor-version":[{"id":6735,"href":"https:\/\/test-assemliq.clientdemos.app\/nl\/wp-json\/wp\/v2\/pages\/6734\/revisions\/6735"}],"wp:attachment":[{"href":"https:\/\/test-assemliq.clientdemos.app\/nl\/wp-json\/wp\/v2\/media?parent=6734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}