{"id":23056,"date":"2022-07-08T08:24:07","date_gmt":"2022-07-08T06:24:07","guid":{"rendered":"https:\/\/innovation.zuerich.kommpass-staging.ch\/publish\/news\/"},"modified":"2024-07-24T17:26:39","modified_gmt":"2024-07-24T15:26:39","slug":"news","status":"publish","type":"page","link":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/publish\/news\/","title":{"rendered":"Publish News"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23056\" class=\"elementor elementor-23056 elementor-23040\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10b1342 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"10b1342\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-25653f1\" data-id=\"25653f1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1cb8192 elementor-widget elementor-widget-shortcode\" data-id=\"1cb8192\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"iz-register\" x-data=\"iz_register\" x-cloak>\n\n    <template x-if=\"activeStep < 5\">\n        <div class=\"row gx-0 mb-5\">\n            <div class=\"col-12\">\n                <h1>What would you like to publish today?<\/h1>\n            <\/div>\n            <div class=\"col-12\">\n                <div class=\"kp-spacer\">\n                    <div class=\"bg-primary\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Progress Bar -->\n                            <span x-text=\"'Your progress ' + activeStep + ' \/ 4'\" class=\"progress-info\"><\/span>\n            \n            <div class=\"progress\" role=\"progressbar\" aria-label=\"Basic example\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                <div class=\"progress-bar\" :style=\"'width: ' + ((activeStep \/ 4) * 100) + '%'\"><\/div>\n            <\/div>\n\n        <\/div>\n    <\/template>\n\n    <template x-if=\"activeStep == 5\">\n        <div class=\"row gx-0 mb-5\">\n            <div class=\"col-12\">\n                <h1>What would you like to publish today?<\/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    <!-- Publishing Step 1 (Category)  -->\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            <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                    <template x-for=\"(oneCategory, index) in allCategories\">\n                        <span>\n\n                            <input\n                                    x-model=\"formdata.category\"\n                                    type=\"radio\"\n                                    :value=\"oneCategory.id\"\n                                    name=\"category\"\n                                    class=\"btn-check mb-3\"\n                                    :id=\"oneCategory.id\"\n                                    autocomplete=\"off\"\n                                    required>\n\n                            <label class=\"btn btn-outline-primary mb-2 d-inline-flex gap-2 align-items-center\" :for=\"oneCategory.id\">\n                                <span x-text=\"oneCategory.name\"><\/span>\n                                <span x-show=\"oneCategory.explanation\" class=\"btn-info-icon\">\n                                    <img decoding=\"async\" src=\"https:\/\/innovation.zuerich.kommpass-staging.ch\/wp-content\/themes\/innovation-zuerich\/resources\/images\/icons\/info-black.svg\"\n                                         alt=\"Info\"\n                                         aria-label=\"Information icon\" \/>\n                                    <!-- Info box -->\n                                    <span class=\"btn-info-box\" x-text=\"oneCategory.explanation\"><\/span>\n                                <\/span>\n                            <\/label>\n\n                            <template x-if=\"allCategories.length -1 === index\">\n                                <div class=\"invalid-feedback\" id=\"iz-register-error-area\">\n                                    Please select an area                                <\/div>\n                            <\/template>\n                        <\/span>\n                    <\/template>\n                <\/div>\n            <\/div>\n\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12 col-xxl-3 form-registration-label\">\n                    <span class=\"notice-form-details\">\n                                                    * mandatory information                                            <\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"row gx-0\">\n                <div class=\"col-12\">\n                    <button\n                            type=\"submit\"\n                            class=\"btn btn-secondary text-white\"\n                            :class=\"formdata.category == null && 'disabled'\">\n                        Next                    <\/button>\n                    <a\n                            href=\"javascript:;\"\n                            id=\"what-is-btn\"\n                            data-target=\"#what-is-innovation-zurich\"\n                            class=\"\">\n                        <!--                        --><!--?-->\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/form>\n\n    <!-- Publishing 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        <div class=\"col-12\">\n            <div class=\"row gx-0 mb-5\">\n                <div class=\"col-12\">\n                    <h3>Topics<\/h3>\n                    <div class=\"kp-spacer\">\n                        <div class=\"bg-primary\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <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            <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 x-for=\"(oneTopic, index) in allTopics.filter(topic => ![106, 59].includes(topic.id))\">\n                        <span>\n                            <input\n                                    x-model=\"formdata.topic\"\n                                    type=\"checkbox\"\n                                    :value=\"oneTopic.id\"\n                                    x-on:click=\"handleTopicClickButton()\"\n                                    name=\"topic[]\"\n                                    class=\"btn-check\"\n                                    :id=\"oneTopic.id\"\n                                    autocomplete=\"off\"\n                                    required>\n\n                            <label class=\"btn btn-outline-primary mb-3 btn-select-topic\" :for=\"oneTopic.id\">\n\n                                <!-- Topic Name -->\n                                <span x-text=\"oneTopic.name\"><\/span>\n\n                                <!-- Info Icon -->\n                                <span x-show=\"oneTopic.explanation\" class=\"btn-info-icon\">\n                                    <img decoding=\"async\" src=\"https:\/\/innovation.zuerich.kommpass-staging.ch\/wp-content\/themes\/innovation-zuerich\/resources\/images\/icons\/info-black.svg\" alt=\"Info\" aria-label=\"Information icon\">\n                                    <!-- Info Box -->\n                                    <span class=\"btn-info-box\" x-text=\"oneTopic.explanation\"><\/span>\n                                <\/span>\n\n                            <\/label>\n\n                        <\/span>\n                    <\/template>\n                    <span>\n                        <button\n                                type=\"button\"\n                                x-model=\"checkAllTopics\"\n                                x-on:click=\"handleCheckAllTopicsBtn()\"\n                                name=\"checkAll\"\n                                class=\"btn btn-outline-primary mb-3\"\n                                :class=\"checkAllTopics && 'btn-primary'\"\n                                id=\"checkAll\">\n                            All Topics                        <\/button>\n                    <\/span>\n                <\/div>\n            <\/div>\n            <div class=\"row gx-0 mb-4\">\n                <div class=\"col-12\">\n                    <button\n                            type=\"button\"\n                            class=\"text-secondary fw-bold border-0 p-0 me-3 bg-transparent btn\"\n                            @click.prevent.stop=\"prevStep()\">\n                        Back                    <\/button>\n                    <button\n                            type=\"submit\"\n                            :class=\"formdata.topic.length === 0 && checkAllTopics === false? 'disabled': ''\"\n                            class=\"text-secondary fw-bold border-0 p-0 bg-transparent btn\">Next                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n\n    <!-- Publishing Step 3 (Details News) -->\n    <form x-on:submit.prevent=\"nextStep\"\n          class=\"row gx-0 mb-4 needs-validation\"\n          id=\"register-step-3\"\n          x-show=\"activeStep === 3\"\n          data-check-form=\"true\"\n          novalidate>\n        <div class=\"col-12\">\n            <div class=\"row gx-0\">\n                <div class=\"col-12 mb-5\">\n                    <h3>Details<\/h3>\n                    <div class=\"kp-spacer\">\n                        <div class=\"bg-primary\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div\n                        class=\"col-12 mb-5\"\n                        x-data=\"{\n                        grammarRules: {\n                            'Event': 'zu einem Event',\n                            'Open Call': 'zu einem Open Call',\n                            'Studien': 'zu deinen Studien',\n                            'News': 'zu einer News'\n                        }\n                    }\">\n\n                                            <p\n                                class=\"mb-0\"\n                                x-text=\"\n                                'Please provide the information for your ' +\n                                (allCategories.find(cat => cat.id == formdata.category)?.name || 'category') +\n                                '.'\n                            \">\n                        <\/p>\n                    \n                <\/div>\n\n                <div class=\"col-12 col-lg-8\">\n                    <div class=\"row gx-0 mb-4\">\n                        <div class=\"col-12 col-xxl-3\">\n                            <label for=\"iz-register-name\" class=\"form-label\">\n                                <span>\n                                    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                    <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                    <div class=\"row gx-0 mb-4\">\n                        <div class=\"col-12\">\n                            <button\n                                    type=\"button\"\n                                    class=\"text-secondary fw-bold border-0 p-0 me-3 bg-transparent btn\"\n                                    @click.prevent.stop=\"prevStep()\">\n                                Back                            <\/button>\n                            <button\n                                    type=\"submit\"\n                                    class=\"btn text-secondary fw-bold p-0 border-0 bg-transparent\">\n                                Next                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n\n    <!-- Publishing Step 4 (Contact Details) -->\n    <form x-on:submit.prevent=\"submitForm\"\n          class=\"row gx-0 mb-4 needs-validation\"\n          id=\"register-step-4\"\n          x-show=\"activeStep === 4 && !isSubmitting\"\n          data-check-form=\"true\"\n          novalidate>\n        <div class=\"col-12\">\n            <div class=\"row gx-0\">\n                <div class=\"col-12\">\n                    <h3>Kontaktperson<\/h3>\n                    <div class=\"kp-spacer\">\n                        <div class=\"bg-primary\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <template x-for=\"i in countOfContact\" :key=\"i\">\n                <div class=\"row gx-0 mb-5\" :id=\"$id('iz-register-contacts')\">\n                    <div class=\"col-12\">\n                        <div class=\"row gx-0 mb-4\"\n                             x-id=\"['iz-register-salutation-sir', 'iz-register-salutation-madam', 'salutation']\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-salutation\" class=\"form-label\">\n                                    Salutation *\n                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                <input\n                                        :data-index=\"i-1\"\n                                        data-field=\"salutation\"\n                                        type=\"radio\"\n                                        value=\"sir\"\n                                        :name=\"$id('salutation')\"\n                                        class=\"btn-check mb-3\"\n                                        :id=\"$id('iz-register-salutation-sir')\"\n                                        autocomplete=\"off\"\n                                        required\n                                        @input.debounce=\"handleInputContact\">\n                                <label class=\"btn btn-outline-primary\"\n                                       :for=\"$id('iz-register-salutation-sir')\">Mr.<\/label>\n                                <input\n                                        :data-index=\"i-1\"\n                                        data-field=\"salutation\"\n                                        type=\"radio\"\n                                        value=\"madame\"\n                                        :name=\"$id('salutation')\"\n                                        class=\"btn-check mb-3\"\n                                        :id=\"$id('iz-register-salutation-madam')\"\n                                        autocomplete=\"off\"\n                                        required\n                                        @input.debounce=\"handleInputContact\">\n                                <label class=\"btn btn-outline-primary\"\n                                       :for=\"$id('iz-register-salutation-madam')\">Ms.<\/label>\n                                <div class=\"invalid-feedback\" :id=\"$id('iz-register-error-salutation')\">\n                                    Please select a salutation                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-title\" class=\"form-label\">\n                                    Title                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9\">\n                                <input type=\"text\"\n                                       class=\"form-control\"\n                                       id=\"iz-register-title\"\n                                       :data-index=\"i-1\"\n                                       data-field=\"title\"\n                                       @input.debounce=\"handleInputContact\" \/>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-first-name\" class=\"form-label\">\n                                    First name *\n                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                <input\n                                        type=\"text\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-first-name\"\n                                        :data-index=\"i-1\"\n                                        data-field=\"first_name\"\n                                        @input.debounce=\"handleInputContact\"\n                                        required \/>\n                                <div class=\"invalid-feedback\" :id=\"$id('iz-register-error-first-name')\">\n                                    This is a required field                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-last-name\" class=\"form-label\">\n                                    Last name *\n                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                <input\n                                        type=\"text\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-last-name\"\n                                        :data-index=\"i-1\"\n                                        data-field=\"last_name\"\n                                        @input.debounce=\"handleInputContact\"\n                                        required \/>\n                                <div class=\"invalid-feedback\" :id=\"$id('iz-register-error-last-name')\">\n                                    This is a required field                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-function\" class=\"form-label\">\n                                    Function                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9\">\n                                <input\n                                        type=\"text\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-function\"\n                                        :data-index=\"i-1\"\n                                        data-field=\"function\"\n                                        @input.debounce=\"handleInputContact\" \/>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-email\" class=\"form-label\">\n                                    E-mail *\n                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9 has-validation\">\n                                <input\n                                        type=\"email\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-email\"\n                                        :data-index=\"i-1\"\n                                        data-field=\"email\"\n                                        @input.debounce=\"handleInputContact\"\n                                        required \/>\n                                <div class=\"invalid-feedback\" id=\"iz-register-error-email\">\n                                    This is a required field                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-phone\" class=\"form-label\">\n                                    Phone                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9\">\n                                <input\n                                        type=\"tel\"\n                                        class=\"form-control\"\n                                        id=\"iz-register-phone\"\n                                        :data-index=\"i-1\"\n                                        data-field=\"phone\"\n                                        @input.debounce=\"handleInputContact\" \/>\n                                <div id=\"phoneHelp\"\n                                     class=\"form-text\">Format: +41 44 123 45 67<\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"row gx-0 mb-4\">\n                            <div class=\"col-12 col-xxl-3\">\n                                <label for=\"iz-register-newsletter\" class=\"form-label\">\n                                    Newsletter                                <\/label>\n                            <\/div>\n                            <div class=\"col-12 col-xxl-9 d-flex align-items-center\">\n                                <input style=\"width: 25px; height: 25px;\" :id=\"'newsletter-' + i\" type=\"checkbox\"\n                                       x-model=\"formDataContacts[i-1].newsletter\" class=\"custom-checkbox\">\n                                <label style=\"margin-left: 15px;\" :for=\"'newsletter-' + i\"\n                                       class=\"form-check-label\">I would be happy to receive the Innovation Zurich newsletter in the future.<\/label>\n                            <\/div>\n                        <\/div>\n\n                        <div 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\">\n                        + add another contact person                    <\/button>\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=\"btn text-secondary fw-bold p-0 border-0 bg-transparent\">\n                        Submit                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n\n    <!-- Loading Spinner -->\n    <div x-show=\"isSubmitting && activeStep !== 5\" class=\"loading-spinner\">\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n        <div class=\"spinner-ray\"><\/div>\n    <\/div>\n\n    <!-- User Feedback after form submit -->\n    <div class=\"row gx-0 mb-4\" id=\"register-step-5\" x-show=\"activeStep === 5\">\n        <div class=\"col-12 mb-4\">\n\n                            <h3 class=\"text-center\" x-text=\"(allCategories.find(cat => cat.id == formdata.category)?.name || 'News') + ' successfully submitted!'\"><\/h3>\n                <p class=\"text-center\" x-text=\"'Your ' + (allCategories.find(cat => cat.id == formdata.category)?.name || 'News') + ' will now be reviewed.'\"><\/p>\n            \n            <div class=\"mt-5 text-center\">\n                                    <a href=\"\/en\" class=\"me-4\" style=\"font-weight:600;\">Back to the homepage<\/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                    <iframe src=\"https:\/\/www.youtube.com\/embed\/Q5vEk0hGRTI\" title=\"YouTube video\"\n                            allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":20474,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-23056","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/23056","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=23056"}],"version-history":[{"count":1,"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/23056\/revisions"}],"predecessor-version":[{"id":41209,"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/23056\/revisions\/41209"}],"up":[{"embeddable":true,"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/pages\/20474"}],"wp:attachment":[{"href":"https:\/\/innovation.zuerich.kommpass-staging.ch\/en\/wp-json\/wp\/v2\/media?parent=23056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}