<nav class="p-3 bg-white dark:bg-gray-800 w-full flex items-center justify-between shadow-sm border-b h-16">
    <ul class="flex items-center space-x-2">
        <li class="">
            <?php if (isset($component)) { $__componentOriginal71c6471fa76ce19017edc287b6f4508c = $component; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.secondary-button','data' => ['id' => 'sidebar-trigger']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('secondary-button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['id' => 'sidebar-trigger']); ?>
                <i class="fa fa-bars text-sm"></i>
             <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal71c6471fa76ce19017edc287b6f4508c)): ?>
<?php $component = $__componentOriginal71c6471fa76ce19017edc287b6f4508c; ?>
<?php unset($__componentOriginal71c6471fa76ce19017edc287b6f4508c); ?>
<?php endif; ?>
        </li>
    </ul>

    <ul class="flex items-center space-x-2">
        <li class="" >
            <?php if (isset($component)) { $__componentOriginal71c6471fa76ce19017edc287b6f4508c = $component; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.secondary-button','data' => ['id' => 'darkModeToggle']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('secondary-button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['id' => 'darkModeToggle']); ?>
                <i class="fa fa-moon text-sm"></i>
             <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal71c6471fa76ce19017edc287b6f4508c)): ?>
<?php $component = $__componentOriginal71c6471fa76ce19017edc287b6f4508c; ?>
<?php unset($__componentOriginal71c6471fa76ce19017edc287b6f4508c); ?>
<?php endif; ?>
        </li>
        <li class="" id="open-shortcut">
            <?php if (isset($component)) { $__componentOriginal71c6471fa76ce19017edc287b6f4508c = $component; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.secondary-button','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('secondary-button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
                <i class="fab fa-app-store text-sm"></i>
             <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal71c6471fa76ce19017edc287b6f4508c)): ?>
<?php $component = $__componentOriginal71c6471fa76ce19017edc287b6f4508c; ?>
<?php unset($__componentOriginal71c6471fa76ce19017edc287b6f4508c); ?>
<?php endif; ?>
        </li>

        <li class="relative">
            <div id="dropdown-trigger" class=" cursor-pointer rounded-full">
                <img src="<?php echo e(asset('guest.png')); ?>" alt="Icon" class="w-8 h-8 rounded-full">
            </div>
            <div id="dropdown-menu" class="z-10 invisible absolute min-w-[200px] shadow border bg-white right-0 rounded-md">
                <div class="flex p-3 border-b items-center justify-between gap-2">
                    <span class=""><?php echo e(Auth::user()->name); ?></span>
                    <div class="bg-red-500 rounded-md p-1 w-fit text-white text-sm font-semibold">Admin</div>
                </div>
                <ul  class="flex  flex-col gap-2">
                    <li class="flex items-center gap-2 py-2 px-3">
                        <i class="fa fa-power-off"></i>
                        <span class="font-semibold text-sm">Logout</span>
                    </li>
                    <li class="flex items-center gap-2 py-2 px-3">
                        <i class="fa fa-user-circle"></i>
                        <span class="font-semibold text-sm">Manage Profile</span>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
    <script>
        // On page load or when changing themes, best to add inline in `head` to avoid FOUC
        if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
            document.documentElement.classList.add('dark');
        } else {
            document.documentElement.classList.remove('dark');
        }

        // Function to toggle dark mode
        function toggleDarkMode() {
            const rootElement = document.documentElement;
            if (rootElement.classList.contains('dark')) {
                rootElement.classList.remove('dark');
                localStorage.theme = 'light';
            } else {
                rootElement.classList.add('dark');
                localStorage.theme = 'dark';
            }
        }

        // Event listener for the button click
        document.getElementById('darkModeToggle').addEventListener('click', toggleDarkMode);

    </script>
</nav>
<script>
    let dropdownTrigger=document.getElementById('dropdown-trigger')
    let dropdownMenu=document.getElementById('dropdown-menu')

    dropdownTrigger.addEventListener('click',toggleDropdown);

    function toggleDropdown() {
        dropdownMenu.classList.toggle('invisible')

    }

</script>

<section id="shortcut"
         class="invisible z-[16] flex bg-black/60 fixed top-0 border-gray-100 right-0 left-0 h-screen items-center justify-end">
    <article id="shortcut-article" class="w-[300px] duration-300 bg-white dark:bg-gray-800 shrink-0 h-screen -right-[300px] relative">
        <div class="h-16 w-full border-b p-3 flex items-center justify-between">
            <span class="font-semibold dark:text-white">Shortcut</span>
            <div class="" id="close-shortcut">
                <?php if (isset($component)) { $__componentOriginal71c6471fa76ce19017edc287b6f4508c = $component; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.secondary-button','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('secondary-button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
                    <i class="fa fa-close text-sm"></i>
                 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal71c6471fa76ce19017edc287b6f4508c)): ?>
<?php $component = $__componentOriginal71c6471fa76ce19017edc287b6f4508c; ?>
<?php unset($__componentOriginal71c6471fa76ce19017edc287b6f4508c); ?>
<?php endif; ?>
            </div>
        </div>
        <ul class="grid grid-cols-2 gap-2 p-3">
            <li class="">
                <a href="<?php echo e(route('index')); ?>"
                   class="w-full border bg-blue-500 text-white hover:bg-blue-500/90 duration-300 flex flex-col items-center justify-center py-5 rounded-3xl">
                    <i class="fa fa-home text-xl"></i>
                    <span class="font-semibold">Home</span>
                </a>

            </li>

            <li class="">
                <a href="<?php echo e(route('file-manager')); ?>"
                   class="w-full border bg-yellow-500 text-white hover:bg-yellow-500/90 duration-300 flex flex-col items-center justify-center py-5 rounded-3xl">
                    <i class="fa fa-folder text-xl"></i>
                    <span class="font-semibold">File Manager</span>
                </a>

            </li>

            <li class="">
                <a href="<?php echo e(route('file-manager')); ?>"
                   class="w-full border bg-red-500 text-white hover:bg-red-500/90 duration-300 flex flex-col items-center justify-center py-5 rounded-3xl">
                    <i class="fa fa-list text-xl"></i>
                    <span class="font-semibold">Admissions</span>
                </a>

            </li>

            <li class="">
                <a href="<?php echo e(route('file-manager')); ?>"
                   class="w-full border bg-green-500 text-white hover:bg-green-500/90 duration-300 flex flex-col items-center justify-center py-5 rounded-3xl">
                    <i class="fa fa-phone text-xl"></i>
                    <span class="font-semibold">Contact List</span>
                </a>

            </li>
        </ul>
    </article>
</section>


<script>
    let closeShortcut = document.getElementById('close-shortcut')
    let openShortcut = document.getElementById('open-shortcut')
    let shortcut = document.getElementById('shortcut')
    let shortcutArticle = document.getElementById('shortcut-article')

    closeShortcut.addEventListener('click', toggleShortcut)
    openShortcut.addEventListener('click', toggleShortcut)

    function toggleShortcut() {
        shortcut.classList.toggle('visible');
        shortcut.classList.toggle('invisible');
        shortcutArticle.classList.toggle('-right-[300px]');
        shortcutArticle.classList.toggle('right-0');
    }


</script>
<?php /**PATH I:\Laravel\mec\resources\views/admin/layouts/navbar.blade.php ENDPATH**/ ?>