{"version":3,"file":"AuthenticatedLayout-gtGOh4gA.js","sources":["../../../resources/js/Components/Dropdown.vue","../../../resources/js/Components/NavLink.vue","../../../resources/js/Components/ResponsiveNavLink.vue","../../../node_modules/@heroicons/vue/24/solid/esm/ArrowUpOnSquareIcon.js","../../../node_modules/@heroicons/vue/24/solid/esm/Bars3Icon.js","../../../node_modules/@heroicons/vue/24/solid/esm/ChatBubbleBottomCenterIcon.js","../../../node_modules/@heroicons/vue/24/solid/esm/DocumentTextIcon.js","../../../node_modules/@heroicons/vue/24/solid/esm/GlobeAltIcon.js","../../../node_modules/@heroicons/vue/24/solid/esm/GlobeEuropeAfricaIcon.js","../../../node_modules/@heroicons/vue/24/solid/esm/HomeIcon.js","../../../node_modules/@heroicons/vue/24/solid/esm/SparklesIcon.js","../../../node_modules/@heroicons/vue/24/solid/esm/UserCircleIcon.js","../../../node_modules/@heroicons/vue/24/solid/esm/UserGroupIcon.js","../../../node_modules/@heroicons/vue/24/solid/esm/XMarkIcon.js","../../../resources/js/Layouts/AuthenticatedLayout.vue"],"sourcesContent":["<script setup>\nimport { computed, onMounted, onUnmounted, ref } from 'vue';\n\nconst props = defineProps({\n    align: {\n        type: String,\n        default: 'right',\n    },\n    width: {\n        type: String,\n        default: '48',\n    },\n    contentClasses: {\n        type: String,\n        default: 'py-1 bg-white',\n    },\n});\n\nconst open = ref(false);\nconst dropdownRef = ref(null);\n\n// **Close dropdown on Escape key**\nconst closeOnEscape = (e) => {\n    if (open.value && e.key === 'Escape') {\n        open.value = false;\n    }\n};\n\n// **Detect clicks outside the dropdown**\nconst handleClickOutside = (event) => {\n    if (dropdownRef.value && !dropdownRef.value.contains(event.target)) {\n        open.value = false;\n    }\n};\n\nonMounted(() => {\n    document.addEventListener('keydown', closeOnEscape);\n    document.addEventListener('click', handleClickOutside);\n});\n\nonUnmounted(() => {\n    document.removeEventListener('keydown', closeOnEscape);\n    document.removeEventListener('click', handleClickOutside);\n});\n\nconst widthClass = computed(() => {\n    return {\n        48: 'w-48',\n    }[props.width.toString()];\n});\n\nconst alignmentClasses = computed(() => {\n    if (props.align === 'left') {\n        return 'ltr:origin-top-left rtl:origin-top-right start-0';\n    } else if (props.align === 'right') {\n        return 'ltr:origin-top-right rtl:origin-top-left end-0';\n    } else {\n        return 'origin-top';\n    }\n});\n</script>\n\n\n<template>\n    <div class=\"relative\" ref=\"dropdownRef\">\n        <!-- Click to Toggle Dropdown -->\n        <div @click.stop=\"open = !open\">\n            <slot name=\"trigger\" />\n        </div>\n\n        <!-- Full Screen Dropdown Overlay -->\n        <div\n            v-show=\"open\"\n            class=\"fixed inset-0 z-40\"\n        ></div>\n\n        <Transition\n            enter-active-class=\"transition ease-out duration-200\"\n            enter-from-class=\"opacity-0 scale-95\"\n            enter-to-class=\"opacity-100 scale-100\"\n            leave-active-class=\"transition ease-in duration-75\"\n            leave-from-class=\"opacity-100 scale-100\"\n            leave-to-class=\"opacity-0 scale-95\"\n        >\n            <div\n                v-show=\"open\"\n                class=\"absolute z-50 mt-2 rounded-md shadow-lg\"\n                :class=\"[widthClass, alignmentClasses]\"\n            >\n                <div\n                    class=\"rounded-md ring-1 ring-black ring-opacity-5\"\n                    :class=\"contentClasses\"\n                >\n                    <slot name=\"content\" />\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n","<script setup>\nimport { computed } from 'vue';\nimport { Link } from '@inertiajs/vue3';\n\nconst props = defineProps({\n    href: {\n        type: String,\n        required: true,\n    },\n    active: {\n        type: Boolean,\n    },\n});\n\nconst classes = computed(() =>\n    props.active\n        ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 text-sm font-medium leading-5 text-gray-200 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'\n        : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out',\n);\n</script>\n\n<template>\n    <Link :href=\"href\" :class=\"classes\">\n        <slot />\n    </Link>\n</template>\n","<script setup>\nimport { computed } from 'vue';\nimport { Link } from '@inertiajs/vue3';\n\nconst props = defineProps({\n    href: {\n        type: String,\n        required: true,\n    },\n    active: {\n        type: Boolean,\n    },\n});\n\nconst classes = computed(() =>\n    props.active\n        ? 'block w-full ps-3 pe-4 py-2 border-l-4 border-indigo-400 text-start text-base font-medium text-white bg-darker/90 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition duration-150 ease-in-out'\n        : 'block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-white hover:text-gray-800 hover:bg-darker hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out',\n);\n</script>\n\n<template>\n    <Link :href=\"href\" :class=\"classes\">\n        <slot />\n    </Link>\n</template>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M11.47 1.72a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-1.06 1.06l-1.72-1.72V7.5h-1.5V4.06L9.53 5.78a.75.75 0 0 1-1.06-1.06l3-3ZM11.25 7.5V15a.75.75 0 0 0 1.5 0V7.5h3.75a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h3.75Z\" })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M4.848 2.771A49.144 49.144 0 0 1 12 2.25c2.43 0 4.817.178 7.152.52 1.978.292 3.348 2.024 3.348 3.97v6.02c0 1.946-1.37 3.678-3.348 3.97a48.901 48.901 0 0 1-3.476.383.39.39 0 0 0-.297.17l-2.755 4.133a.75.75 0 0 1-1.248 0l-2.755-4.133a.39.39 0 0 0-.297-.17 48.9 48.9 0 0 1-3.476-.384c-1.978-.29-3.348-2.024-3.348-3.97V6.741c0-1.946 1.37-3.68 3.348-3.97Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5H5.625ZM7.5 15a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 7.5 15Zm.75 2.25a.75.75 0 0 0 0 1.5H12a.75.75 0 0 0 0-1.5H8.25Z\",\n      \"clip-rule\": \"evenodd\"\n    }),\n    _createElementVNode(\"path\", { d: \"M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z\" })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M21.721 12.752a9.711 9.711 0 0 0-.945-5.003 12.754 12.754 0 0 1-4.339 2.708 18.991 18.991 0 0 1-.214 4.772 17.165 17.165 0 0 0 5.498-2.477ZM14.634 15.55a17.324 17.324 0 0 0 .332-4.647c-.952.227-1.945.347-2.966.347-1.021 0-2.014-.12-2.966-.347a17.515 17.515 0 0 0 .332 4.647 17.385 17.385 0 0 0 5.268 0ZM9.772 17.119a18.963 18.963 0 0 0 4.456 0A17.182 17.182 0 0 1 12 21.724a17.18 17.18 0 0 1-2.228-4.605ZM7.777 15.23a18.87 18.87 0 0 1-.214-4.774 12.753 12.753 0 0 1-4.34-2.708 9.711 9.711 0 0 0-.944 5.004 17.165 17.165 0 0 0 5.498 2.477ZM21.356 14.752a9.765 9.765 0 0 1-7.478 6.817 18.64 18.64 0 0 0 1.988-4.718 18.627 18.627 0 0 0 5.49-2.098ZM2.644 14.752c1.682.971 3.53 1.688 5.49 2.099a18.64 18.64 0 0 0 1.988 4.718 9.765 9.765 0 0 1-7.478-6.816ZM13.878 2.43a9.755 9.755 0 0 1 6.116 3.986 11.267 11.267 0 0 1-3.746 2.504 18.63 18.63 0 0 0-2.37-6.49ZM12 2.276a17.152 17.152 0 0 1 2.805 7.121c-.897.23-1.837.353-2.805.353-.968 0-1.908-.122-2.805-.353A17.151 17.151 0 0 1 12 2.276ZM10.122 2.43a18.629 18.629 0 0 0-2.37 6.49 11.266 11.266 0 0 1-3.746-2.504 9.754 9.754 0 0 1 6.116-3.985Z\" })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM8.547 4.505a8.25 8.25 0 1 0 11.672 8.214l-.46-.46a2.252 2.252 0 0 1-.422-.586l-1.08-2.16a.414.414 0 0 0-.663-.107.827.827 0 0 1-.812.21l-1.273-.363a.89.89 0 0 0-.738 1.595l.587.39c.59.395.674 1.23.172 1.732l-.2.2c-.211.212-.33.498-.33.796v.41c0 .409-.11.809-.32 1.158l-1.315 2.191a2.11 2.11 0 0 1-1.81 1.025 1.055 1.055 0 0 1-1.055-1.055v-1.172c0-.92-.56-1.747-1.414-2.089l-.654-.261a2.25 2.25 0 0 1-1.384-2.46l.007-.042a2.25 2.25 0 0 1 .29-.787l.09-.15a2.25 2.25 0 0 1 2.37-1.048l1.178.236a1.125 1.125 0 0 0 1.302-.795l.208-.73a1.125 1.125 0 0 0-.578-1.315l-.665-.332-.091.091a2.25 2.25 0 0 1-1.591.659h-.18c-.249 0-.487.1-.662.274a.931.931 0 0 1-1.458-1.137l1.279-2.132Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M11.47 3.841a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.061l-8.689-8.69a2.25 2.25 0 0 0-3.182 0l-8.69 8.69a.75.75 0 1 0 1.061 1.06l8.69-8.689Z\" }),\n    _createElementVNode(\"path\", { d: \"m12 5.432 8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.625a1.875 1.875 0 0 1-1.875-1.875v-6.198a2.29 2.29 0 0 0 .091-.086L12 5.432Z\" })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M18.685 19.097A9.723 9.723 0 0 0 21.75 12c0-5.385-4.365-9.75-9.75-9.75S2.25 6.615 2.25 12a9.723 9.723 0 0 0 3.065 7.097A9.716 9.716 0 0 0 12 21.75a9.716 9.716 0 0 0 6.685-2.653Zm-12.54-1.285A7.486 7.486 0 0 1 12 15a7.486 7.486 0 0 1 5.855 2.812A8.224 8.224 0 0 1 12 20.25a8.224 8.224 0 0 1-5.855-2.438ZM15.75 9a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M8.25 6.75a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0ZM15.75 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM2.25 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM6.31 15.117A6.745 6.745 0 0 1 12 12a6.745 6.745 0 0 1 6.709 7.498.75.75 0 0 1-.372.568A12.696 12.696 0 0 1 12 21.75c-2.305 0-4.47-.612-6.337-1.684a.75.75 0 0 1-.372-.568 6.787 6.787 0 0 1 1.019-4.38Z\",\n      \"clip-rule\": \"evenodd\"\n    }),\n    _createElementVNode(\"path\", { d: \"M5.082 14.254a8.287 8.287 0 0 0-1.308 5.135 9.687 9.687 0 0 1-1.764-.44l-.115-.04a.563.563 0 0 1-.373-.487l-.01-.121a3.75 3.75 0 0 1 3.57-4.047ZM20.226 19.389a8.287 8.287 0 0 0-1.308-5.135 3.75 3.75 0 0 1 3.57 4.047l-.01.121a.563.563 0 0 1-.373.486l-.115.04c-.567.2-1.156.349-1.764.441Z\" })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<script setup>\nimport {nextTick, ref} from 'vue';\nimport Dropdown from '@/Components/Dropdown.vue';\nimport DropdownLink from '@/Components/DropdownLink.vue';\nimport NavLink from '@/Components/NavLink.vue';\nimport ResponsiveNavLink from '@/Components/ResponsiveNavLink.vue';\nimport { Link } from '@inertiajs/vue3';\nimport {\n    SparklesIcon,\n    Bars3Icon,\n    XMarkIcon,\n    HomeIcon,\n    UserCircleIcon,\n    GlobeEuropeAfricaIcon,\n    GlobeAltIcon,\n    UserGroupIcon,\n    DocumentTextIcon,\n    ChatBubbleBottomCenterIcon,\n    ArrowUpOnSquareIcon,\n    UserIcon,\n} from \"@heroicons/vue/24/solid\"\nimport {usePage} from \"@inertiajs/vue3\";\n\nconst page = usePage();\n\nconst showingNavigationDropdown = ref(false);\nconst user = page?.props?.auth?.user;\nconst notifications = page?.props?.auth?.notifications;\nconst username = user?.username\n\nconsole.log(username)\nconsole.log(notifications)\n\nconst unreadCount = ref(notifications?.length); // or derive from notifications\n\nconst toggleMenu = async () => {\n    console.log(\"Menu clicked\"); // Debugging log\n    showingNavigationDropdown.value = !showingNavigationDropdown.value;\n    // Force Vue to update the DOM after toggling\n    await nextTick();\n    console.log(\"Menu state updated:\", showingNavigationDropdown.value);\n};\n\n</script>\n\n<template>\n    <div>\n        <div class=\"min-h-screen bg-darker\">\n            <nav class=\"\n            fixed\n            inset-x-0\n            z-20\n            w-full\n            border-b\n            backdrop-blur\n            border-gray-700/30\n            bg-black/80\">\n                <div class=\"mx-auto px-4\">\n                    <div class=\"flex h-16 justify-between\">\n                        <div class=\"flex\">\n                            <div class=\"flex shrink-0 items-center\">\n                                <Link href=\"/\">\n                                    <img\n                                        src=\"../../../resources/images/logo-white.png\"\n                                        alt=\"Logo\"\n                                        class=\"h-auto mb-2 navigation-logo\"\n                                    />\n                                </Link>\n                            </div>\n\n                            <!-- Navigation Links -->\n                            <div\n                                class=\"hidden space-x-8 sm:-my-px sm:ms-10 sm:flex\"\n                            >\n                                <NavLink\n                                    :href=\"route('dashboard')\"\n                                    :active=\"route().current('dashboard')\"\n                                    class=\"flex items-center gap-2\"\n                                >\n                                    <HomeIcon class=\"h-5 w-5 mr-2\" />\n                                    <span>Dashboard</span>\n                                </NavLink>\n                                <NavLink\n                                    v-if=\"$page?.props?.auth?.user\"\n                                    :href=\"'/u/' + username\"\n                                    :active=\"route().current('profile')\"\n                                    class=\"flex items-center gap-2\"\n                                >\n                                    <UserCircleIcon class=\"h-5 w-5 mr-2\" />\n                                    <span>Profile</span>\n                                </NavLink>\n                                <NavLink\n                                    href=\"/explore\"\n                                    :active=\"route().current('explore')\"\n                                    class=\"flex items-center gap-2\"\n                                >\n                                    <GlobeEuropeAfricaIcon class=\"h-5 w-5 mr-2\" />\n                                    <span>Explore</span>\n                                </NavLink>\n                                <NavLink\n                                    href=\"/wiki\"\n                                    :active=\"route().current('wiki')\"\n                                    class=\"flex items-center gap-2\"\n                                >\n                                    <GlobeAltIcon class=\"h-5 w-5 mr-2\" />\n                                    <span>Wiki</span>\n                                </NavLink>\n                                <NavLink\n                                    href=\"/communities\"\n                                    :active=\"route().current('communities')\"\n                                    class=\"flex items-center gap-2\"\n                                >\n                                    <UserGroupIcon class=\"h-5 w-5 mr-2\" />\n                                    <span>Communities</span>\n                                </NavLink>\n                                <NavLink\n                                    href=\"/articles\"\n                                    :active=\"route().current('articles')\"\n                                    class=\"flex items-center gap-2\"\n                                >\n                                    <DocumentTextIcon class=\"h-5 w-5 mr-2\" />\n                                    <span>Articles</span>\n                                </NavLink>\n                                <NavLink\n                                    href=\"/feed\"\n                                    :active=\"route().current('feed')\"\n                                    class=\"flex items-center gap-2\"\n                                >\n                                    <ChatBubbleBottomCenterIcon class=\"h-5 w-5 mr-2\" />\n                                    <span>Feed</span>\n                                </NavLink>\n                                <NavLink\n                                    v-if=\"user\"\n                                    href=\"/ai\"\n                                    :active=\"route().current('ai')\"\n                                    class=\"flex items-center gap-2\"\n                                >\n                                    <SparklesIcon class=\"h-6 w-6 mr-3 flex-shrink-0\"></SparklesIcon>\n                                </NavLink>\n                            </div>\n                        </div>\n\n                        <div class=\"hidden sm:ms-6 sm:flex sm:items-center\">\n                            <!-- Add this block where you have the \"Upload\" button or alongside it, for instance. -->\n                            <div class=\"relative ms-3 mr-3\" v-if=\"user\">\n                                <Dropdown align=\"right\" width=\"48\">\n                                    <!-- Trigger slot: the icon/button that toggles the dropdown -->\n                                    <template #trigger>\n                                        <span class=\"inline-flex rounded-md relative\">\n                                            <!-- Button with bell icon -->\n                                            <button\n                                                type=\"button\"\n                                                class=\"inline-flex items-center px-3 py-2 rounded-md border border-gray-900 bg-transparent text-gray-300 hover:text-white focus:outline-none\"\n                                            >\n                                                <!-- Heroicons bell, for example -->\n                                                <svg\n                                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                                    class=\"h-5 w-5\"\n                                                    fill=\"none\"\n                                                    viewBox=\"0 0 24 24\"\n                                                    stroke=\"currentColor\"\n                                                    stroke-width=\"2\"\n                                                >\n                                                    <path\n                                                        stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\"\n                                                        d=\"M15 17h5l-1.405-1.405C18.403 14.79 18 13.918 18 13V9a6 6 0 00-12 0v4c0 .918-.403 1.79-1.595 2.595L3 17h5m2 0a3 3 0 006 0\"\n                                                    />\n                                                </svg>\n\n                                                <!-- Optional badge if you have unread notifications -->\n                                                <span\n                                                    v-if=\"unreadCount > 0\"\n                                                    class=\"absolute top-0 right-0 inline-flex items-center justify-center rounded-full bg-red-600 text-white text-xs h-4 w-4 transform translate-x-1/2 -translate-y-1/2\"\n                                                >\n                                                    {{ unreadCount }}\n                                                </span>\n                                            </button>\n                                        </span>\n                                    </template>\n\n                                    <!-- Dropdown content slot: the list of notifications -->\n                                    <template #content>\n                                        <div class=\"\">\n                                            <!-- If you have an array of notifications -->\n                                            <div v-if=\"notifications.length === 0\" class=\"p-3 text-sm text-gray-500\">\n                                                No new notifications\n                                            </div>\n                                            <div v-else>\n                                                <div\n                                                    v-for=\"notification in notifications\"\n                                                    :key=\"notification.id\"\n                                                    class=\"px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition\"\n                                                >\n                                                    {{ notifications?.data?.message }}\n                                                    {{ notification?.data?.content }}\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </template>\n                                </Dropdown>\n                            </div>\n\n                            <!-- Upload Button -->\n                            <a\n                                href=\"/upload\"\n                                class=\"inline-flex items-center rounded-md border border-gray-900 bg-transparent px-3 py-2 text-sm font-medium leading-4 text-gray-300 transition duration-150 ease-in-out hover:text-white hover:bg-gray-700 focus:outline-none\"\n                            >\n                                Upload\n                            </a>\n\n                            <!-- Settings Dropdown -->\n                            <div class=\"relative ms-3\" v-if=\"user\">\n                                <Dropdown align=\"right\" width=\"48\">\n                                    <template #trigger>\n                                        <span class=\"inline-flex rounded-md\">\n                                            <button\n                                                type=\"button\"\n                                                class=\"inline-flex items-center rounded-md border border-gray-900 bg-transparent px-3 py-2 text-sm font-medium leading-4 text-gray-300 transition duration-150 ease-in-out hover:text-white focus:outline-none\"\n                                            >\n                                                {{ user?.name }}\n                                                <svg\n                                                    class=\"-me-0.5 ms-2 h-4 w-4 text-gray-300\"\n                                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                                    viewBox=\"0 0 20 20\"\n                                                    fill=\"currentColor\"\n                                                >\n                                                    <path\n                                                        fill-rule=\"evenodd\"\n                                                        d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"\n                                                        clip-rule=\"evenodd\"\n                                                    />\n                                                </svg>\n                                            </button>\n                                        </span>\n                                    </template>\n\n                                    <template #content>\n                                        <div class=\"bg-white rounded-md shadow-lg py-2\">\n                                            <DropdownLink\n                                                :href=\"'/u/' + username\"\n                                                class=\"block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white transition duration-150 ease-in-out\"\n                                            >\n                                                Profile\n                                            </DropdownLink>\n                                            <DropdownLink\n                                                href=\"'/settings\"\n                                                class=\"block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white transition duration-150 ease-in-out\"\n                                            >\n                                                Settings\n                                            </DropdownLink>\n                                            <DropdownLink\n                                                :href=\"route('logout')\"\n                                                method=\"post\"\n                                                as=\"button\"\n                                                class=\"block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white transition duration-150 ease-in-out\"\n                                            >\n                                                Log Out\n                                            </DropdownLink>\n                                        </div>\n                                    </template>\n                                </Dropdown>\n                            </div>\n                        </div>\n\n                        <!-- Hamburger -->\n                        <div class=\"-me-2 flex items-center sm:hidden\">\n                            <button\n                                v-if=\"!showingNavigationDropdown\"\n                                @click=\"toggleMenu\"\n                                class=\"inline-flex items-center justify-center rounded-md p-2 text-gray-400 transition duration-150 ease-in-out hover:bg-black hover:text-gray-500 focus:bg-darker focus:text-gray-500 focus:outline-none\"\n                            >\n                                <Bars3Icon class=\"w-5 h-5\"  />\n                            </button>\n                            <button\n                                v-else\n                                @click=\"toggleMenu\"\n                                class=\"inline-flex items-center justify-center rounded-md p-2 text-gray-400 transition duration-150 ease-in-out hover:bg-black hover:text-gray-500 focus:bg-darker focus:text-gray-500 focus:outline-none\"\n                            >\n\n                                <XMarkIcon class=\"w-5 h-5\" />\n                            </button>\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Responsive Navigation Menu -->\n                <div\n                    v-show=\"showingNavigationDropdown\"\n                    class=\"z-50\"\n                >\n                    <div class=\"space-y-1 pb-3 pt-2\">\n                        <ResponsiveNavLink\n                            :href=\"route('dashboard')\"\n                            :active=\"route().current('dashboard')\"\n                            class=\"flex items-center gap-2\"\n                        >\n                            <HomeIcon class=\"h-5 w-5\" />\n                            Dashboard\n                        </ResponsiveNavLink>\n                        <ResponsiveNavLink\n                            v-if=\"$page?.props?.auth?.user\"\n                            :href=\"'/u/' + username\"\n                            :active=\"route().current('profile')\"\n                            class=\"flex items-center gap-2\"\n                        >\n                            <UserCircleIcon class=\"h-5 w-5\" />\n                            Profile\n                        </ResponsiveNavLink>\n                        <ResponsiveNavLink\n                            v-if=\"$page?.props?.auth?.user\"\n                            href=\"/upload\"\n                            :active=\"route().current('upload')\"\n                            class=\"flex items-center gap-2\"\n                        >\n                            <ArrowUpOnSquareIcon class=\"h-5 w-5\" />\n                            Upload\n                        </ResponsiveNavLink>\n                        <ResponsiveNavLink\n                            :href=\"route('explore')\"\n                            :active=\"route().current('explore')\"\n                            class=\"flex items-center gap-2\"\n                        >\n                            <GlobeEuropeAfricaIcon class=\"h-5 w-5\" />\n                            Explore\n                        </ResponsiveNavLink>\n                        <ResponsiveNavLink\n                            :href=\"route('wiki')\"\n                            :active=\"route().current('wiki')\"\n                            class=\"flex items-center gap-2\"\n                        >\n                            <GlobeAltIcon class=\"h-5 w-5\" />\n                            Wiki\n                        </ResponsiveNavLink>\n                        <ResponsiveNavLink\n                            :href=\"route('communities')\"\n                            :active=\"route().current('communities')\"\n                            class=\"flex items-center gap-2\"\n                        >\n                            <UserGroupIcon class=\"h-5 w-5\" />\n                            Communities\n                        </ResponsiveNavLink>\n                        <ResponsiveNavLink\n                            :href=\"route('articles')\"\n                            :active=\"route().current('articles')\"\n                            class=\"flex items-center gap-2\"\n                        >\n                            <DocumentTextIcon class=\"h-5 w-5\" />\n                            Articles\n                        </ResponsiveNavLink>\n                        <ResponsiveNavLink\n                            :href=\"route('feed')\"\n                            :active=\"route().current('feed')\"\n                            class=\"flex items-center gap-2\"\n                        >\n                            <ChatBubbleBottomCenterIcon class=\"h-5 w-5\" />\n                            Feed\n                        </ResponsiveNavLink>\n                        <ResponsiveNavLink\n                            :href=\"route('ai')\"\n                            :active=\"route().current('ai')\"\n                            class=\"flex items-center gap-2\"\n                        >\n                            <SparklesIcon class=\"h-6 w-6 mr-3 flex-shrink-0\"></SparklesIcon>\n                        </ResponsiveNavLink>\n                    </div>\n\n                    <!-- Responsive Settings Options -->\n                    <div\n                        class=\"border-t border-black pb-1 pt-4\"\n                        v-if=\"$page?.props?.auth?.user\"\n                    >\n                        <div class=\"px-4\">\n                            <div\n                                class=\"text-base text-white font-bold\"\n                            >\n                                {{ user?.name }}\n                            </div>\n                            <div class=\"text-sm font-medium text-gray-50\">\n                                {{ user?.email }}\n                            </div>\n                        </div>\n\n                        <div class=\"mt-3 space-y-1\">\n                            <ResponsiveNavLink :href=\"'/u/' + username\" class=\"text-white\">\n                                Profile\n                            </ResponsiveNavLink>\n                            <ResponsiveNavLink\n                                :href=\"route('logout')\"\n                                method=\"post\"\n                                as=\"button\"\n                                class=\"text-white\"\n                            >\n                                Log Out\n                            </ResponsiveNavLink>\n                        </div>\n                    </div>\n                </div>\n            </nav>\n\n            <!-- Page Heading -->\n            <header\n                class=\"bg-white shadow\"\n                v-if=\"$slots.header\"\n            >\n                <div class=\"mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8\">\n                    <slot name=\"header\" />\n                </div>\n            </header>\n\n            <!-- Page Content -->\n            <main class=\"pt-16\">\n                <slot />\n            </main>\n        </div>\n    </div>\n</template>\n\n<style>\n.navigation-logo {\n    height: 20px;\n}\n</style>\n"],"names":["props","__props","open","ref","dropdownRef","closeOnEscape","e","handleClickOutside","event","onMounted","onUnmounted","widthClass","computed","alignmentClasses","classes","render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","page","usePage","showingNavigationDropdown","user","_b","_a","notifications","_d","_c","username","unreadCount","toggleMenu","nextTick"],"mappings":"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","x_google_ignoreList":[3,4,5,6,7,8,9,10,11,12,13]}