{"version":3,"file":"AppLayout-Dj7Hz3y7.js","sources":["../../../resources/js/InertiaComponents/ResponsiveNavLink.vue","../../../resources/js/InertiaComponents/NavLink.vue","../../../resources/js/Layouts/BookingLayouts/MainNavigation.vue","../../../resources/js/Layouts/BookingLayouts/AdminNavigation.vue"],"sourcesContent":["<script setup>\n    import { computed } from \"vue\";\n    import { Link } from \"@inertiajs/vue3\";\n\n    const props = defineProps({\n        active: Boolean,\n        href: String,\n        as: String,\n    });\n\n    const classes = computed(() => {\n        return props.active\n            ? \"block w-full ps-3 pe-4 py-2 border-l-4 border-orange-400 text-start text-base font-medium text-orange-700 bg-orange-50 focus:outline-hidden 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-gray-50 hover:border-gray-300 focus:outline-hidden 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    <div>\n        <button v-if=\"as === 'button'\" :class=\"classes\" class=\"w-full text-start\">\n            <slot />\n        </button>\n\n        <Link v-else :class=\"classes\" :href=\"href\">\n            <slot />\n        </Link>\n    </div>\n</template>\n","<script setup>\n    import { computed } from \"vue\";\n    import { Link } from \"@inertiajs/vue3\";\n\n    const props = defineProps({\n        href: String,\n        active: Boolean,\n    });\n\n    const classes = computed(() => {\n        return props.active\n            ? \"inline-flex items-center px-1 pt-1 border-b-2 border-orange-400 text-md font-medium leading-5 text-gray-400 focus:outline-hidden focus:border-orange-700 transition duration-150 ease-in-out\"\n            : \"inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-md font-medium leading-5 text-white hover:text-gray-300 hover:border-gray-300 focus:outline-hidden focus:text-gray-400 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","<template>\n    <nav class=\"bg-black\">\n        <!-- Primary Navigation Menu -->\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between h-16\">\n                <div class=\"flex\">\n                    <!-- Logo -->\n                    <div class=\"shrink-0 flex items-center\">\n                        <Link :href=\"route('bookings.home')\">\n                            <ApplicationMark class=\"block h-9 w-auto\" />\n                        </Link>\n                    </div>\n\n                    <!-- Navigation Links -->\n                    <div class=\"hidden space-x-8 sm:-my-px sm:ms-10 md:flex\">\n                        <NavLink :active=\"route().current('home')\" :href=\"route('bookings.home')\"> Home </NavLink>\n\n                        <NavLink :active=\"route().current('bookings.event.view')\" :href=\"route('bookings.event.view')\">\n                            Events\n                        </NavLink>\n\n                        <NavLink\n                            v-if=\"!$page.props.auth.logged_in\"\n                            :active=\"route().current('login')\"\n                            :href=\"route('login')\"\n                        >\n                            Login\n                        </NavLink>\n\n                        <NavLink\n                            v-if=\"!$page.props.auth.logged_in\"\n                            :active=\"route().current('register')\"\n                            :href=\"route('register')\"\n                        >\n                            Register\n                        </NavLink>\n\n                        <NavLink\n                            v-if=\"$page.props.auth.logged_in\"\n                            :active=\"route().current('my-bookings')\"\n                            :href=\"route('my-bookings')\"\n                        >\n                            My Bookings\n                        </NavLink>\n\n                        <a\n                            :href=\"subscriptionsUrl\"\n                            class=\"inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-md font-medium leading-5 text-white hover:text-gray-300 hover:border-gray-300 focus:outline-hidden focus:text-gray-400 focus:border-gray-300 transition duration-150 ease-in-out\"\n                        >\n                            Subscriptions\n                        </a>\n                        <a\n                            class=\"inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-md font-medium leading-5 text-white hover:text-gray-300 hover:border-gray-300 focus:outline-hidden focus:text-gray-400 focus:border-gray-300 transition duration-150 ease-in-out\"\n                            href=\"https://thenerdhut.co.uk\"\n                        >\n                            Store\n                        </a>\n                    </div>\n                </div>\n\n                <div v-if=\"$page.props.auth.logged_in\" class=\"hidden md:flex sm:items-center sm:ms-6\">\n                    <!-- Settings Dropdown -->\n                    <div class=\"ms-3 relative\">\n                        <Dropdown align=\"right\" width=\"48\">\n                            <template #trigger>\n                                <button\n                                    v-if=\"$page.props.jetstream.managesProfilePhotos\"\n                                    class=\"flex text-sm border-2 border-transparent rounded-full focus:outline-hidden focus:border-gray-300 transition\"\n                                >\n                                    <img\n                                        :alt=\"$page.props.auth.user.name\"\n                                        :src=\"$page.props.auth.user.profile_photo_url\"\n                                        class=\"h-8 w-8 rounded-full object-cover\"\n                                    />\n                                </button>\n\n                                <span v-else class=\"inline-flex rounded-md\">\n                                    <button\n                                        class=\"inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:text-gray-700 focus:outline-hidden focus:bg-gray-50 active:bg-gray-50 transition ease-in-out duration-150\"\n                                        type=\"button\"\n                                    >\n                                        {{ $page.props.auth.user.name }}\n\n                                        <svg\n                                            class=\"ms-2 -me-0.5 h-4 w-4\"\n                                            fill=\"none\"\n                                            stroke=\"currentColor\"\n                                            stroke-width=\"1.5\"\n                                            viewBox=\"0 0 24 24\"\n                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                        >\n                                            <path\n                                                d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\"\n                                                stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"\n                                            />\n                                        </svg>\n                                    </button>\n                                </span>\n                            </template>\n\n                            <template #content>\n                                <!-- Account Management -->\n                                <div class=\"block px-4 py-2 text-xs text-gray-400\">Manage Account</div>\n\n                                <DropdownLink :href=\"route('profile.show')\"> Profile </DropdownLink>\n\n                                <div class=\"border-t border-gray-200\" />\n\n                                <!-- Authentication -->\n                                <form @submit.prevent=\"logout\">\n                                    <DropdownLink as=\"button\"> Log Out </DropdownLink>\n                                </form>\n                            </template>\n                        </Dropdown>\n                    </div>\n                </div>\n\n                <!-- Hamburger -->\n                <div class=\"-me-2 flex items-center md:hidden\">\n                    <button\n                        class=\"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out\"\n                        @click=\"showingNavigationDropdown = !showingNavigationDropdown\"\n                    >\n                        <svg class=\"h-6 w-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path\n                                :class=\"{\n                                    hidden: showingNavigationDropdown,\n                                    'inline-flex': !showingNavigationDropdown,\n                                }\"\n                                d=\"M4 6h16M4 12h16M4 18h16\"\n                                stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\"\n                                stroke-width=\"2\"\n                            />\n                            <path\n                                :class=\"{\n                                    hidden: !showingNavigationDropdown,\n                                    'inline-flex': showingNavigationDropdown,\n                                }\"\n                                d=\"M6 18L18 6M6 6l12 12\"\n                                stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\"\n                                stroke-width=\"2\"\n                            />\n                        </svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <!-- Responsive Navigation Menu -->\n        <div :class=\"{ block: showingNavigationDropdown, hidden: !showingNavigationDropdown }\" class=\"md:hidden\">\n            <div class=\"pt-2 pb-3 space-y-1\">\n                <ResponsiveNavLink :active=\"route().current('bookings.home')\" :href=\"route('bookings.home')\">\n                    Home\n                </ResponsiveNavLink>\n                <ResponsiveNavLink\n                    :active=\"route().current('bookings.event.view')\"\n                    :href=\"route('bookings.event.view')\"\n                >\n                    Events\n                </ResponsiveNavLink>\n\n                <ResponsiveNavLink\n                    v-if=\"!$page.props.auth.logged_in\"\n                    :active=\"route().current('login')\"\n                    :href=\"route('login')\"\n                >\n                    Login\n                </ResponsiveNavLink>\n\n                <ResponsiveNavLink\n                    v-if=\"!$page.props.auth.logged_in\"\n                    :active=\"route().current('register')\"\n                    :href=\"route('register')\"\n                >\n                    Register\n                </ResponsiveNavLink>\n\n                <ResponsiveNavLink\n                    v-if=\"$page.props.auth.logged_in\"\n                    :active=\"route().current('my-bookings')\"\n                    :href=\"route('my-bookings')\"\n                >\n                    My Bookings\n                </ResponsiveNavLink>\n\n                <ResponsiveNavLink as=\"button\" @click=\"goToStore()\"> Store </ResponsiveNavLink>\n            </div>\n\n            <!-- Responsive Settings Options -->\n            <div v-if=\"$page.props.auth.logged_in\" class=\"pt-4 pb-1 border-t border-gray-200\">\n                <div class=\"flex items-center px-4\">\n                    <div>\n                        <div class=\"font-medium text-base text-white\">\n                            {{ $page.props.auth.user.name }}\n                        </div>\n                        <div class=\"font-medium text-sm text-gray-200\">\n                            {{ $page.props.auth.user.email }}\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"mt-3 space-y-1\">\n                    <ResponsiveNavLink :active=\"route().current('profile.show')\" :href=\"route('profile.show')\">\n                        Profile\n                    </ResponsiveNavLink>\n\n                    <!-- Authentication -->\n                    <form method=\"POST\" @submit.prevent=\"logout\">\n                        <ResponsiveNavLink as=\"button\"> Log Out </ResponsiveNavLink>\n                    </form>\n                </div>\n            </div>\n        </div>\n    </nav>\n</template>\n\n<script setup>\n    import ResponsiveNavLink from \"../../InertiaComponents/ResponsiveNavLink.vue\";\n    import ApplicationMark from \"../../InertiaComponents/ApplicationMark.vue\";\n    import NavLink from \"../../InertiaComponents/NavLink.vue\";\n    import Dropdown from \"../../InertiaComponents/Dropdown.vue\";\n    import DropdownLink from \"../../InertiaComponents/DropdownLink.vue\";\n    import { ref } from \"vue\";\n    import { Link, router } from \"@inertiajs/vue3\";\n\n    const showingNavigationDropdown = ref(false);\n    const subscriptionsUrl = import.meta.env.VITE_SUBSCRIPTIONS_APP_URL;\n\n    const logout = () => {\n        router.post(\n            route(\"logout\"),\n            {},\n            {\n                onFinish: () => {\n                    window.location.reload();\n                },\n            },\n        );\n    };\n</script>\n","<template>\n    <nav class=\"bg-red-900\">\n        <!-- Primary Navigation Menu -->\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between h-16\">\n                <div class=\"flex\">\n                    <div class=\"shrink-0 flex items-center text-white font-extrabold text-lg\">Admin Options:</div>\n\n                    <!-- Navigation Links -->\n                    <div class=\"hidden space-x-8 sm:-my-px sm:ms-10 md:flex\">\n                        <NavLink\n                            v-if=\"\n                                $page.props.auth.logged_in &&\n                                ($page.props.auth.user.roles.includes('Super Admin') ||\n                                    $page.props.auth.user.permissions.includes('admin spaces'))\n                            \"\n                            :active=\"route().current('booking.dashboard')\"\n                            :href=\"route('booking.dashboard')\"\n                        >\n                            Dashboard\n                        </NavLink>\n\n                        <NavLink\n                            v-if=\"\n                                $page.props.auth.logged_in &&\n                                ($page.props.auth.user.roles.includes('Super Admin') ||\n                                    $page.props.auth.user.permissions.includes('admin spaces'))\n                            \"\n                            :active=\"route().current('spaces')\"\n                            :href=\"route('spaces')\"\n                        >\n                            Tables!!!\n                        </NavLink>\n\n                        <NavLink\n                            v-if=\"\n                                $page.props.auth.logged_in &&\n                                ($page.props.auth.user.roles.includes('Super Admin') ||\n                                    $page.props.auth.user.permissions.includes('admin events'))\n                            \"\n                            :active=\"route().current('events')\"\n                            :href=\"route('events')\"\n                        >\n                            Events\n                        </NavLink>\n                    </div>\n                </div>\n\n                <!-- Hamburger -->\n                <div class=\"-me-2 flex items-center md:hidden\">\n                    <button\n                        class=\"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out\"\n                        @click=\"showingNavigationDropdown = !showingNavigationDropdown\"\n                    >\n                        <svg class=\"h-6 w-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path\n                                :class=\"{\n                                    hidden: showingNavigationDropdown,\n                                    'inline-flex': !showingNavigationDropdown,\n                                }\"\n                                d=\"M4 6h16M4 12h16M4 18h16\"\n                                stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\"\n                                stroke-width=\"2\"\n                            />\n                            <path\n                                :class=\"{\n                                    hidden: !showingNavigationDropdown,\n                                    'inline-flex': showingNavigationDropdown,\n                                }\"\n                                d=\"M6 18L18 6M6 6l12 12\"\n                                stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\"\n                                stroke-width=\"2\"\n                            />\n                        </svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <!-- Responsive Navigation Menu -->\n        <div :class=\"{ block: showingNavigationDropdown, hidden: !showingNavigationDropdown }\" class=\"md:hidden\">\n            <div class=\"pt-2 pb-3 space-y-1\">\n                <ResponsiveNavLink :active=\"route().current('home')\" :href=\"route('bookings.home')\">\n                    Home\n                </ResponsiveNavLink>\n                <ResponsiveNavLink\n                    v-if=\"\n                        $page.props.auth.logged_in &&\n                        ($page.props.auth.user.roles.includes('Super Admin') ||\n                            $page.props.auth.user.permissions.includes('admin spaces'))\n                    \"\n                    :active=\"route().current('dashboard')\"\n                    :href=\"route('spaces')\"\n                >\n                    Dashboard\n                </ResponsiveNavLink>\n\n                <ResponsiveNavLink\n                    v-if=\"\n                        $page.props.auth.logged_in &&\n                        ($page.props.auth.user.roles.includes('Super Admin') ||\n                            $page.props.auth.user.permissions.includes('admin spaces'))\n                    \"\n                    :active=\"route().current('spaces')\"\n                    :href=\"route('spaces')\"\n                >\n                    Tables\n                </ResponsiveNavLink>\n\n                <ResponsiveNavLink\n                    v-if=\"\n                        $page.props.auth.logged_in &&\n                        ($page.props.auth.user.roles.includes('Super Admin') ||\n                            $page.props.auth.user.permissions.includes('admin events'))\n                    \"\n                    :active=\"route().current('events')\"\n                    :href=\"route('events')\"\n                >\n                    Events\n                </ResponsiveNavLink>\n            </div>\n        </div>\n    </nav>\n</template>\n\n<script setup>\n    import ResponsiveNavLink from \"../../InertiaComponents/ResponsiveNavLink.vue\";\n    import NavLink from \"../../InertiaComponents/NavLink.vue\";\n    import { ref } from \"vue\";\n\n    const showingNavigationDropdown = ref(false);\n</script>\n"],"names":["props","__props","classes","computed","showingNavigationDropdown","ref","subscriptionsUrl","logout","router"],"mappings":"spBAII,MAAMA,EAAQC,EAMRC,EAAUC,EAAS,IACdH,EAAM,OACP,oPACA,sRACT,qUCVD,MAAMA,EAAQC,EAKRC,EAAUC,EAAS,IACdH,EAAM,OACP,+LACA,wPACT,kwCCuNK,MAAAI,EAA4BC,EAAI,EAAK,EACrCC,EAAmB,yCAEnBC,EAAS,IAAM,CACVC,EAAA,KACH,MAAM,QAAQ,EACd,CAAC,EACD,CACI,SAAU,IAAM,CACZ,OAAO,SAAS,OAAO,CAAA,CAC3B,CAER,CACJ,wsKC7GA,MAAMJ,EAA4BC,EAAI,EAAK"}