{"version":3,"file":"PublicLayout-UYq0uF33.js","sources":["../../../resources/js/Components/Icon.vue","../../../resources/icons/mail.svg?raw","../../../resources/icons/phone.svg?raw","../../../resources/js/Components/Footer/FooterContactdetails.vue","../../../resources/js/Components/Footer/FooterCopyright.vue","../../../resources/js/Components/Footer/FooterOpeningHours.vue","../../../resources/icons/facebook.svg","../../../resources/icons/instagram.svg","../../../resources/icons/linkedIn.svg","../../../resources/js/Components/Footer/FooterSocials.vue","../../../resources/js/Components/Footer/Footer.vue","../../../resources/img/logo.svg","../../../resources/js/Components/Images/Icon.vue","../../../resources/icons/arrow-down.svg","../../../resources/js/Components/Navigation/NavigationSubSubMenu.vue","../../../resources/js/Components/Navigation/NavigationSubMenu.vue","../../../resources/js/Components/Navigation/Navigation.vue","../../../resources/js/Components/Navigation/NavigationMobileIcon.vue","../../../resources/js/Components/LanguageSwitcher.vue","../../../resources/icons/clock.svg","../../../resources/icons/phone.svg","../../../resources/js/Components/TopHeader.vue","../../../resources/icons/whatsapp-desktop.svg","../../../resources/icons/whatsapp-mobile.svg","../../../resources/js/Components/WhatsappButton.vue","../../../resources/js/Components/Header.vue","../../../resources/js/Components/Notifications.vue"],"sourcesContent":["<script setup>\nimport { usePage } from '@inertiajs/vue3';\nimport { computed } from 'vue';\n\nconst props = defineProps({\n    icon: String,\n    iconDutch: String,\n});\n\nconst locale = computed(() => usePage().props.locale);\n\nconst localeIcon = computed(() => (props.iconDutch != null && locale.value == 'nl' ? props.iconDutch : props.icon));\nconst isRaw = computed(() => localeIcon.value?.includes('<svg'));\n</script>\n<template>\n    <div>\n        <span\n            v-if=\"isRaw\"\n            v-html=\"localeIcon\"\n        />\n        <img\n            v-else\n            :src=\"localeIcon\"\n        >\n    </div>\n</template>\n","export default \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\" viewBox=\\\"0 -960 960 960\\\" width=\\\"100%\\\"><path d=\\\"M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280 320-200v-80L480-520 160-720v80l320 200Z\\\"/></svg>\"","export default \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" viewBox=\\\"0 0 16 16\\\">\\n  <path id=\\\"Icon_awesome-phone-alt\\\" data-name=\\\"Icon awesome-phone-alt\\\" d=\\\"M15.544,11.307l-3.5-1.5a.75.75,0,0,0-.875.216l-1.55,1.894A11.583,11.583,0,0,1,4.081,6.379l1.894-1.55a.748.748,0,0,0,.216-.875l-1.5-3.5A.755.755,0,0,0,3.831.019L.581.769A.75.75,0,0,0,0,1.5,14.5,14.5,0,0,0,14.5,16a.75.75,0,0,0,.731-.581l.75-3.25a.759.759,0,0,0-.438-.863Z\\\" transform=\\\"translate(0 0)\\\"/>\\n</svg>\\n\"","<script setup>\nimport Icon from '@/Components/Icon.vue';\nimport mail from '@i/mail.svg?raw';\nimport phone from '@i/phone.svg?raw';\nimport { usePage } from '@inertiajs/vue3';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst { t } = useI18n();\n\nconst companyDetails = computed(() => usePage().props.company_details);\nconst termsAndConditions = computed(() => usePage().props.template_options.global.terms_and_conditions);\nconst privacyStatement = computed(() => usePage().props.template_options.global.privacy_statement);\nconst options = computed(() => usePage().props.template_options);\n</script>\n\n<template>\n    <p\n        v-if=\"options.footer.contact_footer_title\"\n        class=\"mb-4 text-xl font-black md:text-3xl\"\n    >\n        {{ options.footer.contact_footer_title }}\n    </p>\n\n    <div class=\"mt-8 grid gap-y-3\">\n        <p\n            v-if=\"companyDetails.street &&\n                companyDetails.postal_code &&\n                companyDetails.city &&\n                companyDetails.company_name\n            \"\n        >\n            {{ companyDetails.company_name }} <br>\n            {{ companyDetails.street }} <br>\n            {{ companyDetails.postal_code }} {{ companyDetails.city }}\n        </p>\n\n        <div\n            v-if=\"companyDetails.phone_number\"\n            class=\"mb-3 flex items-center gap-2\"\n        >\n            <Icon\n                :icon=\"phone\"\n                alt=\"phone icon\"\n            />\n\n            <a\n        \n                :href=\"`tel:${companyDetails.phone_number}`\"\n                class=\"hover:text-primary\"\n            >\n                {{ companyDetails.phone_number }}\n            </a>\n        </div>\n\n        <div\n            v-if=\"companyDetails.email_address\"\n            class=\"mb-3 flex items-center gap-2\"\n        >\n            <Icon\n                :icon=\"mail\"\n                class=\"w-4\"\n                alt=\"mail icon\"\n            />\n\n            <a\n      \n                :href=\"`mailto:${companyDetails.email_address}`\"\n                class=\"hover:text-primary\"\n            >\n                {{ companyDetails.email_address }}\n            </a>\n        </div>\n\n        <div class=\"grid gap-2 text-xs\">\n            <a\n                v-if=\"termsAndConditions\"\n                asA\n                :href=\"'/storage/' + termsAndConditions\"\n                target=\"_blank\"\n                :text=\"t('Terms and Conditions')\"\n                class=\"underline-offset-4 transition-colors duration-300 hover:underline\"\n            />\n            <a\n                v-if=\"privacyStatement\"\n                asA\n                :href=\"'/storage/' + privacyStatement\"\n                target=\"_blank\"\n                :text=\"t('Privacy declaration')\"\n                class=\"underline-offset-4 transition-colors duration-300 hover:underline\"\n            />\n        </div>\n    </div>\n</template>\n","<script setup>\nimport { usePage } from '@inertiajs/vue3';\nimport { computed } from '@vue/reactivity';\nimport { inject } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst { t } = useI18n();\nconst route = inject('route');\n\nconst companyName = computed(() => usePage().props.company_details.company_name);\nconst bottomRight = computed(() => usePage().props.template_options.footer.footer_bottom_right);\n</script>\n\n<template>\n    <div class=\"h-10 text-sm bg-gray-darker text-gray-light md:h-10\">\n        <div class=\"container flex items-center h-full\">\n            <div class=\"flex justify-between w-full gap-4\">\n                <p v-if=\"companyName\" v-html=\"`${companyName} © ${new Date().getFullYear()}`\"></p>\n\n                <div v-html=\"bottomRight\"></div>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup>\nimport { useI18n } from 'vue-i18n';\nimport { usePage } from '@inertiajs/vue3';\nimport { computed } from 'vue';\n\nconst companyDetails = computed(() => usePage().props.company_details);\nconst options = computed(() => usePage().props.template_options);\n</script>\n\n<template>\n    <div>\n        <p\n            v-if=\"options.footer.opening_hours_footer_title && companyDetails.opening_hours\"\n            class=\"mb-4 mt-8 text-xl font-black md:mt-0 md:text-3xl\"\n        >\n            {{ options.footer.opening_hours_footer_title }}\n        </p>\n\n        <div\n            v-if=\"companyDetails.opening_hours\"\n            v-html=\"companyDetails.opening_hours\"\n        />\n    </div>\n</template>\n","export default \"__VITE_ASSET__Dk6qM19f__\"","export default \"__VITE_ASSET__D85AvWgF__\"","export default \"__VITE_ASSET__D1PpDEDE__\"","<script setup>\n\nimport facebook from '@i/facebook.svg';\nimport instagram from '@i/instagram.svg';\nimport linkedIn from '@i/linkedIn.svg';\nimport Icon from '@/Components/Icon.vue';\nimport { usePage } from '@inertiajs/vue3';\nimport { computed } from 'vue';\n\nconst options = computed(() => usePage().props.template_options);\n</script>\n\n<template>\n    <div>\n        <p\n            v-if=\"options.footer.social_footer_title\"\n            class=\"mb-4 mt-8 text-xl font-black md:mt-0 md:text-3xl\"\n        >\n            {{ options.footer.social_footer_title }}\n        </p>\n\n        <div\n            v-if=\"options.footer.social_footer_text\"\n            class=\"whitespace-pre-wrap\"\n            v-html=\"options.footer.social_footer_text\"\n        />\n\n        <div class=\"mt-3 flex gap-3\">\n            <a\n                v-if=\"options.socials.facebook\"\n                :href=\"options.socials.facebook\"\n                class=\"flex h-10 w-10 items-center justify-center rounded-full bg-primary-inverted text-black transition-colors hover:bg-primary-inverted-hover\"\n                target=\"_blank\"\n            >\n                <Icon\n                    :icon=\"facebook\"\n                    :icon-dutch=\"facebook\"\n                    alt=\"facebook icon\"\n                    class=\"h-auto w-3\"\n                />\n            </a>\n            <a\n                v-if=\"options.socials.instagram\"\n                :href=\"options.socials.instagram\"\n                class=\"flex h-10 w-10 items-center justify-center rounded-full bg-primary-inverted text-black transition-colors hover:bg-primary-inverted-hover\"\n                target=\"_blank\"\n            >\n                <Icon\n                    :icon=\"instagram\"\n                    :icon-dutch=\"instagram\"\n                    alt=\"instagram icon\"\n                    class=\"h-auto w-4\"\n                />\n            </a>\n            <a\n                v-if=\"options.socials.linkedin\"\n                :href=\"options.socials.linkedin\"\n                class=\"flex h-10 w-10 items-center justify-center rounded-full bg-primary-inverted text-black transition-colors hover:bg-primary-inverted-hover\"\n                target=\"_blank\"\n            >\n                <Icon\n                    :icon=\"linkedIn\"\n                    :icon-dutch=\"linkedIn\"\n                    alt=\"linkedin icon\"\n                    class=\"h-auto w-4\"\n                />\n            </a>\n        </div>\n    </div>\n</template>\n","<script setup>\n\n// Components\nimport FooterContactdetails from '@/Components/Footer/FooterContactdetails.vue';\nimport FooterCopyright from '@/Components/Footer/FooterCopyright.vue';\nimport FooterOpeningHours from '@/Components/Footer/FooterOpeningHours.vue';\nimport FooterSocials from '@/Components/Footer/FooterSocials.vue';\nimport { usePage } from '@inertiajs/vue3';\nimport { computed } from 'vue';\n\nconst options = computed(() => usePage().props.template_options);\n</script>\n\n<template>\n    <div\n        :style=\"`color:${options.footer.text_color};background-color:${options.footer.background_color}`\"\n        class=\"relative overflow-hidden bg-gray-dark text-sm text-gray-light md:text-base\"\n    >\n        <div class=\"container\">\n            <div class=\"py-12 md:py-16\">\n                <div class=\"md:flex md:gap-14\">\n                    <div class=\"md:w-4/12\">\n                        <FooterContactdetails />\n                    </div>\n\n                    <div class=\"md:w-4/12\">\n                        <FooterOpeningHours />\n                    </div>\n\n                    <div class=\"md:w-4/12\">\n                        <FooterSocials />\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <FooterCopyright />\n    </div>\n</template>\n","export default \"__VITE_ASSET__BPYvPCPi__\"","<script setup>\n/**\n * Useful to display an icon in a component.\n * Automatically detects the current locale and displays the icon in the correct language.\n * Also supports raw SVG icons and renders appropriately.\n */\nimport { usePage } from '@inertiajs/vue3';\nimport { computed } from 'vue';\n\nconst props = defineProps({\n    icon: {\n        type: String,\n        required: true,\n    },\n    iconNL: {\n        type: String,\n        required: false,\n    },\n});\n\nconst icon = computed(() => (props.iconDutch != null && usePage().props.locale == 'nl' ? props.iconDutch : props.icon));\n\nconst isRaw = computed(() => icon.value.includes('<svg'));\n</script>\n<template>\n    <div>\n        <span v-if=\"isRaw\" v-html=\"icon\"> </span>\n        <img v-else :src=\"icon\" />\n    </div>\n</template>\n","export default \"__VITE_ASSET__CeqIkocx__\"","<script setup>\nimport Icon from '@/Components/Images/Icon.vue';\nimport arrow from '@i/arrow-down.svg';\nimport { Link } from '@inertiajs/vue3';\nimport { breakpointsTailwind, useBreakpoints } from '@vueuse/core';\nimport { ref } from 'vue';\nconst props = defineProps({\n    title: String,\n    childItems: Array,\n});\n\nconst breakpoints = useBreakpoints(breakpointsTailwind);\nconst onMobile = breakpoints.smaller('lg');\n\nconst showSubMenu = ref(false);\n\nfunction onMouseEnter() {\n    if (onMobile.value) {\n        return;\n    }\n    showSubMenu.value = true;\n}\n\nfunction onMouseLeave() {\n    if (onMobile.value) {\n        return;\n    }\n    showSubMenu.value = false;\n}\n</script>\n\n<template>\n    <div @mouseenter=\"onMouseEnter\" @mouseleave=\"onMouseLeave\" class=\"relative\">\n        <span @click=\"showSubMenu = !showSubMenu\"\n            class=\"relative flex items-center w-full gap-4 px-6 py-3 cursor-pointer lg:mt-2 lg:hover:bg-primary lg:bg-gray-lighter lg:hover:text-primary-text\">\n            {{ title }}\n\n            <Icon class=\"flex items-center w-4 h-4 transition-all\" :class=\"{ '-rotate-180': showSubMenu }\" :icon=\"arrow\"\n                alt=\"icon\" />\n        </span>\n        <div v-show=\"showSubMenu\" class=\"top-0 w-full ml-6 lg:ml-0 lg:-translate-x-full lg:absolute\">\n            <ul>\n                <li v-for=\"(item, i) in childItems\" :key=\"i\">\n                    <Link v-if=\"item.type.includes('MenuItem') && item.data.url\" :key=\"i\"\n                        class=\"block w-full px-6 py-3 select-none bg-gray-lighter lg:hover:bg-primary lg:hover:text-primary-text\"\n                        :href=\"item.data.url\">\n                    <span class=\"flex items-center gap-2\">\n                        {{ item.data.title }}\n                    </span>\n                    </Link>\n                    <a v-if=\"item.type.includes('ExternalLink')\" :key=\"i\"\n                        class=\"block w-full px-6 py-3 bg-gray-lighter lg:hover:bg-primary lg:hover:text-primary-text\"\n                        :href=\"item.data.url\" target=\"_blank\">\n                        <span class=\"flex items-center gap-2\">\n                            {{ item.data.title }}\n                        </span>\n                    </a>\n                </li>\n            </ul>\n        </div>\n    </div>\n</template>\n","<script setup>\nimport {ref} from 'vue';\nimport Icon from '@/Components/Images/Icon.vue';\nimport NavigationDropdownMenu from '@/Components/Navigation/NavigationDropdownMenu.vue';\nimport SubSubMenu from '@/Components/Navigation/NavigationSubSubMenu.vue';\nimport arrow from '@i/arrow-down.svg';\nimport {onClickOutside} from '@vueuse/core'\nimport {Link} from \"@inertiajs/vue3\";\n\ndefineProps({\n    title: String,\n    href: String,\n    childItems: Object,\n});\n\nconst dropdown = ref(null)\nconst dropdownOpen = ref(false);\n\nonClickOutside(dropdown, () => {\n    dropdownOpen.value = false\n})\n</script>\n\n<template>\n    <div\n        v-if=\"title\"\n        class=\"w-full\"\n    >\n        <div\n            ref=\"dropdown\"\n            class=\"relative\"\n        >\n            <button\n                v-if=\"!href\"\n                class=\"group relative flex w-full flex-col items-center justify-center\"\n                @click=\"dropdownOpen = !dropdownOpen\"\n            >\n                <span class=\"flex size-full w-full items-center gap-2 font-bold\">\n                    <span> {{ title }}</span>\n\n                    <Icon\n                        :class=\"{ '-rotate-180': dropdownOpen }\"\n                        :icon=\"arrow\"\n                        alt=\"icon\"\n                        class=\"flex size-4 items-center transition-all\"\n                    />\n                </span>\n            </button>\n            <NavigationDropdownMenu\n                v-if=\"dropdownOpen && childItems.length\"\n                :dropdown-open=\"dropdownOpen\"\n            >\n                <div class=\"relative lg:min-w-[230px] xl:-mt-2 xl:rounded-tl-lg xl:bg-gray-lighter\">\n                    <ul>\n                        <li\n                            v-for=\"(item, i) in childItems\"\n                            :key=\"i\"\n                        >\n                            <component\n                                :is=\"item.data.new_tab ? 'a' : Link\"\n                                v-if=\"item.type.includes('MenuItem')\"\n                                :class=\"{ 'rounded-tl-lg': i === 0 }\"\n                                :href=\"item.data.url\"\n                                :target=\"item.data.new_tab ? '_blank' : ''\"\n                                class=\"block w-full bg-transparent px-6 py-3 lg:mt-2 lg:hover:bg-primary lg:hover:text-primary-text\"\n                            >\n                                <span class=\"flex items-center gap-2\">\n                                    {{ item.data.title }}\n                                </span>\n                            </component>\n                            <SubSubMenu\n                                v-if=\"item.type.includes('SubSubMenu')\"\n                                :child-items=\"item.data.sub_menu\"\n                                :title=\"item.data.title\"\n                            />\n                            <a\n                                v-if=\"item.type.includes('External')\"\n                                :class=\"{ 'rounded-tl-lg': i === 0 }\"\n                                :href=\"item.data.url\"\n                                class=\"block w-full bg-transparent px-6 py-3 lg:mt-2 lg:hover:bg-primary lg:hover:text-primary-text\"\n                                target=\"_blank\"\n                            >\n                                <span class=\"flex items-center gap-2\">\n                                    {{ item.data.title }}\n                                </span>\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </NavigationDropdownMenu>\n        </div>\n    </div>\n</template>\n","<script setup>\nimport NavigationSubMenu from '@/Components/Navigation/NavigationSubMenu.vue';\nimport {Link} from '@inertiajs/vue3';\nimport {inject} from 'vue';\n\ndefineProps({\n    menuItems: Object,\n});\n\nconst openMobileMenu = inject('openMobileMenu');\n</script>\n\n<template>\n    <nav class=\"flex flex-col\">\n        <ul\n            v-if=\"menuItems\"\n            :class=\"{ flex: openMobileMenu, hidden: !openMobileMenu }\"\n            class=\"relative z-20 grow flex-col gap-8 pb-4 xl:flex xl:h-auto xl:flex-row xl:items-center xl:justify-end xl:pb-0 2xl:gap-6\"\n        >\n            <li\n                v-for=\"link in menuItems\"\n                :key=\"link.id\"\n                class=\"flex\"\n            >\n                <component\n                    :is=\"link.data.new_tab ? 'a' : Link\"\n                    v-if=\"link.type.includes('MenuItem') && link.data.url\"\n                    :href=\"link.data.url\"\n                    :target=\"link.data.new_tab ? '_blank' : ''\"\n                    class=\"font-bold transition-colors duration-300\"\n                >\n                    <span> {{ link.data.title }}</span>\n                </component>\n\n                <NavigationSubMenu\n                    v-if=\"link.type.includes('SubMenu')\"\n                    :child-items=\"link.data.sub_menu\"\n                    :title=\"link.data.title\"\n                />\n            </li>\n        </ul>\n    </nav>\n</template>\n","<script setup>\nimport { inject } from 'vue';\n\nconst openMobileMenu = inject('openMobileMenu');\n</script>\n\n<template>\n    <button\n        class=\"rounded-lg xl:hidden focus\"\n        @click=\"openMobileMenu = !openMobileMenu\"\n        aria-label=\"hamburger menu icon\"\n    >\n        <svg fill=\"#000000\" viewBox=\"0 0 20 20\" class=\"w-6 h-6\">\n            <path\n                v-if=\"!openMobileMenu\"\n                fill-rule=\"evenodd\"\n                d=\"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z\"\n                clip-rule=\"evenodd\"\n            ></path>\n            <path\n                v-if=\"openMobileMenu\"\n                fill-rule=\"evenodd\"\n                d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                clip-rule=\"evenodd\"\n            ></path>\n        </svg>\n    </button>\n</template>\n","<script setup>\nimport { router, usePage } from '@inertiajs/vue3';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n// Icon\nimport arrow from '@i/arrow-down.svg';\n\n// Components\nimport Icon from '@/Components/Images/Icon.vue';\n\nconst i18n = useI18n();\nconst showLang = ref(false);\nlet locales = Object.keys(usePage().props.route.locale);\n\n// The current locale\nconst locale = computed(() => usePage().props.locale);\nconst currentLocale = ref(locale);\n\n// Call to switch to locale\nconst switchLocale = (event) => {\n    const locale = event.target.innerText.toLowerCase();\n\n    i18n.locale.value = locale;\n    console.log(usePage().props.route.locale[locale]);\n\n    router.get(usePage().props.route.locale[locale], {}, { preserveScroll: true });\n};\n\nlocales = locales.filter((item) => item != currentLocale.value);\n</script>\n\n<template>\n    <div\n        v-if=\"Object.keys(usePage().props.route.locale).length > 1\"\n        class=\"relative\"\n    >\n        <div\n            class=\"top-0 flex gap-2\"\n            @click=\"showLang = !showLang\"\n        >\n            <button class=\"flex items-center gap-2 rounded-xl bg-primary px-5 py-2 font-bold xl:bg-transparent xl:px-0\">\n                <span class=\"flex items-center gap-2 text-base\">\n                    {{ locale.toUpperCase() }}\n                    <Icon\n                        class=\"h-2 w-3 items-center transition-all xl:hidden\"\n                        :class=\"{ '-rotate-180': showLang }\"\n                        :icon=\"arrow\"\n                        alt=\"icon\"\n                    />\n                </span>\n            </button>\n            <button>\n                <Icon\n                    class=\"hidden h-4 w-4 items-center transition-all xl:flex\"\n                    :class=\"{ '-rotate-180': showLang }\"\n                    :icon=\"arrow\"\n                    alt=\"icon\"\n                />\n            </button>\n        </div>\n        <div\n            :class=\"{ hidden: !showLang }\"\n            class=\"xl:min-w-auto absolute top-14 z-50 min-w-20 rounded-xl bg-primary px-5 py-3 pb-2 font-bold text-white xl:min-w-10 xl:rounded-2xl xl:bg-white xl:py-3 xl:text-bodyColor xl:drop-shadow-md\"\n        >\n            <div class=\"absolute -top-1 left-5 h-3 w-3 rotate-45 bg-primary xl:bg-white\" />\n\n            <button\n                v-for=\"(locale, i) in locales\"\n                :key=\"i\"\n                class=\"flex flex-col items-center gap-2\"\n                href=\"#\"\n                @click=\"switchLocale($event)\"\n            >\n                <p\n                    ref=\"seletedLocale\"\n                    class=\"block uppercase transition-colors duration-300 hover:text-primary\"\n                    v-html=\"locale\"\n                />\n            </button>\n        </div>\n    </div>\n</template>\n","export default \"__VITE_ASSET__4h4mPYFc__\"","export default \"__VITE_ASSET__lO_twjd0__\"","<script setup>\nimport { usePage } from '@inertiajs/vue3';\nimport { computed } from 'vue';\n\n// Icons\nimport clockIcon from '@i/clock.svg';\nimport phoneIcon from '@i/phone.svg';\n\n// Components\nimport Icon from '@/Components/Icon.vue';\n\nconst headerOpeningHours = computed(() => usePage().props.company_details.header_opening_hours);\nconst phoneNumber = computed(() => usePage().props.company_details.phone_number);\nconst showPhoneNumber = computed(() => usePage().props.template_options.header.show_phone_number);\nconst showOpeningHours = computed(() => usePage().props.template_options.header.show_opening_hours);\n</script>\n\n<template>\n    <div class=\"min-h-10 bg-gray-lighter py-2\">\n        <div class=\"container flex justify-between\">\n            <div\n                v-if=\"headerOpeningHours && showOpeningHours\"\n                class=\"hidden items-center gap-2 lg:flex\"\n            >\n                <Icon\n                    :icon=\"clockIcon\"\n                    :icon-dutch=\"clockIcon\"\n                    alt=\"phone icon\"\n                    class=\"h-auto w-3\"\n                />\n\n                {{ headerOpeningHours }}\n            </div>\n            <div\n                v-if=\"phoneNumber && showPhoneNumber\"\n                class=\"flex items-center gap-2\"\n            >\n                <Icon\n                    :icon=\"phoneIcon\"\n                    :icon-dutch=\"phoneIcon\"\n                    alt=\"phone icon\"\n                    class=\"h-auto w-3\"\n                />\n\n                {{ phoneNumber }}\n            </div>\n        </div>\n    </div>\n</template>\n","export default \"__VITE_ASSET__xSUP$VXF__\"","export default \"__VITE_ASSET__CWjSQHAM__\"","<script setup>\nimport { computed } from 'vue';\nimport { usePage } from '@inertiajs/vue3';\n\n// Icons\nimport whatsappDesktop from '@i/whatsapp-desktop.svg';\nimport whatsappMobile from '@i/whatsapp-mobile.svg';\n\nimport Icon from '@/Components/Images/Icon.vue';\n\nconst whatsappPhoneNumber = computed(() => usePage().props.template_options.global.whatsapp_phone_number);\n</script>\n\n<template>\n    <div class=\"fixed bottom-0 right-5 z-50\">\n        <a\n            :href=\"`https://wa.me/${whatsappPhoneNumber}`\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"WhatsApp\"\n            class=\"bg-green-whatsapp hover:bg-green-whatsapp-darker pointer-events-auto rounded-2xl p-4 duration-300\"\n        >\n            <Icon\n                class=\"md:hidden\"\n                :icon=\"whatsappMobile\"\n                :alt=\"'Whatsapp icon'\"\n            />\n            <Icon\n                class=\"hidden md:block\"\n                :icon=\"whatsappDesktop\"\n                :alt=\"'Whatsapp icon'\"\n            />\n        </a>\n    </div>\n</template>\n","<script setup>\nimport { Link, usePage } from '@inertiajs/vue3';\nimport { computed, inject, provide, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n// Images\nimport strixiLogo from '@/../img/logo.svg';\n\n// Components\nimport Navigation from '@/Components/Navigation/Navigation.vue';\nimport NavigationMobileIcon from '@/Components/Navigation/NavigationMobileIcon.vue';\nimport LanguageSwitcher from '@/Components/LanguageSwitcher.vue';\nimport TopHeader from '@/Components/TopHeader.vue';\nimport WhatsappButton from '@/Components/WhatsappButton.vue';\n\nconst showBar = computed(() => usePage().props.template_options.header.show_header_bar);\nconst whatsappActive = computed(() => usePage().props.template_options.modules.whatsapp_active);\nconst templateLogo = computed(() => usePage().props.template_options.global.logo);\nconst logoHeight = computed(() => usePage().props.template_options.global.logo_height);\n\nconst route = inject('route');\nconst { t } = useI18n();\n\nconst menuItems = computed(() => usePage().props.menus.find((header) => header.name == 'Header'));\nconst openMobileMenu = ref(false);\n\nprovide('openMobileMenu', openMobileMenu);\n</script>\n\n<template>\n    <header class=\"fixed left-0 top-0 z-40 w-full\">\n        <TopHeader v-if=\"showBar\" />\n        <div class=\"from-primary-medium bg-white bg-gradient-to-r to-secondary py-6 shadow-sm\">\n            <div class=\"container\">\n                <div\n                    x-data=\"{ open: false }\"\n                    class=\"mx-auto flex flex-col xl:flex-row xl:items-center xl:justify-between\"\n                >\n                    <div class=\"flex flex-row items-center justify-between\">\n                        <Link\n                            v-if=\"templateLogo\"\n                            :href=\"'/'\"\n                            class=\"shrink-0\"\n                        >\n                            <img\n                                :height=\"logoHeight\"\n                                :style=\"`height:${logoHeight}px`\"\n                                :src=\"`/storage/` + templateLogo\"\n                                alt=\"Logo\"\n                            >\n                        </Link>\n\n                        <Link\n                            v-else\n                            :href=\"'/'\"\n                            class=\"shrink-0\"\n                        >\n                            <img\n                                :height=\"logoHeight\"\n                                :style=\"`height:${logoHeight}px`\"\n                                :src=\"strixiLogo\"\n                                alt=\"Logo\"\n                            >\n                        </Link>\n\n                        <div class=\"flex gap-4 xl:hidden\">\n                            <LanguageSwitcher :class=\"{ hidden: !openMobileMenu }\" />\n\n                            <NavigationMobileIcon :open-mobile-menu=\"openMobileMenu\" />\n                        </div>\n                    </div>\n\n                    <div\n                        class=\"absolute left-0 top-[107px] w-screen gap-10 bg-gray-light text-black xl:relative xl:top-0 xl:flex xl:w-auto xl:items-center xl:bg-transparent\"\n                    >\n                        <div :class=\"{ 'container z-20 h-screen w-full pt-16 xl:h-auto xl:pt-0': openMobileMenu }\">\n                            <div class=\"flex gap-8\">\n                                <Navigation :menu-items=\"menuItems.contents\" />\n\n                                <LanguageSwitcher class=\"hidden xl:block\" />\n                            </div>\n\n                            <div\n                                class=\"relative z-20 mt-8 flex flex-col items-start gap-3\"\n                                :class=\"{ hidden: !openMobileMenu }\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <WhatsappButton v-if=\"whatsappActive\" />\n    </header>\n    <div :class=\"showBar ? 'min-h-30' : 'min-h-20'\" />\n</template>\n","<script setup>\nimport { breakpointsTailwind, useBreakpoints } from '@vueuse/core';\nimport { Notification, NotificationGroup } from 'notiwind';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nconst { t } = useI18n();\n\nconst breakpoints = useBreakpoints(breakpointsTailwind);\n\nconst maxNotifications = computed(() => (breakpoints.isSmallerOrEqual('md') ? 1 : 3));\n</script>\n<template>\n    <NotificationGroup>\n        <div\n            class=\"pointer-events-none fixed inset-0 z-50 flex flex-col items-start justify-end p-6 px-4 md:flex-row\"\n        >\n            <div class=\"w-full max-w-sm\">\n                <Notification\n                    v-slot=\"{ notifications, close }\"\n                    :max-notifications=\"maxNotifications\"\n                    enter=\"transform ease-out duration-300 transition\"\n                    enter-from=\"translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-4\"\n                    enter-to=\"translate-y-0 opacity-100 sm:translate-x-0\"\n                    leave=\"transition ease-in duration-500\"\n                    leave-from=\"opacity-100\"\n                    leave-to=\"opacity-0\"\n                    move=\"transition duration-500\"\n                    move-delay=\"delay-300\"\n                >\n                    <div\n                        v-for=\"notification in notifications\"\n                        :key=\"notification.id\"\n                        class=\"mx-auto mt-4 flex w-full max-w-sm overflow-hidden rounded-lg bg-white p-4 shadow-md\"\n                        @click=\"close(notification.id)\"\n                    >\n                        <div class=\"flex w-8 justify-center py-1\">\n                            <svg\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                                width=\"16\"\n                                height=\"16\"\n                                viewBox=\"0 0 16 16\"\n                            >\n                                <g\n                                    id=\"Group_865\"\n                                    data-name=\"Group 865\"\n                                    transform=\"translate(-832 -464)\"\n                                >\n                                    <g\n                                        id=\"Ellipse_39\"\n                                        data-name=\"Ellipse 39\"\n                                        transform=\"translate(832 464)\"\n                                        fill=\"#1ac73b\"\n                                        stroke=\"#1ac73b\"\n                                        stroke-width=\"1\"\n                                    >\n                                        <circle\n                                            cx=\"8\"\n                                            cy=\"8\"\n                                            r=\"8\"\n                                            stroke=\"none\"\n                                        />\n                                        <circle\n                                            cx=\"8\"\n                                            cy=\"8\"\n                                            r=\"7.5\"\n                                            fill=\"none\"\n                                        />\n                                    </g>\n                                    <path\n                                        id=\"done_FILL0_wght400_GRAD0_opsz48_3_\"\n                                        data-name=\"done_FILL0_wght400_GRAD0_opsz48 (3)\"\n                                        d=\"M10.509,18.095,7.7,15.285l.539-.539,2.27,2.27L15.326,12.2l.539.539Z\"\n                                        transform=\"translate(828.383 456.903)\"\n                                        fill=\"#fff\"\n                                    />\n                                </g>\n                            </svg>\n                        </div>\n\n                        <div class=\"text-black\">\n                            <span class=\"font-bold\">{{ t(notification.title) }}</span>\n                            <p class=\"\">\n                                {{ t(notification.text) }}\n                            </p>\n                        </div>\n                    </div>\n                </Notification>\n            </div>\n        </div>\n    </NotificationGroup>\n</template>\n"],"names":["props","__props","locale","computed","usePage","localeIcon","isRaw","_a","mail","phone","t","useI18n","companyDetails","termsAndConditions","privacyStatement","options","inject","companyName","bottomRight","facebook","instagram","linkedIn","strixiLogo","icon","arrow","onMobile","useBreakpoints","breakpointsTailwind","showSubMenu","ref","onMouseEnter","onMouseLeave","dropdown","dropdownOpen","onClickOutside","openMobileMenu","i18n","showLang","locales","currentLocale","switchLocale","event","router","item","clockIcon","phoneIcon","headerOpeningHours","phoneNumber","showPhoneNumber","showOpeningHours","whatsappDesktop","whatsappMobile","whatsappPhoneNumber","showBar","whatsappActive","templateLogo","logoHeight","menuItems","header","provide","breakpoints","maxNotifications"],"mappings":"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"}