{"id":105,"date":"2024-09-09T16:42:04","date_gmt":"2024-09-09T14:42:04","guid":{"rendered":"https:\/\/biomethan-markt.de\/?page_id=105"},"modified":"2024-09-12T14:07:40","modified_gmt":"2024-09-12T12:07:40","slug":"registration","status":"publish","type":"page","link":"https:\/\/biomethan-markt.de\/en\/registrierung\/","title":{"rendered":"Registration"},"content":{"rendered":"\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7ab57de6 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group has-lightgrey-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-f045ee3a wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<h2 class=\"wp-block-heading has-text-align-center\">Registrierung<\/h2>\n\n\n        <form id=\"gre-multi-step-form\" method=\"post\">\n            <input type=\"hidden\" id=\"gre_register_user_nonce\" name=\"gre_register_user_nonce\" value=\"3c226cc131\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/105\" \/>\n            <!-- Step 1: Unternehmensdaten -->\n            <div class=\"step mt-5\" id=\"step-1\">\n                <h4 class=\"fw-bold\">Unternehmensdaten<\/h4>\n                <div class=\"mb-4 d-flex flex-column gap-2\">\n                    <div class=\"row\">\n                        <div class=\"col-12 form-group\">\n                            <label for=\"firma\">Firma*<\/label>\n                            <input type=\"text\" name=\"firma\" id=\"firma\" class=\"form-control\" required>\n                        <\/div>\n                    <\/div>\n                    <div class=\"row\">\n                        <div class=\"col-9 form-group\">\n                            <label for=\"strasse\">Stra\u00dfe*<\/label>\n                            <input type=\"text\" name=\"strasse\" id=\"strasse\" class=\"form-control\" required>\n                        <\/div>\n                        <div class=\"col-3 form-group\">\n                            <label for=\"hausnummer\">Hausnummer*<\/label>\n                            <input type=\"text\" name=\"hausnummer\" id=\"hausnummer\" class=\"form-control\" required>\n                        <\/div>\n                    <\/div>\n                    <div class=\"row\">\n                        <div class=\"col-3 form-group\">\n                            <label for=\"plz\">PLZ*<\/label>\n                            <input type=\"text\" name=\"plz\" id=\"plz\" class=\"form-control\" required>\n                        <\/div>\n                        <div class=\"col-9 form-group\">\n                            <label for=\"ort\">Ort*<\/label>\n                            <input type=\"text\" name=\"ort\" id=\"ort\" class=\"form-control\" required>\n                        <\/div>\n                    <\/div>\n                    <div class=\"row\">\n                        <div class=\"col-6 form-group\">\n                            <label for=\"land\">Land*<\/label>\n                            <select name=\"land\" id=\"land\" class=\"form-control\" required>\n                                <option value=\"DE\">Deutschland<\/option>\n                                <option value=\"AT\">\u00d6sterreich<\/option>\n                                <option value=\"CH\">Schweiz<\/option>\n                                <option value=\"EU\">anderes EU-Land<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Fehlermeldung f\u00fcr leere Felder -->\n                <div id=\"step-1-error\" style=\"display: none; color: red;\">\n                    Bitte f\u00fcllen Sie alle erforderlichen Felder aus.\n                <\/div>\n\n                <button type=\"button\" class=\"btn btn-primary\" onclick=\"validateStep1()\">Weiter<\/button>\n            <\/div>\n\n            <!-- Step 2: Personenbezogene Daten -->\n            <div class=\"step flex-column gap-3 mt-5\" id=\"step-2\" style=\"display: none;\">\n\n                <div class=\"row d-flex flex-wrap\">\n                    <h4 class=\"fw-bold\">Personenbezogene Daten<\/h4>\n                    <div class=\"col-3 form-group\">\n                        <label for=\"anrede\">Anrede<\/label>\n                        <select style=\"min-width: 100% !important;\" name=\"anrede\" id=\"anrede\" class=\"form-control\">\n                            <option value=\"Herr\">Herr<\/option>\n                            <option value=\"Frau\">Frau<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n                <div class=\"row d-flex flex-wrap\">\n                    <div class=\"col-6 form-group\">\n                        <label for=\"vorname\">Vorname*<\/label>\n                        <input type=\"text\" name=\"vorname\" id=\"vorname\" class=\"form-control\" required>\n                    <\/div>\n                    <div class=\"col-6 form-group\">\n                        <label for=\"nachname\">Nachname*<\/label>\n                        <input type=\"text\" name=\"nachname\" id=\"nachname\" class=\"form-control\" required>\n                    <\/div>\n                <\/div>\n                <div class=\"row\">\n                    <div class=\"col-6 form-group\">\n                        <label for=\"telefonnummer\">Telefonnummer<\/label>\n                        <input type=\"text\" name=\"telefonnummer\" id=\"telefonnummer\" class=\"form-control\">\n                    <\/div>\n                    <div class=\"col-6 form-group\">\n                        <label for=\"email\">E-Mail-Adresse*<\/label>\n                        <input type=\"email\" name=\"email\" id=\"email\" class=\"form-control\" required>\n                    <\/div>\n                <\/div>\n                <div class=\"row\">\n                    <div class=\"col-12 form-group\">\n                        <label for=\"passwort\">Passwort*<\/label>\n                        <input type=\"password\" name=\"passwort\" id=\"passwort\" class=\"form-control\" required>\n                    <\/div>\n                <\/div>\n                <div class=\"row\">\n                    <div class=\"col-12 form-group d-flex flex-row gap-2\">\n                        <input type=\"checkbox\" name=\"benachrichtigung\" value=\"true\" class=\"form-check-input\">\n                        <label for=\"benachrichtigung\">Benachrichtigung bei neuen Angeboten<\/label>\n                    <\/div>\n                    <div class=\"col-12 form-group d-flex flex-row gap-2\">\n                        <input required type=\"checkbox\" name=\"bevollmaechtigung\" value=\"true\" class=\"form-check-input\">\n                        <label for=\"bevollmaechtigung\">Ich bin bevollm\u00e4chtigt Handelsgesch\u00e4fte im Namen meines zugeh\u00f6rigen Unternehmens durchzuf\u00fchren.*<\/label>\n                    <\/div>\n                <\/div>\n                <div class=\"row\">\n                    <div class=\"col-12 form-group\">\n                        <input type=\"checkbox\" name=\"datenschutz\" value=\"true\" class=\"form-check-input\" required>\n                        <label for=\"datenschutz\">Hiermit akzeptiere ich die <a target=\"_blank\" class=\"fw-bold text-decoration-underline\" href=\"\/datenschutz\">Datenschutzbestimmungen<\/a>*<\/label>\n                    <\/div>\n                    <div class=\"col-12 form-group\">\n                        <input type=\"checkbox\" name=\"nutzungsbedingungen\" value=\"true\" class=\"form-check-input\" required>\n                        <label for=\"nutzungsbedingungen\">Hiermit akzeptiere ich die <a target=\"_blank\" class=\"fw-bold text-decoration-underline\" href=\"\/allgemeine-nutzungsbedingungen\">allgemeinen Nutzungsbedingungen<\/a>*<\/label>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <button type=\"button\" class=\"btn btn-primary\" onclick=\"prevStep()\">Zur\u00fcck<\/button>\n                <\/div>\n\n                <div class=\"d-flex flex-row gap-4 justify-content-center\">\n                    <button type=\"button\" class=\"btn btn-secondary\" onclick=\"submitForm()\">Registrieren<\/button>\n                <\/div>\n\n\n            <\/div>\n\n            <!-- Erfolgsnachricht -->\n            <div id=\"success-message\" style=\"display: none; color: green;\">\n                Vielen Dank f\u00fcr Ihre Registrierung! Ihr Konto wird \u00fcberpr\u00fcft. Sie erhalten eine E-Mail, sobald Ihr Konto aktiviert wurde. Bitte \u00fcberpr\u00fcfen Sie auch Ihren Spam-Ordner.\n            <\/div>\n        <\/form>\n\n        <script>\n            function validateStep1() {\n                var requiredFields = ['firma', 'strasse', 'hausnummer', 'plz', 'ort', 'land'];\n                var allFilled = true;\n\n                requiredFields.forEach(function(fieldId) {\n                    var field = document.getElementById(fieldId);\n                    if (!field.value) {\n                        allFilled = false;\n                        field.classList.add('is-invalid');\n                    } else {\n                        field.classList.remove('is-invalid');\n                    }\n                });\n\n                if (allFilled) {\n                    document.getElementById('step-1').style.display = 'none';\n                    document.getElementById('step-2').style.display = 'flex';\n                    document.getElementById('step-1-error').style.display = 'none';\n                } else {\n                    document.getElementById('step-1-error').style.display = 'block';\n                }\n            }\n\n            function prevStep() {\n                document.getElementById('step-1').style.display = 'block';\n                document.getElementById('step-2').style.display = 'none';\n            }\n\n            function submitForm() {\n                var formData = new FormData(document.getElementById('gre-multi-step-form'));\n                formData.append('action', 'gre_process_registration');\n\n                fetch('https:\/\/biomethan-markt.de\/wp-admin\/admin-ajax.php', {\n                    method: 'POST',\n                    body: formData\n                })\n                    .then(response => response.json())\n                    .then(data => {\n                        if (data.success) {\n                            document.getElementById('step-2').style.display = 'none';\n                            document.getElementById('success-message').style.display = 'block';\n                        } else {\n                            alert('Es gab ein Problem bei der Registrierung. Bitte versuchen Sie es erneut.');\n                        }\n                    });\n            }\n        <\/script>\n        \n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Registration<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"class_list":["post-105","page","type-page","status-publish","hentry"],"coauthors":[],"author_meta":{"author_link":"https:\/\/biomethan-markt.de\/en\/author\/mhorn\/","display_name":"MHorn"},"relative_dates":{"created":"Posted 2 years ago","modified":"Updated 2 years ago"},"absolute_dates":{"created":"Posted on 9. September 2024","modified":"Updated on 12. September 2024"},"absolute_dates_time":{"created":"Posted on 9. September 2024 16:42","modified":"Updated on 12. September 2024 14:07"},"featured_img_caption":"","featured_img":false,"series_order":"","_links":{"self":[{"href":"https:\/\/biomethan-markt.de\/en\/wp-json\/wp\/v2\/pages\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biomethan-markt.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biomethan-markt.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biomethan-markt.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biomethan-markt.de\/en\/wp-json\/wp\/v2\/comments?post=105"}],"version-history":[{"count":8,"href":"https:\/\/biomethan-markt.de\/en\/wp-json\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":235,"href":"https:\/\/biomethan-markt.de\/en\/wp-json\/wp\/v2\/pages\/105\/revisions\/235"}],"wp:attachment":[{"href":"https:\/\/biomethan-markt.de\/en\/wp-json\/wp\/v2\/media?parent=105"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}