{"id":31002,"date":"2023-07-26T09:38:23","date_gmt":"2023-07-26T07:38:23","guid":{"rendered":"https:\/\/innovation-zuerich.kommpass-staging.ch\/?page_id=31002"},"modified":"2023-07-26T09:41:02","modified_gmt":"2023-07-26T07:41:02","slug":"edit-registration","status":"publish","type":"page","link":"https:\/\/innovation-zuerich.kommpass-staging.ch\/en\/edit-registration\/","title":{"rendered":"Edit registration"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31002\" class=\"elementor elementor-31002 elementor-31000\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-15f2d53 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"15f2d53\" data-element_type=\"section\" data-e-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-c6a45f7\" data-id=\"c6a45f7\" data-element_type=\"column\" data-e-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-d7ea706 elementor-widget elementor-widget-shortcode\" data-id=\"d7ea706\" data-element_type=\"widget\" data-e-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\">\n<script src=\"\/wp-content\/plugins\/inno-zh-register\/static\/js\/iz-register.js\"><\/script>\n<script>\n\n    var podaci = {\"post_id\":null,\"post_title\":\"Edit registration\",\"website\":\"\",\"linkedin\":\"\",\"short_description\":\"\",\"twitter\":\"\",\"facebook\":\"\",\"instagram\":\"\",\"description\":\"\",\"location\":\"\",\"video_link\":\"\",\"size\":\"\",\"skills\":\"\",\"language\":\"\",\"entry_deadline\":\"\",\"publications_date\":\"\",\"area_terms\":[],\"topic_terms\":[],\"addresses\":[],\"contacts\":[],\"nearest_event_date\":\"\",\"nearest_event_end_date\":\"\"};\n\n    if (typeof IzRegistre !== 'undefined') {\n        IzRegistre.inicijalizacija(podaci);\n    }\n\n<\/script>\n\n<div id=\"iz-register\" x-data=\"iz_register\" x-cloak>\n\n    <template x-if=\"activeStep < 5\">\n        <div class=\"row gx-0 mb-5\">\n            <div class=\"col-12\">\n                <h1>Edit your profile or organization!<\/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 class=\"col-12\">\n                <p style=\"margin-bottom: 0px\">Please check your entries. To do this, click through the various registration steps and adjust the data if necessary. If you want to delete your entry, you can do this by clicking the \"Delete entry\" button. If you are sure that nothing needs to be adjusted, you can shorten the check with \u00abAll the information is correct\u00bb. Thank you for your support in keeping the platform up to date.<\/p>\n            <\/div>\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>Thank you!<\/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\n    <!-- Form Step 1: Areas and Categories -->\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-6\">\n\n            <!-- Areas Start -->\n            <div class=\"row gx-0 mb-4\" x-show=\"formdata.area !== 63 && formdata.area !== 69\">\n                <div class=\"col-12 col-xxl-3\">\n                    <label for=\"iz-register-area\" class=\"form-label\">\n                        Area *\n                    <\/label>\n                <\/div>\n                <div class=\"col-12 col-xxl-9 has-validation\">\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                            <label class=\"btn btn-outline-primary\" :class=\"oneArea.name === 'News' && 'd-none'\" :for=\"oneArea.id\" x-text=\"oneArea.name\"><\/label>\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            <!-- Areas End -->\n\n            <!-- Categories Start -->\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12 col-xxl-3\">\n                    <label for=\"iz-register-category\" class=\"form-label\">\n                        Category *\n                    <\/label>\n                <\/div>\n                <div class=\"col-12 col-xxl-9 has-validation\">\n                    <select x-model=\"formdata.category\" x-bind:disabled=\"allCategories.length === 0\" name=\"iz-register-category\"\n                            class=\"form-select\" required>\n                        <option hidden value=\"\">Select...<\/option>\n                        <template x-for=\"oneCategory in allCategories\">\n                            <option x-text=\"oneCategory.name\" :value=\"oneCategory.id\" :disabled=\"oneCategory.id === null\" x-bind:selected=\"oneCategory.id === formdata.category\"><\/option>\n                        <\/template>\n                    <\/select>\n                    <div class=\"invalid-feedback\" id=\"iz-register-error-category\">\n                        This is a required field                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"row gx-0 mb-5\">\n                <div class=\"col-12\">\n                    <button\n                            type=\"submit\"\n                            class=\"btn btn-secondary text-white firstStep\"\n                            :class=\"formdata.category == null && 'disabled'\">\n                        Next                    <\/button>\n                    <a\n                            href=\"javascript:;\"\n                            id=\"what-is-btn\"\n                            data-target=\"#what-is-innovation-zurich\"\n                            style=\"margin-left: 2rem;\"\n                            class=\"text-secondary fw-bold border-0 p-0 me-3 bg-transparent btn\">\n                        What is Innovation Zurich?\n                    <\/a>\n                <\/div>\n            <\/div>\n            <!-- Categories End -->\n\n        <\/div>\n    <\/form>\n\n    <div class=\"mb-4\">\n\n        <!-- Delete Start -->\n        <button class=\"btn btn-secondary delete-registration\">\n            Delete        <\/button>\n\n        <div class=\"popup-delete-registration\">\n            <h6>Are you sure you want to delete your registration?<\/h6>\n            <div class=\"btn-delete-registration\">\n                <button onclick=\"deleteRegistration()\" class=\"yes-delete btn btn-secondary text-white\">Yes<\/button>\n                <button class=\"no-delete btn btn-secondary text-white\">No<\/button>\n            <\/div>\n        <\/div>\n        <!-- Delete End -->\n\n        <button onclick=\"updateRegistration()\" class=\"btn btn-secondary text-white update-registration\">All information is correct<\/button>\n\n    <\/div>\n\n\n\n\n\n    <!-- Form Step 2: Topics -->\n    <form 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\n        <div class=\"col-12\">\n            <div class=\"row gx-0 mb-5\">\n                <div class=\"col-12\">\n                    <h3>Step 2\/4 - 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                        Topic *\n                    <\/label>\n                <\/div>\n                <div class=\"col-12 col-xxl-11\">\n                    <template\n                        x-for=\"(oneTopic, index) in allTopics.filter(topic => \n                        [69, 64, 65, 66, 67, 73, 72, 71, 70].includes(formdata.area)\n                            ? ![106, 59].includes(topic.id)\n                            : ![111, 112, 114, 116, 106, 59].includes(topic.id)\n                        )\">\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                            <label class=\"btn btn-outline-primary mb-3\" :for=\"oneTopic.id\" x-text=\"oneTopic.name\"><\/label>\n                        <\/span>\n                    <\/template>\n\n                    <!--\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                    -->\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 secondStep\">Next                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n\n\n\n\n    <!-- Form Step 3: Organization \/ Post 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\n\n        <div class=\"col-12\">\n            <div class=\"row gx-0\">\n                <div class=\"col-12 mb-5\">\n                    <h3>Step 3\/4 - Details<\/h3>\n                    <div class=\"kp-spacer\">\n                        <div class=\"bg-primary\"><\/div>\n                    <\/div>\n                <\/div>\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\n                <div class=\"col-12 col-lg-8\">\n\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                                    Company name *\n                                <\/span>\n                                <span\n                                    x-show=\"formdata.category == 64 || formdata.category == 65 || formdata.category == 66 || formdata.category == 67 || formdata.category == 70 || formdata.category == 71 || formdata.category == 72 || formdata.category == 73\">\n                                     Title *\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                    \n                                        <template x-if=\"formdata.category == 64 || formdata.category == 71\">\n                        <div>\n                            <div class=\"row gx-0 mb-4\">\n                                <template x-for=\"i in countOfEventDays\"\n                                          :key=\"i\"\n                                          x-id=\"['iz-register-event', 'iz-register-event-day', 'iz-register-event-start', 'iz-register-event-end']\">\n                                    <div class=\"col-12 mt-5\" :id=\"$id('iz-register-event')\">\n                                        <div class=\"row gx-0 mb-4\">\n                                            <div class=\"col-12 col-xxl-3\">\n                                                <label :for=\"$id('iz-register-event-day')\" class=\"form-label\">\n                                                    Event date *\n                                                <\/label>\n                                            <\/div>\n                                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                                <input\n                                                        type=\"date\"\n                                                        class=\"form-control\"\n                                                        :id=\"$id('iz-register-event-day')\"\n                                                        :data-index=\"i-1\"\n                                                        data-field=\"date\"\n                                                        @input.debounce=\"handleEventInput\"\n                                                        required \/>\n                                                <div class=\"invalid-feedback\" :id=\"$id('iz-register-error-event-day')\">\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-event-start')\" class=\"form-label\">\n                                                    Event start time *\n                                                <\/label>\n                                            <\/div>\n                                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                                <input\n                                                        type=\"time\"\n                                                        class=\"form-control\"\n                                                        :id=\"$id('iz-register-event-start')\"\n                                                        :data-index=\"i-1\"\n                                                        data-field=\"startTime\"\n                                                        @input.debounce=\"handleEventInput\"\n                                                        required \/>\n                                                <div class=\"invalid-feedback\"\n                                                     :id=\"$id('iz-register-error-event-start')\">\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-event-end')\" class=\"form-label\">\n                                                    Event end time *\n                                                <\/label>\n                                            <\/div>\n                                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                                <input\n                                                        type=\"time\"\n                                                        class=\"form-control\"\n                                                        :id=\"$id('iz-register-event-end')\"\n                                                        :data-index=\"i-1\"\n                                                        data-field=\"endTime\"\n                                                        @input.debounce=\"handleEventInput\"\n                                                        required \/>\n                                                <div class=\"invalid-feedback\" :id=\"$id('iz-register-error-event-end')\">\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=\"decrementCountOfEvents()\"\n                                                        class=\"btn border-0 bg-transparent p-0 text-danger\">\n                                                    Delete day                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/template>\n                                <div class=\"col-12 mb-5\">\n                                    <button @click.prevent=\"incrementCountOfEvents()\"\n                                            class=\"btn text-secondary border-0 p-0 bg-transparent\">+ weiteres Datum hinzuf\u00fcgen<\/button>\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-event-location\" class=\"form-label\">\n                                        Location *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <input\n                                            x-model=\"formdata.details.event_location\"\n                                            type=\"text\"\n                                            id=\"iz-register-event-location\"\n                                            class=\"form-control\"\n                                            required \/>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-event-location\">\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-short-description\" class=\"form-label\">\n                                        Short description *\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\" 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                            <div class=\"row gx-0 mb-4\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-link\" class=\"form-label\">\n                                        Link to the event *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <input type=\"text\" class=\"form-control\" id=\"iz-register-link\"\n                                           x-model=\"formdata.details.event_link\"\n                                           required \/>\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-images\" class=\"form-label\">\n                                        Contribution images *\n                                    <\/label>\n                                <\/div>\n\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <input\n                                            class=\"form-control iz-register-images--events\"\n                                            x-on:change=\"imageFileUpload\"\n                                            type=\"file\"\n                                            id=\"iz-register-images\"\n                                            accept=\".jpg,.jpeg\"\n                                            required multiple>\n\n                                    <div id=\"logoHelp\" class=\"form-text\">\n                                        Erlaubte Formate: jpg, jepg; maximale Gr\u00f6sse 500kb; empfohlenes Format: 800x500 Pixel                                    <\/div>\n\n                                    <!-- Invalid Feedback for file size -->\n                                    <div x-show=\"formdata.details.article_images.some(img => img.error)\">\n                                        <template x-for=\"(img, index) in formdata.details.article_images.filter(img => img.error)\" :key=\"index\">\n                                            <p style=\"color: #c4006b; font-size: 0.875em;\" x-show=\"img.error\">\n                                                <span x-text=\"img.error.image + ': '\"><\/span>\n                                                <span x-text=\"img.error.message\"><\/span>\n                                            <\/p>\n                                        <\/template>\n                                    <\/div>\n\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-logo\">\n                                        This is a required field                                    <\/div>\n\n                                    <div>\n                                        <ul class=\"list-unstyled\">\n                                            <template x-for=\"(img, index) in formdata.details.article_images.filter(img => !img.error)\" :key=\"index\">\n                                                <li @click=\"removeArticleImage(img.title || img.error?.image)\" class=\"cursor-pointer\">\n                                                    <span x-text=\"img.title\"><\/span> X\n                                                <\/li>\n                                            <\/template>\n                                        <\/ul>\n                                    <\/div>\n\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n\n                                        <template x-if=\"formdata.category == 65 || formdata.category == 72\">\n                        <div>\n                            <div class=\"row gx-0 mb-4\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-entry-deadline\" class=\"form-label\">\n                                        Entry deadline *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <input type=\"date\" class=\"form-control\" id=\"iz-register-entry-deadline\"\n                                           x-model=\"formdata.details.entry_deadline\" required \/>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-entry-deadline\">\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-lead\" class=\"form-label\">\n                                        Short description *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <textarea\n                                            name=\"iz-register-lead\"\n                                            id=\"iz-register-lead\"\n                                            rows=\"3\"\n                                            class=\"form-control\"\n                                            x-model=\"formdata.details.short_description\"\n                                            required><\/textarea>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-lead\">\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-images\" class=\"form-label\">\n                                        Contribution images *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n\n                                    <!-- ovde ubaciti opciju da se moze uneti vise slika -->\n                                    <input\n                                            class=\"form-control\"\n                                            x-on:change=\"imageFileUpload\"\n                                            type=\"file\"\n                                            id=\"iz-register-images\"\n                                            accept=\".jpg,.jpeg\"\n                                            required>\n\n                                    <div id=\"logoHelp\" class=\"form-text\">\n                                        Erlaubte Formate: jpg, jepg; maximale Gr\u00f6sse 500kb; empfohlenes Format: 800x500 Pixel                                    <\/div>\n\n                                    <!-- Invalid Feedback for file size -->\n                                    <div x-show=\"formdata.details.article_images.some(img => img.error)\">\n                                        <template x-for=\"(img, index) in formdata.details.article_images.filter(img => img.error)\" :key=\"index\">\n                                            <p style=\"color: #c4006b; font-size: 0.875em;\" x-show=\"img.error\">\n                                                <span x-text=\"img.error.image + ': '\"><\/span>\n                                                <span x-text=\"img.error.message\"><\/span>\n                                            <\/p>\n                                        <\/template>\n                                    <\/div>\n\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-logo\">\n                                        This is a required field                                    <\/div>\n\n                                    <div>\n                                        <ul class=\"list-unstyled\">\n                                            <template x-for=\"(img, index) in formdata.details.article_images.filter(img => !img.error)\" :key=\"index\">\n                                                <li @click=\"removeArticleImage(img.title || img.error?.image)\" class=\"cursor-pointer\">\n                                                    <span x-text=\"img.title\"><\/span> X\n                                                <\/li>\n                                            <\/template>\n                                        <\/ul>\n                                    <\/div>\n\n                                <\/div>\n                                <div class=\"row gx-0 mt-5\">\n                                    <div class=\"col-12\">\n                                        <label class=\"form-label\">Related links<\/label>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"row gx-0 mb-4\">\n                                    <template x-for=\"i in countOfLinks\"\n                                              :key=\"i\"\n                                              x-id=\"['iz-register-link', 'iz-register-link-title', 'iz-register-link-url']\">\n                                        <div class=\"col-12 mt-5\" :id=\"$id('iz-register-link')\">\n                                            <div class=\"row gx-0 mb-4\">\n                                                <div class=\"col-12 col-xxl-3\">\n                                                    <label :for=\"$id('iz-register-link-title')\" class=\"form-label\">\n                                                        Link title *\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-link-title')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"title\"\n                                                            @input.debounce=\"handleLinkInput\"\n                                                            required \/>\n                                                    <div class=\"invalid-feedback\"\n                                                         :id=\"$id('iz-register-error-link-title')\">\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-link-url')\" class=\"form-label\">\n                                                        Link URL *\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-link-url')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"url\"\n                                                            @input.debounce=\"handleLinkInput\"\n                                                            required \/>\n                                                    <div class=\"invalid-feedback\"\n                                                         :id=\"$id('iz-register-error-link-url')\">\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=\"decrementCountOfLinks\"\n                                                            class=\"btn border-0 bg-transparent p-0 text-danger\">\n                                                        Delete link                                                    <\/a>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/template>\n                                    <div class=\"col-12 mb-5\">\n                                        <button @click.prevent=\"incrementCountOfLinks\"\n                                                class=\"btn text-secondary border-0 p-0 bg-transparent\">+ add another link<\/button>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n\n                                        <template x-if=\"formdata.category == 66 || formdata.category == 73\">\n                        <div>\n                            <div class=\"row gx-0 mb-4\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-lead\" class=\"form-label\">\n                                        Short description *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <textarea\n                                            name=\"iz-register-lead\"\n                                            id=\"iz-register-lead\"\n                                            rows=\"3\"\n                                            class=\"form-control\"\n                                            x-model=\"formdata.details.short_description\"\n                                            required><\/textarea>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-lead\">\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-text\" class=\"form-label\">\n                                        Text *\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                                            name=\"iz-register-text\"\n                                            id=\"iz-register-text\"\n                                            rows=\"5\"\n                                            class=\"form-control d-none\"\n                                            x-model=\"formdata.details.description\"\n                                            required><\/textarea>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-text\">\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-publication-date\" class=\"form-label\">\n                                        Publication date *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <input type=\"date\" class=\"form-control\" id=\"iz-register-publication-date\"\n                                           x-model=\"formdata.details.publication_date\" required \/>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-publication-date\">\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-images\" class=\"form-label\">\n                                        Contribution images                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <input\n                                            class=\"form-control\"\n                                            x-on:change=\"imageFileUpload\"\n                                            type=\"file\"\n                                            id=\"iz-register-images\"\n                                            accept=\".jpg,.jpeg\">\n\n                                    <div id=\"logoHelp\" class=\"form-text\">\n                                        Erlaubte Formate: jpg, jepg; maximale Gr\u00f6sse 500kb; empfohlenes Format: 800x500 Pixel                                    <\/div>\n\n                                    <!-- Invalid Feedback for file size -->\n                                    <div x-show=\"formdata.details.article_images.some(img => img.error)\">\n                                        <template x-for=\"(img, index) in formdata.details.article_images.filter(img => img.error)\" :key=\"index\">\n                                            <p style=\"color: #c4006b; font-size: 0.875em;\" x-show=\"img.error\">\n                                                <span x-text=\"img.error.image + ': '\"><\/span>\n                                                <span x-text=\"img.error.message\"><\/span>\n                                            <\/p>\n                                        <\/template>\n                                    <\/div>\n\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-logo\">\n                                        This is a required field                                    <\/div>\n\n                                    <div>\n                                        <ul class=\"list-unstyled\">\n                                            <template x-for=\"(img, index) in formdata.details.article_images.filter(img => !img.error)\" :key=\"index\">\n                                                <li @click=\"removeArticleImage(img.title || img.error?.image)\" class=\"cursor-pointer\">\n                                                    <span x-text=\"img.title\"><\/span> X\n                                                <\/li>\n                                            <\/template>\n                                        <\/ul>\n                                    <\/div>\n\n                                <\/div>\n                                <div class=\"row gx-0 mt-5\">\n                                    <div class=\"col-12\">\n                                        <label class=\"form-label\">Documents<\/label>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"row gx-0 mb-4\">\n                                    <template x-for=\"i in countOfDocuments\"\n                                              :key=\"i\"\n                                              x-id=\"['iz-register-document', 'iz-register-document-titile', 'iz-register-document-file']\">\n                                        <div class=\"col-12 mt-5\" :id=\"$id('iz-register-document')\">\n                                            <div class=\"row gx-0 mb-4\">\n                                                <div class=\"col-12 col-xxl-3\">\n                                                    <label :for=\"$id('iz-register-document-title')\" class=\"form-label\">\n                                                        Document title *\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-document-title')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"title\"\n                                                            @input.debounce=\"handleDocumentInput\"\n                                                            required \/>\n                                                    <div class=\"invalid-feedback\"\n                                                         :id=\"$id('iz-register-error-document-title')\">\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-document-file')\" class=\"form-label\">\n                                                        File *\n                                                    <\/label>\n                                                <\/div>\n                                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                                    <input\n                                                            type=\"file\"\n                                                            accept=\"application\/pdf\"\n                                                            class=\"form-control\"\n                                                            :id=\"$id('iz-register-document-file')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"file\"\n                                                            @input.debounce=\"handleDocumentInput\"\n                                                            required \/>\n                                                    <div class=\"invalid-feedback\"\n                                                         :id=\"$id('iz-register-error-document-file')\">\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=\"decrementCountOfDocuments\"\n                                                            class=\"btn border-0 bg-transparent p-0 text-danger\">\n                                                        Delete document                                                    <\/a>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/template>\n                                    <div class=\"col-12 mb-5\">\n                                        <button @click.prevent=\"incrementCountOfDocuments\"\n                                                class=\"btn text-secondary border-0 p-0 bg-transparent\">+ add another document<\/button>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"row gx-0 mt-5\">\n                                    <div class=\"col-12\">\n                                        <label class=\"form-label\">Related links<\/label>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"row gx-0 mb-4\">\n                                    <template x-for=\"i in countOfLinks\"\n                                              :key=\"i\"\n                                              x-id=\"['iz-register-link', 'iz-register-link-title', 'iz-register-link-url']\">\n                                        <div class=\"col-12 mt-5\" :id=\"$id('iz-register-link')\">\n                                            <div class=\"row gx-0 mb-4\">\n                                                <div class=\"col-12 col-xxl-3\">\n                                                    <label :for=\"$id('iz-register-link-title')\" class=\"form-label\">\n                                                        Link title *\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-link-title')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"title\"\n                                                            @input.debounce=\"handleLinkInput\"\n                                                            required \/>\n                                                    <div class=\"invalid-feedback\"\n                                                         :id=\"$id('iz-register-error-link-title')\">\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-link-url')\" class=\"form-label\">\n                                                        Link URL *\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-link-url')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"url\"\n                                                            @input.debounce=\"handleLinkInput\"\n                                                            required \/>\n                                                    <div class=\"invalid-feedback\"\n                                                         :id=\"$id('iz-register-error-link-url')\">\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=\"decrementCountOfLinks\"\n                                                            class=\"btn border-0 bg-transparent p-0 text-danger\">\n                                                        Delete link                                                    <\/a>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/template>\n                                    <div class=\"col-12 mb-5\">\n                                        <button @click.prevent=\"incrementCountOfLinks\"\n                                                class=\"btn text-secondary border-0 p-0 bg-transparent\">+ add another link<\/button>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n\n                                        <template x-if=\"formdata.category == 67 || formdata.category == 70\">\n                        <div>\n                            <div class=\"row gx-0 mb-4\">\n                                <div class=\"col-12 col-xxl-3\">\n                                    <label for=\"iz-register-lead\" class=\"form-label\">\n                                        Short text *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <textarea\n                                            name=\"iz-register-lead\"\n                                            id=\"iz-register-lead\"\n                                            rows=\"3\"\n                                            class=\"form-control\"\n                                            x-model=\"formdata.details.short_description\"\n                                            required><\/textarea>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-lead\">\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-text\" class=\"form-label\">\n                                        Text *\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                                            name=\"iz-register-text\"\n                                            id=\"iz-register-text\"\n                                            rows=\"5\"\n                                            class=\"form-control d-none\"\n                                            x-model=\"formdata.details.description\"\n                                            required><\/textarea>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-text\">\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-publication-date\" class=\"form-label\">\n                                        Publication date *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <input type=\"date\" class=\"form-control\" id=\"iz-register-publication-date\"\n                                           x-model=\"formdata.details.publication_date\" required \/>\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-publication-date\">\n                                        This is a required field                                    <\/div>\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-images\" class=\"form-label\">\n                                        Contribution images *\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9 has-validation\">\n                                    <input\n                                            class=\"form-control\"\n                                            x-on:change=\"imageFileUpload\"\n                                            type=\"file\"\n                                            id=\"iz-register-images\"\n                                            accept=\".jpg,.jpeg\"\n                                            required multiple>\n\n                                    <div id=\"logoHelp\" class=\"form-text\">\n                                        Erlaubte Formate: jpg, jepg; maximale Gr\u00f6sse 500kb; empfohlenes Format: 800x500 Pixel                                    <\/div>\n\n                                    <!-- Invalid Feedback for file size -->\n                                    <div x-show=\"formdata.details.article_images.some(img => img.error)\">\n                                        <template x-for=\"(img, index) in formdata.details.article_images.filter(img => img.error)\" :key=\"index\">\n                                            <p style=\"color: #c4006b; font-size: 0.875em;\" x-show=\"img.error\">\n                                                <span x-text=\"img.error.image + ': '\"><\/span>\n                                                <span x-text=\"img.error.message\"><\/span>\n                                            <\/p>\n                                        <\/template>\n                                    <\/div>\n\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-logo\">\n                                        This is a required field                                    <\/div>\n\n                                    <div>\n                                        <ul class=\"list-unstyled\">\n                                            <template x-for=\"(img, index) in formdata.details.article_images.filter(img => !img.error)\" :key=\"index\">\n                                                <li @click=\"removeArticleImage(img.title || img.error?.image)\" class=\"cursor-pointer\">\n                                                    <span x-text=\"img.title\"><\/span> X\n                                                <\/li>\n                                            <\/template>\n                                        <\/ul>\n                                    <\/div>\n\n                                <\/div>\n\n                                <div class=\"row gx-0 mb-4\">\n                                    <div class=\"col-12 col-xxl-3\">\n                                        <label for=\"iz-register-video-link\" class=\"form-label\">\n                                            Video Link                                        <\/label>\n                                    <\/div>\n                                    <div class=\"col-12 col-xxl-9\">\n                                        <input type=\"text\" class=\"form-control\" id=\"iz-register-video-link\"\n                                               x-model=\"formdata.details.video_link\" \/>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"row gx-0 mt-5\">\n                                    <div class=\"col-12\">\n                                        <label class=\"form-label\">Related links<\/label>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"row gx-0 mb-4\">\n                                    <template x-for=\"i in countOfLinks\"\n                                              :key=\"i\"\n                                              x-id=\"['iz-register-link', 'iz-register-link-title', 'iz-register-link-url']\">\n                                        <div class=\"col-12 mt-5\" :id=\"$id('iz-register-link')\">\n                                            <div class=\"row gx-0 mb-4\">\n                                                <div class=\"col-12 col-xxl-3\">\n                                                    <label :for=\"$id('iz-register-link-title')\" class=\"form-label\">\n                                                        Link title                                                    <\/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-link-title')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"title\"\n                                                            @input.debounce=\"handleLinkInput\" \/>\n                                                    <div class=\"invalid-feedback\"\n                                                         :id=\"$id('iz-register-error-link-title')\">\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-link-url')\" class=\"form-label\">\n                                                        Link URL                                                    <\/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-link-url')\"\n                                                            :data-index=\"i-1\"\n                                                            data-field=\"url\"\n                                                            @input.debounce=\"handleLinkInput\" \/>\n                                                    <div class=\"invalid-feedback\"\n                                                         :id=\"$id('iz-register-error-link-url')\">\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=\"decrementCountOfLinks\"\n                                                            class=\"btn border-0 bg-transparent p-0 text-danger\">\n                                                        Delete link                                                    <\/a>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/template>\n                                    <div class=\"col-12 mb-5\">\n                                        <button @click.prevent=\"incrementCountOfLinks\"\n                                                class=\"btn text-secondary border-0 p-0 bg-transparent\">+ add another link<\/button>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n\n                    \n\n\n                    <template 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\n                                            <span x-show=\"formdata.category == 24 || formdata.category == 46\" class=\"form-label\">\n                                                Photo Co-Working Space *\n                                            <\/span>\n\n                                            <span x-show=\"formdata.category == 25 || formdata.category == 47\" class=\"form-label\">\n                                                Photo Innovation Hub *\n                                            <\/span>\n\n                                            <span x-show=\"formdata.category == 26 || formdata.category == 45\" class=\"form-label\">\n                                                Photo *\n                                            <\/span>\n\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\n                                        <\/label>\n                                    <\/div>\n\n                                    <div class=\"col-12 col-xxl-9\">\n                                        <input class=\"form-control\"\n                                               x-model=\"formdata.details.image\"\n                                               x-on:change=\"updateLogoToBase64\"\n                                               type=\"file\"\n                                               id=\"formFileLogo\"\n                                               accept=\".jpg,.jpeg\" \/>\n                                        <div class=\"logo-image-update\">\n                                                                                            <p style=\"font-size: 0.875em; color: #6c757d;\">\n                                                    This is your logo. If you don't want to change it, leave choose file empty.\n                                                <\/p>\n                                            \n                                            <img decoding=\"async\" style=\"width:auto; \" src=\"\">\n                                        <\/div>\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                                        <!-- Invalid Feedback for file size -->\n                                        <div x-show=\"formdata.details.image_base64_error && formdata.details.image_base64_error.message\">\n                                            <p style=\"color: #c4006b; font-size: 0.875em;\">\n                                                <span x-text=\"formdata.details.image_base64_error?.message\"><\/span>\n                                            <\/p>\n                                        <\/div>\n\n                                    <\/div>\n\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                                                                :value=\"formdata.details.addresses[i-1].location\" \/>\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                                                                        :value=\"formdata.details.addresses[i-1].co_address\" \/>\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                                                            :value=\"formdata.details.addresses[i-1].street\" \/>\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                                                            :value=\"formdata.details.addresses[i-1].postal_code\" \/>\n                                                    <div class=\"invalid-feedback\" :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                                                            :value=\"formdata.details.addresses[i-1].place\" \/>\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\" class=\"col-12 mb-5\">\n                                        <button @click=\"incrementCountOfAddresses()\"\n                                                class=\"countAddress 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                                <div class=\"invalid-feedback\" id=\"iz-register-error-description\">\n                                    This is a required field                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n                    <template x-if=\"formdata.area == 11 || formdata.area == 35\">\n                        <div>\n                            <div class=\"row gx-0 mb-4\">\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                                    <div class=\"invalid-feedback\" id=\"iz-register-error-short-description\">\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-skills\" class=\"form-label\">\n                                                                                    Technologies and Methods *\n                                                                            <\/label>\n                                <\/div>\n                                <div class=\"col-12 col-xxl-9\">\n                                    \n                                    <div style=\"max-height: 200px; overflow: auto;\" 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\n                                        <style>\n                                            .selected {\n                                                background-color: #e0f7fa;\n                                            }\n                                        <\/style>\n\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('3D printing') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('3D printing')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('3D printing'), 1)\n                      : formdata.details.skills_new.push('3D printing')\">\n                                                3D printing                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Advanced Materials') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Advanced Materials')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Advanced Materials'), 1)\n                      : formdata.details.skills_new.push('Advanced Materials')\">\n                                                Advanced Materials                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Analytics') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Analytics')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Analytics'), 1)\n                      : formdata.details.skills_new.push('Analytics')\">\n                                                Analytics                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Artificial Intelligence (AI)') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Artificial Intelligence (AI)')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Artificial Intelligence (AI)'), 1)\n                      : formdata.details.skills_new.push('Artificial Intelligence (AI)')\">\n                                                Artificial Intelligence (AI)                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Alternative proteins (plant based)') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Alternative proteins (plant based)')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Alternative proteins (plant based)'), 1)\n                      : formdata.details.skills_new.push('Alternative proteins (plant based)')\">\n                                                Alternative proteins (plant based)                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Augmented Reality') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Augmented Reality')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Augmented Reality'), 1)\n                      : formdata.details.skills_new.push('Augmented Reality')\">\n                                                Augmented Reality                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Automation') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Automation')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Automation'), 1)\n                      : formdata.details.skills_new.push('Automation')\">\n                                                Automation                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Autonomous Systems') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Autonomous Systems')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Autonomous Systems'), 1)\n                      : formdata.details.skills_new.push('Autonomous Systems')\">\n                                                Autonomous Systems                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Biodiversity') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Biodiversity')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Biodiversity'), 1)\n                      : formdata.details.skills_new.push('Biodiversity')\">\n                                                Biodiversity                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Biosensors') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Biosensors')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Biosensors'), 1)\n                      : formdata.details.skills_new.push('Biosensors')\">\n                                                Biosensors                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Business Innovation') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Business Innovation')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Business Innovation'), 1)\n                      : formdata.details.skills_new.push('Business Innovation')\">\n                                                Business Innovation                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Circle economy') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Circle economy')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Circle economy'), 1)\n                      : formdata.details.skills_new.push('Circle economy')\">\n                                                Circle economy                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Cloud Computing') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Cloud Computing')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Cloud Computing'), 1)\n                      : formdata.details.skills_new.push('Cloud Computing')\">\n                                                Cloud Computing                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('CO2 capturing') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('CO2 capturing')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('CO2 capturing'), 1)\n                      : formdata.details.skills_new.push('CO2 capturing')\">\n                                                CO2 capturing                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Contact sensors') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Contact sensors')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Contact sensors'), 1)\n                      : formdata.details.skills_new.push('Contact sensors')\">\n                                                Contact sensors                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Contactless sensors') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Contactless sensors')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Contactless sensors'), 1)\n                      : formdata.details.skills_new.push('Contactless sensors')\">\n                                                Contactless sensors                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Control Engineering') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Control Engineering')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Control Engineering'), 1)\n                      : formdata.details.skills_new.push('Control Engineering')\">\n                                                Control Engineering                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Cultured meat') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Cultured meat')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Cultured meat'), 1)\n                      : formdata.details.skills_new.push('Cultured meat')\">\n                                                Cultured meat                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Data Science') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Data Science')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Data Science'), 1)\n                      : formdata.details.skills_new.push('Data Science')\">\n                                                Data Science                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Deep Learning') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Deep Learning')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Deep Learning'), 1)\n                      : formdata.details.skills_new.push('Deep Learning')\">\n                                                Deep Learning                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Design Thinking') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Design Thinking')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Design Thinking'), 1)\n                      : formdata.details.skills_new.push('Design Thinking')\">\n                                                Design Thinking                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Diagnostics') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Diagnostics')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Diagnostics'), 1)\n                      : formdata.details.skills_new.push('Diagnostics')\">\n                                                Diagnostics                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Digital processes and transformation') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Digital processes and transformation')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Digital processes and transformation'), 1)\n                      : formdata.details.skills_new.push('Digital processes and transformation')\">\n                                                Digital processes and transformation                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Distributed Ledger Technology \/ Blockchain') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Distributed Ledger Technology \/ Blockchain')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Distributed Ledger Technology \/ Blockchain'), 1)\n                      : formdata.details.skills_new.push('Distributed Ledger Technology \/ Blockchain')\">\n                                                Distributed Ledger Technology \/ Blockchain                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Entrepreneurship') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Entrepreneurship')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Entrepreneurship'), 1)\n                      : formdata.details.skills_new.push('Entrepreneurship')\">\n                                                Entrepreneurship                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Environmental sensors') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Environmental sensors')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Environmental sensors'), 1)\n                      : formdata.details.skills_new.push('Environmental sensors')\">\n                                                Environmental sensors                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('FEM Simulation') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('FEM Simulation')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('FEM Simulation'), 1)\n                      : formdata.details.skills_new.push('FEM Simulation')\">\n                                                FEM Simulation                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Fermentation') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Fermentation')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Fermentation'), 1)\n                      : formdata.details.skills_new.push('Fermentation')\">\n                                                Fermentation                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Foodwaste') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Foodwaste')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Foodwaste'), 1)\n                      : formdata.details.skills_new.push('Foodwaste')\">\n                                                Foodwaste                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Food packaging') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Food packaging')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Food packaging'), 1)\n                      : formdata.details.skills_new.push('Food packaging')\">\n                                                Food packaging                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('GPS') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('GPS')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('GPS'), 1)\n                      : formdata.details.skills_new.push('GPS')\">\n                                                GPS                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Imaging') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Imaging')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Imaging'), 1)\n                      : formdata.details.skills_new.push('Imaging')\">\n                                                Imaging                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Industry 4.0') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Industry 4.0')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Industry 4.0'), 1)\n                      : formdata.details.skills_new.push('Industry 4.0')\">\n                                                Industry 4.0                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Intellectual property') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Intellectual property')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Intellectual property'), 1)\n                      : formdata.details.skills_new.push('Intellectual property')\">\n                                                Intellectual property                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Internet-of-Things (IoT)') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Internet-of-Things (IoT)')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Internet-of-Things (IoT)'), 1)\n                      : formdata.details.skills_new.push('Internet-of-Things (IoT)')\">\n                                                Internet-of-Things (IoT)                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Lidar') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Lidar')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Lidar'), 1)\n                      : formdata.details.skills_new.push('Lidar')\">\n                                                Lidar                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Machine Learning') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Machine Learning')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Machine Learning'), 1)\n                      : formdata.details.skills_new.push('Machine Learning')\">\n                                                Machine Learning                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Machine Technology') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Machine Technology')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Machine Technology'), 1)\n                      : formdata.details.skills_new.push('Machine Technology')\">\n                                                Machine Technology                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Marketing (Design \/ Branding)') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Marketing (Design \/ Branding)')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Marketing (Design \/ Branding)'), 1)\n                      : formdata.details.skills_new.push('Marketing (Design \/ Branding)')\">\n                                                Marketing (Design \/ Branding)                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Mechanical Engineering') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Mechanical Engineering')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Mechanical Engineering'), 1)\n                      : formdata.details.skills_new.push('Mechanical Engineering')\">\n                                                Mechanical Engineering                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Nano Technology') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Nano Technology')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Nano Technology'), 1)\n                      : formdata.details.skills_new.push('Nano Technology')\">\n                                                Nano Technology                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Networking') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Networking')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Networking'), 1)\n                      : formdata.details.skills_new.push('Networking')\">\n                                                Networking                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Neural Networks') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Neural Networks')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Neural Networks'), 1)\n                      : formdata.details.skills_new.push('Neural Networks')\">\n                                                Neural Networks                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Optical sensors') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Optical sensors')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Optical sensors'), 1)\n                      : formdata.details.skills_new.push('Optical sensors')\">\n                                                Optical sensors                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Patent') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Patent')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Patent'), 1)\n                      : formdata.details.skills_new.push('Patent')\">\n                                                Patent                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Personalised medicine') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Personalised medicine')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Personalised medicine'), 1)\n                      : formdata.details.skills_new.push('Personalised medicine')\">\n                                                Personalised medicine                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Photonics') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Photonics')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Photonics'), 1)\n                      : formdata.details.skills_new.push('Photonics')\">\n                                                Photonics                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Precision manufacturing \/ micro-mechanics') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Precision manufacturing \/ micro-mechanics')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Precision manufacturing \/ micro-mechanics'), 1)\n                      : formdata.details.skills_new.push('Precision manufacturing \/ micro-mechanics')\">\n                                                Precision manufacturing \/ micro-mechanics                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Precision Medicine') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Precision Medicine')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Precision Medicine'), 1)\n                      : formdata.details.skills_new.push('Precision Medicine')\">\n                                                Precision Medicine                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Quality management') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Quality management')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Quality management'), 1)\n                      : formdata.details.skills_new.push('Quality management')\">\n                                                Quality management                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Quantum technology') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Quantum technology')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Quantum technology'), 1)\n                      : formdata.details.skills_new.push('Quantum technology')\">\n                                                Quantum technology                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Radar') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Radar')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Radar'), 1)\n                      : formdata.details.skills_new.push('Radar')\">\n                                                Radar                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Regulatory') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Regulatory')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Regulatory'), 1)\n                      : formdata.details.skills_new.push('Regulatory')\">\n                                                Regulatory                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Rehabilitation') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Rehabilitation')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Rehabilitation'), 1)\n                      : formdata.details.skills_new.push('Rehabilitation')\">\n                                                Rehabilitation                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Robotics') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Robotics')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Robotics'), 1)\n                      : formdata.details.skills_new.push('Robotics')\">\n                                                Robotics                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Safety and Security') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Safety and Security')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Safety and Security'), 1)\n                      : formdata.details.skills_new.push('Safety and Security')\">\n                                                Safety and Security                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('SLAM (Simultaneous Localization and Mapping)') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('SLAM (Simultaneous Localization and Mapping)')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('SLAM (Simultaneous Localization and Mapping)'), 1)\n                      : formdata.details.skills_new.push('SLAM (Simultaneous Localization and Mapping)')\">\n                                                SLAM (Simultaneous Localization and Mapping)                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Smart Materials') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Smart Materials')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Smart Materials'), 1)\n                      : formdata.details.skills_new.push('Smart Materials')\">\n                                                Smart Materials                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Start-ups') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Start-ups')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Start-ups'), 1)\n                      : formdata.details.skills_new.push('Start-ups')\">\n                                                Start-ups                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Surface and Interface Technology') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Surface and Interface Technology')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Surface and Interface Technology'), 1)\n                      : formdata.details.skills_new.push('Surface and Interface Technology')\">\n                                                Surface and Interface Technology                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Sustainable Energy') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Sustainable Energy')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Sustainable Energy'), 1)\n                      : formdata.details.skills_new.push('Sustainable Energy')\">\n                                                Sustainable Energy                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Sustainable Energy Sources') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Sustainable Energy Sources')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Sustainable Energy Sources'), 1)\n                      : formdata.details.skills_new.push('Sustainable Energy Sources')\">\n                                                Sustainable Energy Sources                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Sustainable Finance') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Sustainable Finance')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Sustainable Finance'), 1)\n                      : formdata.details.skills_new.push('Sustainable Finance')\">\n                                                Sustainable Finance                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Sustainable Mobility') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Sustainable Mobility')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Sustainable Mobility'), 1)\n                      : formdata.details.skills_new.push('Sustainable Mobility')\">\n                                                Sustainable Mobility                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Side streams \/ by-streams') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Side streams \/ by-streams')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Side streams \/ by-streams'), 1)\n                      : formdata.details.skills_new.push('Side streams \/ by-streams')\">\n                                                Side streams \/ by-streams                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Telemedicine') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Telemedicine')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Telemedicine'), 1)\n                      : formdata.details.skills_new.push('Telemedicine')\">\n                                                Telemedicine                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Ultrasound') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Ultrasound')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Ultrasound'), 1)\n                      : formdata.details.skills_new.push('Ultrasound')\">\n                                                Ultrasound                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Virtual Reality') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Virtual Reality')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Virtual Reality'), 1)\n                      : formdata.details.skills_new.push('Virtual Reality')\">\n                                                Virtual Reality                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Vision Mapping') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Vision Mapping')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Vision Mapping'), 1)\n                      : formdata.details.skills_new.push('Vision Mapping')\">\n                                                Vision Mapping                                            <\/p>\n                                                                                    <p\n                                                    style=\"margin: 0px; cursor: pointer;\"\n                                                    x-bind:class=\"formdata.details.skills_new.includes('Vertical Farming') ? 'selected' : ''\"\n                                                    @click=\"formdata.details.skills_new.includes('Vertical Farming')\n                      ? formdata.details.skills_new.splice(formdata.details.skills_new.indexOf('Vertical Farming'), 1)\n                      : formdata.details.skills_new.push('Vertical Farming')\">\n                                                Vertical Farming                                            <\/p>\n                                        \n                                    <\/div>\n\n                                    <div>\n                                        <p style=\"font-size: 0.875em; color: #6c757d;\">\n                                            Please select the appropriate technologies and methods from the list. This selection replaces the previous free field \u201cExpertise\/Skills\u201d                                        <\/p>\n                                    <\/div>\n\n                                    <div class=\"invalid-feedback\" id=\"iz-register-error-skills\">\n                                        This is a required field                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n                    <template x-if=\"formdata.area == 11 || formdata.area == 35 || formdata.area == 10 || formdata.area == 44\">\n                        <div>\n                            <div class=\"row gx-0 mb-4\">\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                    <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 thirdStep\">\n                                Next                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n\n    <!-- Step 4: Submit -->\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\"\n          data-check-form=\"true\"\n          novalidate>\n        <div class=\"col-12\">\n            <div class=\"row gx-0\">\n                <div class=\"col-12\">\n                    <h3>Step 4\/4 - Contact person<\/h3>\n                    <div class=\"kp-spacer\">\n                        <div class=\"bg-primary\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12\">\n                    <p\n                            x-show=\"formdata.area == 11 || formdata.area == 35\">Please enter here the data of the contact person for the selected topic \/ topics.<\/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            <!-- Contacts -->\n            <template x-for=\"i in countOfContact\" :key=\"i\">\n\n                <div class=\"row gx-0 mb-5\" :id=\"$id('iz-register-contacts')\">\n                    <div class=\"col-12\">\n                        <template x-if=\"((formdata.area == 11 || formdata.area == 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\" x-bind:selected=\"option.id === formdata.details.contacts[i-1].topic\"><\/option>\n                                            <\/template>\n                                        <\/select>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/template>\n\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                                        :checked=\"formdata.details.contacts[i-1].salutation === 'sir'\">\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                                        :checked=\"formdata.details.contacts[i-1].salutation === 'madame'\">\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                                       :value=\"formdata.details.contacts[i-1].title\" \/>\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                                        :value=\"formdata.details.contacts[i-1].first_name\" \/>\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                                        :value=\"formdata.details.contacts[i-1].last_name\" \/>\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                                        :value=\"formdata.details.contacts[i-1].function\" \/>\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                                        :value=\"formdata.details.contacts[i-1].email\" \/>\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                                        :value=\"formdata.details.contacts[i-1].phone\" \/>\n                                <div id=\"phoneHelp\" class=\"form-text\">Format: +41 44 123 45 67<\/div>\n                            <\/div>\n                        <\/div>\n\n                        <template x-if=\"formdata.area == 11 || formdata.area == 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                                                :value=\"formdata.details.contacts[i-1].linkedIn\" \/>\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\"\n                                                :value=\"formdata.details.contacts[i-1].short_description\"><\/textarea>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Profil Image -->\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\n                                        <div class=\"contact-image-update\" :data-index=\"i-1\">\n\n                                            <input class=\"form-control\"\n                                                   data-field=\"image\"\n                                                   :data-index=\"i-1\"\n                                                   type=\"file\"\n                                                   :id=\"'formFileContact-' + (i - 1)\"\n                                                   accept=\".jpg,.jpeg\"\n                                                   @input.debounce=\"handleInputContact\"\n                                                   x-on:change=\"updateContactImageToBase64\" \/>\n\n                                            <div id=\"contacthelp\" class=\"form-text\">\n                                                Erlaubte Formate: jpg, jepg; maximale Gr\u00f6sse 500kb; empfohlenes Format: 450x600 Pixel                                            <\/div>\n\n                                            <!-- Invalid Feedback for file size -->\n                                            <div x-show=\"formdata.details.contacts[i - 1].image_base64_error && formdata.details.contacts[i - 1].image_base64_error.message\">\n                                                <p style=\"color: #c4006b; font-size: 0.875em;\">\n                                                    <span x-text=\"formdata.details.contacts[i - 1].image_base64_error?.message\"><\/span>\n                                                <\/p>\n                                            <\/div>\n\n                                            <template x-if=\"formdata.details.contacts[i-1].image || formdata.details.contacts[i-1].image_base64\">\n                                                <img style=\"width:50%;\"\n                                                     :src=\"formdata.details.contacts[i-1].image_base64\n                                                            ? 'data:image\/png;base64,' + formdata.details.contacts[i-1].image_base64\n                                                            : formdata.details.contacts[i-1].image\"\n                                                     alt=\"Contact Image\">\n                                            <\/template>\n\n                                            <template x-if=\"!formdata.details.contacts[i-1].image_base64\">\n                                                <p style=\"font-size: 0.875em; color: #6c757d;\" class=\"profile-image-message\">\n                                                    This is your profile image. If you don't want to change it, leave choose file empty.                                                <\/p>\n                                            <\/template>\n                                        <\/div>\n\n                                    <\/div>\n                                    \n                                <\/div>\n\n\n                                <!-- Newsletter -->\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\">\n\n                                        <div class=\"checkbox-container\"\n                                             x-bind:class=\"{ 'checked-new': Array.isArray(formdata.details.contacts[i-1].newsletter) && (formdata.details.contacts[i-1].newsletter.includes('newsletter') || formdata.details.contacts[i-1].newsletter.length > 0) }\"\n                                             x-init=\"if (formdata.details.contacts[i-1].newsletter && formdata.details.contacts[i-1].newsletter.includes('newsletter')) formdata.details.contacts[i-1].newsletter.push('on')\">\n\n\n                                            <label style=\"margin-left: 15px;\" :for=\"'newsletter-' + i\" class=\"form-check-label form-check-label--newsletter\">\n                                                <input\n                                                        style=\"width: 25px; height: 25px;\"\n                                                        :id=\"'newsletter-' + i\"\n                                                        type=\"checkbox\"\n                                                        x-model=\"formdata.details.contacts[i-1].newsletter\"\n                                                \/>\n\n                                                <span>\n                                                    I would be happy to receive the Innovation Zurich newsletter in the future.                                                <\/span>\n                                            <\/label>\n\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\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\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 countKontakt\">\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 sumbitStep\">\n                        Submit - I checked everything                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <input type=\"hidden\" name=\"action\" value=\"update\">\n        <input type=\"hidden\" name=\"action-2\" value=\"update\">\n\n    <\/form>\n\n    <div class=\"row gx-0 mb-4\" id=\"register-step-5\" x-show=\"activeStep === 5\">\n        <div class=\"col-12 mb-4\">\n            <h3>Dein Eintrag wird von unserem Team gepr\u00fcft und ver\u00f6ffentlicht.<br \/><br \/>\nHilf uns Z\u00fcrichs Innovations-\u00d6kosystem abzubilden und mach Innovation Zurich in deinem Netzwerk bekannt!\n<\/h3>\n            <div class=\"mt-5\">\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                            <\/div>\n        <\/div>\n    <\/div>\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                     <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"youtube-content-blocker\" data-borlabs-cookie-content=\"PGlmcmFtZSBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUtbm9jb29raWUuY29tL2VtYmVkL1E1dkVrMGhHUlRJIiB0aXRsZT0iWW91VHViZSB2aWRlbyIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==\"><div class=\"brlbs-cmpnt-cb-preset-c brlbs-cmpnt-cb-youtube\"> <div class=\"brlbs-cmpnt-cb-thumbnail\" style=\"background-image: url('https:\/\/innovation-zuerich.kommpass-staging.ch\/wp-content\/uploads\/borlabs-cookie\/1\/yt_Q5vEk0hGRTI_hqdefault.jpg')\"><\/div> <div class=\"brlbs-cmpnt-cb-main\"> <!-- <div class=\"brlbs-cmpnt-cb-play-button\"><\/div> --> <div class=\"brlbs-cmpnt-cb-content\"> <p class=\"brlbs-cmpnt-cb-description\">You are currently viewing a placeholder content from <strong>YouTube<\/strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.<\/p> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">More Information<\/a> <\/div> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Unblock content<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: inherit\">Accept required service and unblock content<\/a> <\/div> <\/div> <\/div><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/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":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-31002","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/innovation-zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/31002","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=31002"}],"version-history":[{"count":4,"href":"https:\/\/innovation-zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/31002\/revisions"}],"predecessor-version":[{"id":31009,"href":"https:\/\/innovation-zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/31002\/revisions\/31009"}],"wp:attachment":[{"href":"https:\/\/innovation-zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/media?parent=31002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}