{"id":23054,"date":"2022-07-08T09:05:07","date_gmt":"2022-07-08T07:05:07","guid":{"rendered":"https:\/\/innovation.zuerich.kommpass-staging.ch\/publish\/organisation\/"},"modified":"2022-07-08T09:15:39","modified_gmt":"2022-07-08T07:15:39","slug":"organisation","status":"publish","type":"page","link":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/publish\/organisation\/","title":{"rendered":"Register Organisation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23054\" class=\"elementor elementor-23054 elementor-23049\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10b1342 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"10b1342\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-25653f1\" data-id=\"25653f1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1cb8192 elementor-widget elementor-widget-shortcode\" data-id=\"1cb8192\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"iz-register\" x-data=\"iz_register\" x-cloak>\n    <template x-if=\"activeStep < 5\">\n        <div class=\"row gx-0 mb-5\">\n            <div class=\"col-12\">\n                <h1>Register your profile!<\/h1>\n            <\/div>\n            <div class=\"col-12\">\n                <div class=\"kp-spacer\">\n                    <div class=\"bg-primary\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Progress Bar -->\n                            <span x-text=\"'Your progress ' + activeStep + ' \/ 4'\" class=\"progress-info\"><\/span>\n            \n            <div class=\"progress\" role=\"progressbar\" aria-label=\"Fortschritt Registrierung\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                <div class=\"progress-bar\" :style=\"'width: ' + ((activeStep \/ 4) * 100) + '%'\"><\/div>\n            <\/div>\n\n        <\/div>\n    <\/template>\n\n    <template x-if=\"activeStep == 5\">\n        <div class=\"row gx-0 mb-5\">\n            <div class=\"col-12\">\n                <h1>Registriere dein Profil!<\/h1>\n            <\/div>\n            <div class=\"col-12\">\n                <div class=\"kp-spacer\">\n                    <div class=\"bg-primary\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/template>\n\n    <!-- Registration Step 1 (Area and Category) -->\n\n    <form x-on:submit.prevent=\"nextStep\"\n          class=\"row gx-0 mb-4 needs-validation\"\n          id=\"register-step-1\"\n          x-show=\"activeStep === 1\"\n          data-check-form=\"true\"\n          novalidate>\n\n        <div class=\"col-12 col-lg-10 flex\">\n\n            <!-- Select Area :: Select Buttons -->\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12 col-xxl-3 form-registration-label\">\n                    <label for=\"iz-register-area\" class=\"form-label\">\n                        Area *\n                    <\/label>\n                <\/div>\n\n                <div class=\"col-12 col-xxl-9 has-validation form-registration-selection\">\n                    <template x-for=\"(oneArea, index) in allAreas\">\n                        <span>\n                            <input\n                                    x-model=\"formdata.area\"\n                                    x-on:change=\"getCategories()\"\n                                    type=\"radio\"\n                                    :value=\"oneArea.id\"\n                                    name=\"area\"\n                                    class=\"btn-check mb-3\"\n                                    :id=\"oneArea.id\"\n                                    autocomplete=\"off\"\n                                    required>\n\n                            <label class=\"btn btn-outline-primary btn-info-icon mb-2\"\n                                   :class=\"{ 'd-none': oneArea.name === 'News' }\"\n                                   :for=\"oneArea.id\">\n                                <span x-text=\"oneArea.name\"><\/span>\n                                <span x-show=\"oneArea.explanation\" class=\"btn-info-icon\">\n                                    <img decoding=\"async\" src=\"https:\/\/innovation.zuerich.kommpass-staging.ch\/wp-content\/themes\/innovation-zuerich\/resources\/images\/icons\/info-black.svg\"\n                                         alt=\"Info\"\n                                         aria-label=\"Information icon\" \/>\n                                    <!-- Info box -->\n                                    <span class=\"btn-info-box\" x-text=\"oneArea.explanation\"><\/span>\n                                <\/span>\n                            <\/label>\n\n                            <template x-if=\"allAreas.length -1 === index\">\n                                <div class=\"invalid-feedback\" id=\"iz-register-error-area\">\n                                    Please select an area                                <\/div>\n                            <\/template>\n                        <\/span>\n                    <\/template>\n                <\/div>\n            <\/div>\n\n            <!-- Select Category :: Select Buttons -->\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12 col-xxl-3 form-registration-label\">\n                    <label for=\"iz-register-category\" class=\"form-label\">\n                        Category *\n                    <\/label>\n                <\/div>\n\n                <div class=\"col-12 col-xxl-9 has-validation form-registration-selection\">\n                    <template x-for=\"(oneCategory, index) in allCategories\">\n                        <span>\n                            <input\n                                    x-model=\"formdata.category\"\n                                    type=\"radio\"\n                                    :value=\"oneCategory.id\"\n                                    name=\"category\"\n                                    class=\"btn-check mb-3\"\n                                    :id=\"'category-' + oneCategory.id\"\n                                    autocomplete=\"off\"\n                                    required\n                                    :disabled=\"allCategories.length === 0\">\n\n                            <label class=\"btn btn-outline-primary btn-info-icon mb-2\"\n                                   :class=\"{ 'd-none': oneCategory.id === null }\"\n                                   :for=\"'category-' + oneCategory.id\">\n                                <span x-text=\"oneCategory.name\"><\/span>\n                                <span x-show=\"oneCategory.explanation\" class=\"btn-info-icon\">\n                                    <img decoding=\"async\" src=\"https:\/\/innovation.zuerich.kommpass-staging.ch\/wp-content\/themes\/innovation-zuerich\/resources\/images\/icons\/info-black.svg\"\n                                         alt=\"Info\"\n                                         aria-label=\"Information icon\" \/>\n                                    <!-- Info box -->\n                                    <span class=\"btn-info-box\" x-text=\"oneCategory.explanation\"><\/span>\n                                <\/span>\n                            <\/label>\n\n                            <template x-if=\"allCategories.length -1 === index\">\n                                <div class=\"invalid-feedback\" id=\"iz-register-error-category\">\n                                    This is a required field                                <\/div>\n                            <\/template>\n                        <\/span>\n                    <\/template>\n                <\/div>\n            <\/div>\n\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12 col-xxl-3 form-registration-label\">\n                    <span class=\"notice-form-details\">\n                                                    * mandatory information                                            <\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Continue Button -->\n            <div class=\"row gx-0\">\n                <div class=\"col-12\">\n                    <button\n                            type=\"submit\"\n                            class=\"btn btn-secondary text-white\"\n                            :class=\"formdata.category == null && 'disabled'\">\n                        Next                    <\/button>\n\n                    <a\n                            href=\"javascript:;\"\n                            id=\"what-is-btn\"\n                            data-target=\"#what-is-innovation-zurich\"\n                            class=\"text-secondary fw-bold border-0 p-0 me-3 bg-transparent btn\">\n                                            <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/form>\n\n    <!-- Registration Step 2 (Topics) -->\n    <form\n            x-on:submit.prevent=\"nextStep\"\n            class=\"row gx-0 mb-4\"\n            id=\"register-step-2\"\n            x-show=\"activeStep === 2\"\n            data-check-form=\"false\"\n            novalidate>\n        <div class=\"col-12\">\n\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12\">\n                    <h3>Topics<\/h3>\n                    <div class=\"kp-spacer\">\n                        <div class=\"bg-primary\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12\">\n                    <p>Select the topics which your company or organization is active in.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12 col-xxl-1\">\n                    <label for=\"iz-register-topic\" class=\"form-label\">\n                        Topics *\n                    <\/label>\n                <\/div>\n\n                <div class=\"col-12 col-xxl-11\">\n                    <template\n                            x-for=\"(oneTopic, index) in allTopics.filter(topic => ![114, 113, 106, 59, 115].includes(topic.id))\">\n                        <span>\n                            <input\n                                    x-model=\"formdata.topic\"\n                                    type=\"checkbox\"\n                                    :value=\"oneTopic.id\"\n                                    x-on:click=\"handleTopicClickButton()\"\n                                    name=\"topic[]\"\n                                    class=\"btn-check\"\n                                    :id=\"oneTopic.id\"\n                                    autocomplete=\"off\"\n                                    required>\n\n                            <!--\n                            <label class=\"btn btn-outline-primary mb-3\" :for=\"oneTopic.id\" x-text=\"oneTopic.name\"><\/label>\n                            -->\n\n                            <label class=\"btn btn-outline-primary mb-3 btn-select-topic\" :for=\"oneTopic.id\">\n\n                                <!-- Topic Name -->\n                                <span x-text=\"oneTopic.name\"><\/span>\n\n                                <!-- Info Icon -->\n                                <span x-show=\"oneTopic.explanation\" class=\"btn-info-icon\">\n                                    <img decoding=\"async\" src=\"https:\/\/innovation.zuerich.kommpass-staging.ch\/wp-content\/themes\/innovation-zuerich\/resources\/images\/icons\/info-black.svg\" alt=\"Info\" aria-label=\"Information icon\">\n                                    <!-- Info Box -->\n                                    <span class=\"btn-info-box\" x-text=\"oneTopic.explanation\"><\/span>\n                                <\/span>\n\n                            <\/label>\n\n                        <\/span>\n                    <\/template>\n                    <span>\n                        <button\n                                type=\"button\"\n                                x-model=\"checkAllTopics\"\n                                x-on:click=\"handleCheckAllTopicsBtn()\"\n                                name=\"checkAll\"\n                                class=\"btn btn-outline-primary mb-3\"\n                                :class=\"checkAllTopics && 'btn-primary'\"\n                                id=\"checkAll\">\n                            All Topics                        <\/button>\n                    <\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12 col-xxl-3 form-registration-label\">\n                    <span class=\"notice-form-details\">\n                                                    * mandatory information                                            <\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12\">\n                    <button\n                            type=\"button\"\n                            class=\"text-secondary fw-bold border-0 p-0 me-3 bg-transparent btn\"\n                            @click.prevent.stop=\"prevStep()\">\n                        Back                    <\/button>\n                    <button\n                            type=\"submit\"\n                            :class=\"formdata.topic.length === 0 && checkAllTopics === false? 'disabled': ''\"\n                            class=\"text-secondary fw-bold border-0 p-0 bg-transparent btn\">Next                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n\n    <!-- Registration Step 3 (Provide Information) -->\n    <form x-on:submit.prevent=\"nextStep\"\n          class=\"row gx-0 mb-4 needs-validation\"\n          id=\"register-step-3\"\n          x-show=\"activeStep === 3\"\n          data-check-form=\"true\"\n          novalidate>\n        <div class=\"col-12\">\n            <div class=\"row gx-0\">\n\n                <div class=\"col-12 mb-4\">\n                    <h3>Details<\/h3>\n                    <div class=\"kp-spacer\">\n                        <div class=\"bg-primary\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"col-12 mb-5\">\n                    <p class=\"mb-0\"\n                       x-show=\"formdata.area == 11 || formdata.area == 35\">Please enter the information about your company or organization here.<\/p>\n                    <p class=\"mb-0\"\n                       x-show=\"formdata.area == 10 || formdata.area == 44\">Please enter the information about your hub here.<\/p>\n                <\/div>\n                <div class=\"col-12 col-lg-8\">\n                    <div class=\"row gx-0 mb-4\">\n                        <div class=\"col-12 col-xxl-3\">\n                            <label for=\"iz-register-name\" class=\"form-label\">\n                                <span\n                                        x-show=\"formdata.category == 24 || formdata.category == 46 || formdata.category == 25 || formdata.category == 47 || formdata.category == 26 || formdata.category == 45 || formdata.category == 29 || formdata.category == 39 || formdata.category == 30|| formdata.category == 38 || formdata.category == 32 || formdata.category == 40 || formdata.category == 33 || formdata.category == 42 || formdata.category == 31 || formdata.category == 41|| formdata.category == 34 || formdata.category == 36\">\n                                    Name *\n                                <\/span>\n                                <span\n                                        x-show=\"formdata.category == 27 || formdata.category == 43 || formdata.category == 28 || formdata.category == 37\">\n                                    Name der Organisation *\n                                <\/span>\n                            <\/label>\n                        <\/div>\n                        <div class=\"col-12 col-xxl-9 has-validation\">\n                            <input\n                                    x-model=\"formdata.details.name\"\n                                    type=\"text\"\n                                    class=\"form-control\"\n                                    id=\"iz-register-name\"\n                                    required>\n                            <div class=\"invalid-feedback\" id=\"iz-register-error-name\">\n                                This is a required field                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <template\n                            x-if=\"formdata.area == 11 || formdata.area == 35 || formdata.area == 10 || formdata.area == 44\">\n                        <div class=\"row gx-0 gy-0\">\n                            <div class=\"col-12\">\n                                <div class=\"row gx-0 mb-4\">\n                                    <div class=\"col-12 col-xxl-3\">\n                                        <label for=\"iz-register-image\" class=\"form-label\">\n                                            <span x-show=\"formdata.category == 24 || formdata.category == 46\" class=\"form-label\">\n                                                Photo Co-Working Space *\n                                            <\/span>\n                                            <span x-show=\"formdata.category == 25 || formdata.category == 47\"\n                                                  class=\"form-label\">\n                                                Photo Innovation Hub *\n                                            <\/span>\n                                            <span x-show=\"formdata.category == 26 || formdata.category == 45\"\n                                                  class=\"form-label\">\n                                                Photo *\n                                            <\/span>\n                                            <span\n                                                    x-show=\"formdata.category == 27 || formdata.category == 43 || formdata.category == 28 || formdata.category == 37 || formdata.category == 29 || formdata.category == 39 || formdata.category == 30 || formdata.category == 38 || formdata.category == 31 || formdata.category == 41|| formdata.category == 32 || formdata.category == 40|| formdata.category == 33 || formdata.category == 42|| formdata.category == 34 || formdata.category == 36\"\n                                                    class=\"form-label\">\n                                                Logo *\n                                            <\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"col-12 col-xxl-9\">\n                                        <input class=\"form-control\"\n                                               x-model=\"formdata.details.image\"\n                                               x-on:change=\"logoToBase64\"\n                                               type=\"file\"\n                                               id=\"formFileLogo\"\n                                               accept=\".jpg,.jpeg\"\n                                               required>\n                                        <div id=\"logoHelp\" class=\"form-text\">\n                                            Erlaubte Formate: jpg, jepg; maximale Gr\u00f6sse 500kb; empfohlenes Format: 800x500 Pixel                                        <\/div>\n                                        <div class=\"invalid-feedback\" id=\"iz-register-error-logo\">\n                                            This is a required field                                        <\/div>\n\n                                        <template x-if=\"formdata.details.image_base64_error\">\n                                            <p style=\"color: #c4006b; font-size: 0.875em;\" x-text=\"formdata.details.image_base64_error.message\"><\/p>\n                                        <\/template>\n\n                                    <\/div>\n                                <\/div>\n                                <div class=\"row gx-0 mb-5\">\n                                    <template x-for=\"i in countOfAddresses\"\n                                              :key=\"i\"\n                                              x-id=\"['iz-register-location', 'iz-register-co-address', 'iz-register-street', 'iz-register-postal-code', 'iz-register-place']\">\n                                        <div class=\"col-12 mt-5\" :id=\"$id('iz-register-address')\">\n                                            <template x-if=\"formdata.category == 24 || formdata.category == 46\">\n                                                <div class=\"row gx-0 mb-4\">\n                                                    <div class=\"col-12 col-xxl-3\">\n                                                        <label :for=\"$id('iz-register-location')\" class=\"form-label\">\n                                                            Location                                                        <\/label>\n                                                    <\/div>\n                                                    <div class=\"col-12 col-xxl-9\">\n                                                        <input\n                                                                type=\"text\"\n                                                                class=\"form-control\"\n                                                                :id=\"$id('iz-register-location')\"\n                                                                :data-index=\"i-1\"\n                                                                data-field=\"location\"\n                                                                @input.debounce=\"handleInputAddress\" \/>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/template>\n                                            <template x-if=\"formdata.area == 10 || formdata.area == 44\">\n                                                <div class=\"row gx-0 mb-4\">\n                                                    <div class=\"col-12\">\n                                                        <div class=\"row gx-0\">\n                                                            <div class=\"col-12 col-xxl-3\">\n                                                                <label for=\"iz-register-co-address\" class=\"form-label\">\n                                                                    c\/o address                                                                <\/label>\n                                                            <\/div>\n                                                            <div class=\"col-12 col-xxl-9\">\n                                                                <input\n                                                                        type=\"text\"\n                                                                        class=\"form-control\"\n                                                                        id=\"iz-register-co-address\"\n                                                                        :data-index=\"i-1\"\n                                                                        data-field=\"co_address\"\n                                                                        @input.debounce=\"handleInputAddress\" \/>\n                                                            <\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/template>\n                                            <div class=\"row gx-0 mb-4\">\n                                                <div class=\"col-12 col-xxl-3\">\n                                                    <label :for=\"$id('iz-register-street')\" class=\"form-label\">\n                                                        Street\/No. *\n                                                    <\/label>\n                                                <\/div>\n                                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                                    <input\n                                                            type=\"text\"\n                                                            class=\"form-control\"\n                                                            :id=\"$id('iz-register-street')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"street\"\n                                                            @input.debounce=\"handleInputAddress\"\n                                                            required \/>\n                                                    <div class=\"invalid-feedback\" :id=\"$id('iz-register-error-street')\">\n                                                        This is a required field                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"row gx-0 mb-4\">\n                                                <div class=\"col-12 col-xxl-3\">\n                                                    <label :for=\"$id('iz-register-postal-code')\" class=\"form-label\">\n                                                        ZIP code *\n                                                    <\/label>\n                                                <\/div>\n                                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                                    <input\n                                                            type=\"text\"\n                                                            class=\"form-control\"\n                                                            :id=\"$id('iz-register-postal-code')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"postal_code\"\n                                                            minlength=\"4\"\n                                                            maxlength=\"4\"\n                                                            @input.debounce=\"handleInputAddress\"\n                                                            required \/>\n                                                    <div class=\"invalid-feedback\"\n                                                         :id=\"$id('iz-register-error-postal-code')\">\n                                                        Please enter a four-digit postal code.                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"row gx-0 mb-4\">\n                                                <div class=\"col-12 col-xxl-3\">\n                                                    <label :for=\"$id('iz-register-place')\" class=\"form-label\">\n                                                        Location *\n                                                    <\/label>\n                                                <\/div>\n                                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                                    <input\n                                                            type=\"text\"\n                                                            class=\"form-control\"\n                                                            :id=\"$id('iz-register-place')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"place\"\n                                                            @input.debounce=\"handleInputAddress\"\n                                                            required \/>\n                                                    <div class=\"invalid-feedback\" :id=\"$id('iz-register-error-place')\">\n                                                        This is a required field                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"col-12 text-end\" x-show=\"i-1 >= 1\">\n                                                    <a\n                                                            @click.prevent=\"decrementCountOfAddresses()\"\n                                                            class=\"btn border-0 bg-transparent p-0 text-danger\">\n                                                        Delete address                                                    <\/a>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/template>\n                                    <div x-show=\"formdata.category == 24 || formdata.category == 46\"\n                                         class=\"col-12 mb-5\">\n                                        <button @click=\"incrementCountOfAddresses()\"\n                                                class=\"btn text-secondary border-0 p-0 bg-transparent\">+ add another location<\/button>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n                    <template\n                            x-if=\"formdata.category == 24 || formdata.category == 46 || formdata.category == 25 || formdata.category == 47\">\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-size\" class=\"form-label\">\n                                    <span x-show=\"formdata.category == 24 || formdata.category == 46\">\n                                        Size (workstations)                                    <\/span>\n                                    <span x-show=\"formdata.category == 25 || formdata.category == 47\">\n                                        Size (area\/companies)                                    <\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9\">\n                                <input\n                                        x-model=\"formdata.details.size\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-size\" \/>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n                    <template x-if=\"formdata.area == 10 || formdata.area == 44\">\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-description\" class=\"form-label\">\n                                    Brief description *\n                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                <div x-ref=\"quill\" data-model=\"description\"><\/div>\n                                <textarea\n                                        x-model=\"formdata.details.description\"\n                                        id=\"iz-register-description\"\n                                        class=\"form-control d-none\"\n                                        required>\n                  <\/textarea>\n                                <div class=\"invalid-feedback\" id=\"iz-register-error-description\">\n                                    This is a required field                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n\n                    <template x-if=\"formdata.area == 11 || formdata.area == 35\">\n                        <div>\n\n                            <!-- Short Description -->\n                            <div class=\"row gx-0 mb-5\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-short-description\" class=\"form-label\">\n                                        <span x-show=\"formdata.category == 27 || formdata.category == 43\">\n                                            Brief description company *\n                                        <\/span>\n                                        <span\n                                                x-show=\"formdata.category == 28 || formdata.category == 37|| formdata.category == 29 || formdata.category == 39 || formdata.category == 30 || formdata.category == 38 || formdata.category == 31 || formdata.category == 41 || formdata.category == 32 || formdata.category == 40|| formdata.category == 33 || formdata.category == 42 || formdata.category == 34 || formdata.category == 36\">\n                                            Brief description *\n                                        <\/span>\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <div x-ref=\"quill\" data-model=\"short_description\"><\/div>\n                                    <textarea\n                                            x-model=\"formdata.details.short_description\"\n                                            class=\"form-control d-none\"\n                                            id=\"iz-register-short-description\"\n                                            rows=\"4\"\n                                            required><\/textarea>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-short-description\">\n                                        This is a required field                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            \n                            <!-- Technologies and Methods :: Scrollable Field -->\n                            <!--\n                            <div class=\"row gx-0 mb-4\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-skills\" class=\"form-label\">\n                                                                                    Technologies and Methods *\n                                                                            <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9\">\n\n\n                                    <div style=\"max-height: 200px; overflow: auto;\"\n                                        class=\"js-example-basic-multiple form-select\"\n                                        id=\"iz-register-skills\"\n                                        name=\"skills_new[]\"\n                                        size=\"6\"\n                                        required\n                                        data-multiple>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"3D printing\">3D printing<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Advanced Materials\">Advanced Materials<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Analytics\">Analytics<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Artificial Intelligence (AI)\">Artificial Intelligence (AI)<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Alternative proteins (plant based)\">Alternative proteins (plant based)<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Augmented Reality\">Augmented Reality<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Automation\">Automation<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Autonomous Systems\">Autonomous Systems<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Biodiversity\">Biodiversity<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Biosensors\">Biosensors<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Business Innovation\">Business Innovation<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Circle economy\">Circle economy<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Cloud Computing\">Cloud Computing<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"CO2 capturing\">CO2 capturing<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Contact sensors\">Contact sensors<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Contactless sensors\">Contactless sensors<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Control Engineering\">Control Engineering<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Cultured meat\">Cultured meat<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Data Science\">Data Science<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Deep Learning\">Deep Learning<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Design Thinking\">Design Thinking<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Diagnostics\">Diagnostics<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Digital processes and transformation\">Digital processes and transformation<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Distributed Ledger Technology \/ Blockchain\">Distributed Ledger Technology \/ Blockchain<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Entrepreneurship\">Entrepreneurship<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Environmental sensors\">Environmental sensors<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"FEM Simulation\">FEM Simulation<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Fermentation\">Fermentation<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Foodwaste\">Foodwaste<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Food packaging\">Food packaging<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"GPS\">GPS<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Imaging\">Imaging<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Industry 4.0\">Industry 4.0<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Intellectual property\">Intellectual property<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Internet-of-Things (IoT)\">Internet-of-Things (IoT)<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Lidar\">Lidar<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Machine Learning\">Machine Learning<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Machine Technology\">Machine Technology<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Marketing (Design \/ Branding)\">Marketing (Design \/ Branding)<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Mechanical Engineering\">Mechanical Engineering<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Nano Technology\">Nano Technology<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Networking\">Networking<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Neural Networks\">Neural Networks<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Optical sensors\">Optical sensors<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Patent\">Patent<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Personalised medicine\">Personalised medicine<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Photonics\">Photonics<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Precision manufacturing \/ micro-mechanics\">Precision manufacturing \/ micro-mechanics<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Precision Medicine\">Precision Medicine<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Quality management\">Quality management<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Quantum technology\">Quantum technology<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Radar\">Radar<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Regulatory\">Regulatory<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Rehabilitation\">Rehabilitation<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Robotics\">Robotics<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Safety and Security\">Safety and Security<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"SLAM (Simultaneous Localization and Mapping)\">SLAM (Simultaneous Localization and Mapping)<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Smart Materials\">Smart Materials<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Start-ups\">Start-ups<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Surface and Interface Technology\">Surface and Interface Technology<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Sustainable Energy\">Sustainable Energy<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Sustainable Energy Sources\">Sustainable Energy Sources<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Sustainable Finance\">Sustainable Finance<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Sustainable Mobility\">Sustainable Mobility<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Side streams \/ by-streams\">Side streams \/ by-streams<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Telemedicine\">Telemedicine<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Ultrasound\">Ultrasound<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Virtual Reality\">Virtual Reality<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Vision Mapping\">Vision Mapping<\/p>\n                                                                                    <p style=\"margin: 0px; cursor: pointer;\"\n                                                value=\"Vertical Farming\">Vertical Farming<\/p>\n                                                                            <\/div>\n\n\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-skills\">\n                                        This is a required field                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            -->\n\n                            <!-- Technologies and Methods :: Search Field -->\n\n                            <style>\n                                .iz-register-skills-border-radius {\n                                    border-bottom-right-radius: 0;\n                                    border-bottom-left-radius: 0;\n                                }\n\n                                .selected-skills .badge {\n                                    background-color: #90FFFF;\n                                    color: black;\n                                    padding: 5px 22px;\n                                    margin: 5px;\n                                    border-radius: 25px;\n                                    display: inline-block;\n                                    cursor: pointer;\n                                    font-size: 1rem;\n                                    font-weight: 300;\n                                    transition: transform 0.2s, box-shadow 0.2s;\n                                }\n\n                                .selected-skills .badge:hover {\n                                    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);\n                                }\n\n                                .dropdown-menu {\n                                    width: 100%;\n                                    max-height: 200px;\n                                    overflow-y: auto;\n                                    border: 3px solid #90ffff;\n                                    border-top-right-radius: 0;\n                                    border-top-left-radius: 0;\n\n                                    @media (min-width: 991px) {\n                                        width: 66.7%;\n                                    }\n\n                                    @media (min-width: 1400px) {\n                                        width: 50%;\n                                    }\n                                }\n\n                                .dropdown-menu--skills {\n                                    display: none !important;\n                                    border-color: #c8ffff;\n                                    box-shadow: 0 0 0 0.25rem rgba(144, 255, 255, 0.25);\n                                    z-index: 0;\n                                }\n\n                                .highlight {\n                                    border-color: #c8ffff;\n                                    box-shadow: 0 0 0 0.25rem rgba(144, 255, 255, 0.25);\n                                }\n\n                                .skills-dropdown-container .dropdown-menu--skills.show {\n                                    display: block !important;\n                                }\n                            <\/style>\n\n                            <div x-data=\"dropdown()\" x-ref=\"dropdown\" class=\"relative skills-dropdown-container\">\n\n                                <div class=\"row gx-0 mb-4\">\n\n                                    <div class=\"col-12 col-xxl-3\">\n\n                                        <!-- Label -->\n                                        <label for=\"iz-register-skills\" class=\"form-label\">\n                                            Technologies and Methods *                                        <\/label>\n\n                                    <\/div>\n\n                                    <div class=\"col-12 col-xxl-9\">\n\n                                        <!-- Search Field -->\n                                        <input\n                                                type=\"text\"\n                                                id=\"iz-register-skills\"\n                                                class=\"form-control\"\n                                                :class=\"{\n                                                'iz-register-skills-border-radius': showDropdown,\n                                                'highlight': showDropdown,\n                                            }\"\n                                                placeholder=\"Search...\"\n                                                x-model=\"search\"\n                                                :required=\"selectedSkills.length === 0\"\n                                                @focus=\"focusSearchField\"\n                                                @click.away=\"showDropdown = false\"\n                                                @input=\"filterSkills\"\n                                                autocomplete=\"off\" \/>\n\n                                        <div\n                                                class=\"invalid-feedback\"\n                                                x-show=\"selectedSkills.length === 0\">\n                                            This is a required field                                        <\/div>\n\n                                        <!-- Skills Dropdown -->\n                                        <div class=\"dropdown-menu dropdown-menu--skills\" :class=\"{ 'show': showDropdown }\">\n                                            <template x-for=\"(group, letter) in groupedSkills\" :key=\"letter\">\n                                                <div>\n                                                    <h6 class=\"dropdown-header\" x-text=\"letter\"><\/h6>\n                                                    <template x-for=\"(skill, index) in group\" :key=\"index\">\n                                                        <p\n                                                                :style=\"{\n                                                                padding: '8px',\n                                                                margin: '0',\n                                                                cursor: 'pointer',\n                                                                backgroundColor: (index % 2 === 0) ? '#c8ffff' : '#ffffff'\n                                                            }\"\n                                                                @click.stop=\"addSkill(skill)\">\n                                                            <span x-text=\"skill\"><\/span>\n                                                        <\/p>\n                                                    <\/template>\n                                                <\/div>\n                                            <\/template>\n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                                <!-- Row Selected Skills -->\n                                <div class=\"row gx-0 mb-4 align-items-baseline\">\n\n                                    <div class=\"col-12 col-xxl-3\">\n                                                                                    <span>Selected Keywords<\/span>\n                                                                            <\/div>\n\n                                    <div class=\"col-12 col-xxl-9\">\n                                        <div class=\"selected-skills\">\n                                            <template x-for=\"(skill, index) in selectedSkills\" :key=\"index\">\n                                                <span class=\"badge\" @click=\"removeSkill(skill)\">\n                                                    <span x-text=\"skill\"><\/span>\n                                                    <span style=\"margin-left: 8px; font-weight: bold; cursor: pointer;\">&times;<\/span>\n                                                <\/span>\n                                            <\/template>\n                                        <\/div>\n                                    <\/div>\n\n                                <\/div>\n\n                                <!-- Hidden Input for Form Submission -->\n                                <template x-for=\"(skill, index) in selectedSkills\" :key=\"'hidden-' + index\">\n                                    <input type=\"hidden\" name=\"skills_new[]\" :value=\"skill\" \/>\n                                <\/template>\n                            <\/div>\n\n                            <script>\n                                function dropdown() {\n                                    return {\n                                        skills: [\"3D printing\",\"Advanced Materials\",\"Analytics\",\"Artificial Intelligence (AI)\",\"Alternative proteins (plant based)\",\"Augmented Reality\",\"Automation\",\"Autonomous Systems\",\"Biodiversity\",\"Biosensors\",\"Business Innovation\",\"Circle economy\",\"Cloud Computing\",\"CO2 capturing\",\"Contact sensors\",\"Contactless sensors\",\"Control Engineering\",\"Cultured meat\",\"Data Science\",\"Deep Learning\",\"Design Thinking\",\"Diagnostics\",\"Digital processes and transformation\",\"Distributed Ledger Technology \\\/ Blockchain\",\"Entrepreneurship\",\"Environmental sensors\",\"FEM Simulation\",\"Fermentation\",\"Foodwaste\",\"Food packaging\",\"GPS\",\"Imaging\",\"Industry 4.0\",\"Intellectual property\",\"Internet-of-Things (IoT)\",\"Lidar\",\"Machine Learning\",\"Machine Technology\",\"Marketing (Design \\\/ Branding)\",\"Mechanical Engineering\",\"Nano Technology\",\"Networking\",\"Neural Networks\",\"Optical sensors\",\"Patent\",\"Personalised medicine\",\"Photonics\",\"Precision manufacturing \\\/ micro-mechanics\",\"Precision Medicine\",\"Quality management\",\"Quantum technology\",\"Radar\",\"Regulatory\",\"Rehabilitation\",\"Robotics\",\"Safety and Security\",\"SLAM (Simultaneous Localization and Mapping)\",\"Smart Materials\",\"Start-ups\",\"Surface and Interface Technology\",\"Sustainable Energy\",\"Sustainable Energy Sources\",\"Sustainable Finance\",\"Sustainable Mobility\",\"Side streams \\\/ by-streams\",\"Telemedicine\",\"Ultrasound\",\"Virtual Reality\",\"Vision Mapping\",\"Vertical Farming\"],\n                                        search: \"\",\n                                        groupedSkills: {},\n                                        selectedSkills: [],\n                                        showDropdown: false,\n\n                                        init() {\n                                            this.groupSkills();\n                                            this.filterSkills();\n                                            this.showDropdown = false;\n                                        },\n\n                                        groupSkills() {\n                                            const sortedSkills = this.skills.sort((a, b) =>\n                                                a.localeCompare(b)\n                                            );\n\n                                            this.groupedSkills = sortedSkills.reduce(\n                                                (groups, skill) => {\n                                                    const letter = skill[0].toUpperCase();\n                                                    if (!groups[letter]) {\n                                                        groups[letter] = [];\n                                                    }\n                                                    groups[letter].push(skill);\n                                                    return groups;\n                                                }, {}\n                                            );\n                                        },\n\n                                        filterSkills() {\n                                            const searchTerm = this.search.toLowerCase();\n                                            const filtered = this.skills.filter((skill) =>\n                                                skill.toLowerCase().includes(searchTerm)\n                                            );\n\n                                            this.groupedSkills = filtered.reduce(\n                                                (groups, skill) => {\n                                                    const letter = skill[0].toUpperCase();\n\n                                                    if (!groups[letter]) {\n                                                        groups[letter] = [];\n                                                    }\n                                                    groups[letter].push(skill);\n                                                    return groups;\n                                                }, {}\n                                            );\n\n                                            \/\/ Hide dropdown if no results are found\n                                            this.showDropdown =\n                                                Object.keys(this.groupedSkills).length > 0;\n\n                                        },\n\n                                        addSkill(skill) {\n                                            if (!this.selectedSkills.includes(skill)) {\n                                                this.selectedSkills.push(skill);\n                                                this.skills = this.skills.filter(\n                                                    (s) => s !== skill\n                                                );\n\n                                                \/\/ Update available skills\n                                                this.filterSkills();\n\n                                                \/\/ Ensure dropdown remains open if there are still skills\n                                                this.showDropdown = Object.keys(this.groupedSkills).length > 0;\n                                            }\n                                        },\n\n                                        removeSkill(skill) {\n                                            if (this.selectedSkills.includes(skill)) {\n                                                this.selectedSkills = this.selectedSkills.filter(\n                                                    (s) => s !== skill\n                                                ); \/\/ Remove skill from selectedSkills\n                                                this.skills.push(skill); \/\/ Add skill back to available skills\n                                                this.skills.sort((a, b) => a.localeCompare(b)); \/\/ Keep available skills sorted\n\n                                                \/\/ Recompute groupedSkills\n                                                this.filterSkills();\n                                                this.showDropdown = false;\n                                            }\n                                        },\n\n                                        groupedSkillsIsEmpty() {\n                                            for (const prop in this.groupedSkills) {\n                                                if (Object.hasOwn(this.groupedSkills, prop)) {\n                                                    return false;\n                                                }\n                                            }\n\n                                            return true;\n                                        },\n\n                                        focusSearchField() {\n                                            if (!this.groupedSkillsIsEmpty()) {\n                                                this.showDropdown = true;\n                                            }\n                                        },\n\n                                    };\n                                }\n                            <\/script>\n\n                        <\/div>\n                    <\/template>\n\n                    <template\n                            x-if=\"formdata.area == 11 || formdata.area == 35 || formdata.area == 10 || formdata.area == 44\">\n                        <div>\n                            <div class=\"row gx-0 mb-4 mt-5\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-website\" class=\"form-label\">\n                                        Website *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <input\n                                            x-model=\"formdata.details.website\"\n                                            type=\"text\"\n                                            id=\"iz-register-website\"\n                                            class=\"form-control\"\n                                            required \/>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-website\">\n                                        This is a required field                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"row gx-0 mb-4\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-linkedin\" class=\"form-label\">\n                                        LinkedIn                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9\">\n                                    <input\n                                            x-model=\"formdata.details.linkedin\"\n                                            type=\"text\"\n                                            id=\"iz-register-linkedin\"\n                                            class=\"form-control\" \/>\n                                <\/div>\n                            <\/div>\n                            <div class=\"row gx-0 mb-4\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-twitter\" class=\"form-label\">\n                                        Twitter                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9\">\n                                    <input\n                                            x-model=\"formdata.details.twitter\"\n                                            type=\"text\"\n                                            id=\"iz-register-twitter\"\n                                            class=\"form-control\" \/>\n                                <\/div>\n                            <\/div>\n                            <div class=\"row gx-0 mb-4\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-facebook\" class=\"form-label\">\n                                        Facebook                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9\">\n                                    <input\n                                            x-model=\"formdata.details.facebook\"\n                                            type=\"text\"\n                                            id=\"iz-register-facebook\"\n                                            class=\"form-control\" \/>\n                                <\/div>\n                            <\/div>\n                            <div class=\"row gx-0 mb-4\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-instagram\" class=\"form-label\">\n                                        Instagram                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9\">\n                                    <input\n                                            x-model=\"formdata.details.instagram\"\n                                            type=\"text\"\n                                            id=\"iz-register-instagram\"\n                                            class=\"form-control\" \/>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n\n                    <div class=\"row gx-0 mb-4\">\n                        <div class=\"col-12\">\n                            <button\n                                    type=\"button\"\n                                    class=\"text-secondary fw-bold border-0 p-0 me-3 bg-transparent btn\"\n                                    @click.prevent.stop=\"prevStep()\">\n                                Back                            <\/button>\n                            <button\n                                    type=\"submit\"\n                                    class=\"btn text-secondary fw-bold p-0 border-0 bg-transparent\">\n                                Next                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n\n    <!-- Registration Step 4 (Final Step) -->\n    <form x-on:submit.prevent=\"submitForm\"\n          class=\"row gx-0 mb-4 needs-validation\"\n          id=\"register-step-4\"\n          x-show=\"activeStep === 4 && !isSubmitting\"\n          data-check-form=\"true\"\n          novalidate>\n\n        <div class=\"col-12\">\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12\">\n                    <h3>Kontaktperson<\/h3>\n                    <div class=\"kp-spacer\">\n                        <div class=\"bg-primary\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12\">\n                    <p\n                            x-show=\"formdata.area == 11 || formdata.area == 35\">Bitte hier die Daten der Kontaktperson zum ausgew\u00e4hlten Thema \/ Themen angeben.<br \/> <strong style=\"color: #000;\">Hinweis: Angaben zur Kontaktperson werden \u00f6ffentlich sichtbar sein.<\/strong><\/p>\n                    <p\n                            x-show=\"formdata.area == 10 || formdata.area == 44\">Please enter here the data of the contact person to the hub.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Add Contact Persons for Topics -->\n            <template x-for=\"i in countOfContact\" :key=\"i\">\n                <div class=\"row gx-0 mb-5\" :id=\"$id('iz-register-contacts')\">\n                    <div class=\"col-12\">\n                        <template\n                                x-if=\"((formdata.area == 11 || formdata.area == 35 || formdata.category == 35) && !checkAllTopics)\">\n                            <div>\n                                <div class=\"row gx-0 mb-4\">\n                                    <div class=\"col-12 col-xxl-3\">\n                                        <label for=\"iz-register-topic-contact\" class=\"form-label\">\n                                            Contact person for                                        <\/label>\n                                    <\/div>\n                                    <div class=\"col-12 col-xxl-9 has-validation\">\n                                        <select\n                                                :data-index=\"i-1\"\n                                                data-field=\"topic\"\n                                                id=\"iz-register-topic-contact\"\n                                                name=\"iz-register-topic-contact\"\n                                                class=\"form-select\"\n                                                @input.debounce=\"handleInputContact\">\n                                            <option hidden>Select...<\/option>\n                                            <template x-for=\"option in topicContactPerson\">\n                                                <option :value=\"option.id\" x-text=\"option.name\"><\/option>\n                                            <\/template>\n                                        <\/select>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/template>\n                        <div class=\"row gx-0 mb-4\"\n                             x-id=\"['iz-register-salutation-sir', 'iz-register-salutation-madam', 'salutation']\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-salutation\" class=\"form-label\">\n                                    Salutation *\n                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                <input\n                                        :data-index=\"i-1\"\n                                        data-field=\"salutation\"\n                                        type=\"radio\"\n                                        value=\"sir\"\n                                        :name=\"$id('salutation')\"\n                                        class=\"btn-check mb-3\"\n                                        :id=\"$id('iz-register-salutation-sir')\"\n                                        autocomplete=\"off\"\n                                        required\n                                        @input.debounce=\"handleInputContact\">\n                                <label class=\"btn btn-outline-primary\"\n                                       :for=\"$id('iz-register-salutation-sir')\">Mr.<\/label>\n                                <input\n                                        :data-index=\"i-1\"\n                                        data-field=\"salutation\"\n                                        type=\"radio\"\n                                        value=\"madame\"\n                                        :name=\"$id('salutation')\"\n                                        class=\"btn-check mb-3\"\n                                        :id=\"$id('iz-register-salutation-madam')\"\n                                        autocomplete=\"off\"\n                                        required\n                                        @input.debounce=\"handleInputContact\">\n                                <label class=\"btn btn-outline-primary\"\n                                       :for=\"$id('iz-register-salutation-madam')\">Ms.<\/label>\n                                <div class=\"invalid-feedback\" :id=\"$id('iz-register-error-salutation')\">\n                                    Please select a salutation                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-title\" class=\"form-label\">\n                                    Title                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9\">\n                                <input type=\"text\"\n                                       class=\"form-control\"\n                                       id=\"iz-register-title\"\n                                       :data-index=\"i-1\"\n                                       data-field=\"title\"\n                                       @input.debounce=\"handleInputContact\" \/>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-first-name\" class=\"form-label\">\n                                    First name *\n                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                <input\n                                        type=\"text\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-first-name\"\n                                        :data-index=\"i-1\"\n                                        data-field=\"first_name\"\n                                        @input.debounce=\"handleInputContact\"\n                                        required \/>\n                                <div class=\"invalid-feedback\" :id=\"$id('iz-register-error-first-name')\">\n                                    This is a required field                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-last-name\" class=\"form-label\">\n                                    Last name *\n                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                <input\n                                        type=\"text\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-last-name\"\n                                        :data-index=\"i-1\"\n                                        data-field=\"last_name\"\n                                        @input.debounce=\"handleInputContact\"\n                                        required \/>\n                                <div class=\"invalid-feedback\" :id=\"$id('iz-register-error-last-name')\">\n                                    This is a required field                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-function\" class=\"form-label\">\n                                    Function                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9\">\n                                <input\n                                        type=\"text\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-function\"\n                                        :data-index=\"i-1\"\n                                        data-field=\"function\"\n                                        @input.debounce=\"handleInputContact\" \/>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-email\" class=\"form-label\">\n                                    E-mail *\n                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                <input\n                                        type=\"email\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-email\"\n                                        :data-index=\"i-1\"\n                                        data-field=\"email\"\n                                        @input.debounce=\"handleInputContact\"\n                                        required \/>\n                                <div class=\"invalid-feedback\" id=\"iz-register-error-email\">\n                                    This is a required field                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-phone\" class=\"form-label\">\n                                    Phone                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9\">\n                                <input\n                                        type=\"tel\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-phone\"\n                                        :data-index=\"i-1\"\n                                        data-field=\"phone\"\n                                        @input.debounce=\"handleInputContact\" \/>\n                                <div id=\"phoneHelp\"\n                                     class=\"form-text\">Format: +41 44 123 45 67<\/div>\n                            <\/div>\n                        <\/div>\n                        <template x-if=\"formdata.area == 11 || formdata.area == 35 || formdata.category == 35\">\n                            <div>\n                                <div class=\"row gx-0 mb-4\">\n                                    <div class=\"col-12 col-xxl-3\">\n                                        <label for=\"iz-register-person-linkedin\" class=\"form-label\">\n                                            LinkedIn                                        <\/label>\n                                    <\/div>\n                                    <div class=\"col-12 col-xxl-9\">\n                                        <input\n                                                class=\"form-control\"\n                                                type=\"text\"\n                                                id=\"iz-register-person-linkedin\"\n                                                :data-index=\"i-1\"\n                                                data-field=\"linkedIn\"\n                                                @input.debounce=\"handleInputContact\" \/>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"row gx-0 mb-4\">\n                                    <div class=\"col-12 col-xxl-3\">\n                                        <label for=\"iz-register-person-description\" class=\"form-label\">\n                                            Short portrait                                        <\/label>\n                                    <\/div>\n                                    <div class=\"col-12 col-xxl-9\">\n                                        <textarea\n                                                :data-index=\"i-1\"\n                                                data-field=\"short_description\"\n                                                id=\"iz-register-person-description\"\n                                                class=\"form-control\"\n                                                @input.debounce=\"handleInputContact\"\n                                                rows=\"4\"><\/textarea>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"row gx-0 mb-4\">\n                                    <div class=\"col-12 col-xxl-3\">\n                                        <label for=\"iz-register-person-image\" class=\"form-label\">\n                                            Portrait                                        <\/label>\n                                    <\/div>\n                                    <div class=\"col-12 col-xxl-9\">\n                                        <input class=\"form-control\"\n                                               :data-index=\"i-1\"\n                                               data-field=\"image\"\n                                               type=\"file\"\n                                               id=\"formFileContact\"\n                                               accept=\".jpg,.jpeg\"\n                                               @input.debounce=\"handleInputContact\"\n                                               x-on:change=\"contactImageToBase64\">\n                                        <div id=\"contacthelp\" class=\"form-text\">\n                                            Erlaubte Formate: jpg, jepg; maximale Gr\u00f6sse 500kb; empfohlenes Format: 450x600 Pixel                                        <\/div>\n\n                                        <template x-if=\"formdata.details.contacts[i - 1].image_base64_error.message\">\n                                            <p style=\"color: #c4006b; font-size: 0.875em;\" x-text=\"formdata.details.contacts[i - 1].image_base64_error.message\"><\/p>\n                                        <\/template>\n\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"row gx-0 mb-4\">\n                                    <div class=\"col-12 col-xxl-3\">\n                                        <label for=\"iz-register-newsletter\" class=\"form-label\">\n                                            Newsletter                                        <\/label>\n                                    <\/div>\n                                    <div class=\"col-12 col-xxl-9 d-flex align-items-center\">\n                                        <input style=\"width: 25px; height: 25px;\" :id=\"'newsletter-' + i\" type=\"checkbox\"\n                                               x-model=\"formDataContacts[i-1].newsletter\" class=\"custom-checkbox\">\n                                        <label style=\"margin-left: 15px;\" :for=\"'newsletter-' + i\"\n                                               class=\"form-check-label\">I would be happy to receive the Innovation Zurich newsletter in the future.<\/label>\n                                    <\/div>\n                                <\/div>\n\n                            <\/div>\n                        <\/template>\n                        <div class=\"row gx-0\">\n                            <div class=\"col-12 text-end\" x-show=\"i-1 >= 1\">\n                                <a\n                                        @click.prevent=\"decrementCountOfContacts()\"\n                                        class=\"btn border-0 bg-transparent p-0 text-black\">\n                                    Delete contact person                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/template>\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12 mb-5\">\n                    <button\n                            @click.prevent=\"incrementCountOfContacts()\"\n                            type=\"button\"\n                            class=\"btn text-secondary border-0 p-0 bg-transparent\">\n                        + add another contact person                    <\/button>\n                <\/div>\n            <\/div>\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12\">\n                    <button\n                            type=\"button\"\n                            class=\"text-secondary fw-bold border-0 p-0 me-3 bg-transparent btn\"\n                            @click.prevent.stop=\"prevStep()\">\n                        Back                    <\/button>\n                    <button\n                            type=\"submit\"\n                            class=\"btn text-secondary fw-bold p-0 border-0 bg-transparent\">\n                        Submit                    <\/button>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/form>\n\n    <!-- Loading Spinner -->\n    <div x-show=\"isSubmitting && activeStep !== 5\" class=\"loading-spinner\">\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n    <\/div>\n\n    <div class=\"row gx-0 mb-4\" id=\"register-step-5\" x-show=\"activeStep === 5\">\n        <div class=\"col-12 mb-4 text-center\">\n                            <h3 class=\"text-center\">Registration completed!<\/h3><p> The details are now being reviewed.<\/p>            \n            <div class=\"mt-5\">\n                <!--\n                <p><strong>Share now<\/strong><\/p>\n                                    <a href=\"https:\/\/twitter.com\/intent\/tweet?original_referer=https%3A%2F%2Fpublish.twitter.com%2F&amp;ref_src=twsrc%5Etfw%7Ctwcamp%5Ebuttonembed%7Ctwterm%5Eshare%7Ctwgr%5E&amp;text=%23InnovationZurich%20is%20the%20platform%20for%20networking%2C%20orientation%20and%20news%20about%20innovation.%20Become%20part%20of%20it%20and%20register%20your%20company%20or%20organisation!&amp;url=https%3A%2F%2Finnovation.zuerich%2Fen%2F\" class=\"btn btn-secondary text-white me-4\" target=\"_blank\" rel=\"noopener\">Twitter<\/a>\n                    <a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Finnovation.zuerich%2Fen%2F\" class=\"btn btn-secondary text-white\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>\n                                -->\n\n                                    <a href=\"\/en\" class=\"me-4\" style=\"font-weight:600;\">Back to the homepage<\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"what-is-innovation-zurich\" class=\"popup container\" style=\"display: none\">\n        <button class=\"text-primary bg-transparent border-0 close-btn\">X<\/button>\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"ratio ratio-16x9\">\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/Q5vEk0hGRTI\" title=\"YouTube video\"\n                            allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":20474,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-23054","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/23054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/comments?post=23054"}],"version-history":[{"count":1,"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/23054\/revisions"}],"predecessor-version":[{"id":23055,"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/23054\/revisions\/23055"}],"up":[{"embeddable":true,"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/20474"}],"wp:attachment":[{"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/media?parent=23054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}