<style>

    .ac .ac-trigger {
        color: #111;
        text-align: left;
        width: 100%;
        display: block;
        cursor: pointer;
        background-color: transparent;
        transition: color .25s ease;
        position: relative;
        text-decoration: none;
        margin: 0;
        border: 0
    }

    .ac .ac-trigger::after {
        content: "+";
        color: #ffffff;
        text-align: center;
        width: 15px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: absolute;
        right: 10px;
        top: 50%
    }

    .ac .ac-trigger:focus {
        color: #8a8a8a
    }

    .ac .ac-panel {
        overflow: hidden;
        transition-property: height, visibility;
        transition-timing-function: ease
    }

    .ac .ac-panel .ac-text {
        color: #111;
        padding: 8px;
        margin: 0
    }

    .ac.js-enabled .ac-panel {
        visibility: hidden
    }

    .ac.is-active .ac-panel {
        visibility: visible
    }

    .ac.is-active > .ac-header .ac-trigger::after {
        content: "–"
    }

</style>

<div id="sidebar-hover" class="z-[18] md:hidden hidden fixed top-0 bottom-0 left-0 right-0 bg-black/60"></div>
<section id="sidebar-menu" class="shrink-0 fixed overflow-x-hidden h-full md:h-fit overflow-y-auto z-[19] md:relative  md:w-[300px] -left-[300px] md:left-0  py-5 bg-gray-800 duration-300 border-e  flex flex-col gap-2 items-center">

    <div class="flex flex-col gap-1 p-2">
        <?php if (isset($component)) { $__componentOriginal71c6471fa76ce19017edc287b6f4508c = $component; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.application-logo','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('application-logo'); ?>
<?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([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal71c6471fa76ce19017edc287b6f4508c)): ?>
<?php $component = $__componentOriginal71c6471fa76ce19017edc287b6f4508c; ?>
<?php unset($__componentOriginal71c6471fa76ce19017edc287b6f4508c); ?>
<?php endif; ?>
        <span class="font-semibold text-white text-xl">MEC - Admin</span>
    </div>

    <ul class="w-full">
        <li class="w-full">
            <a href="<?php echo e(route('file-manager')); ?>" class="p-3 hover:bg-slate-100 hover:text-black duration-300 w-full flex items-center gap-2 text-gray-400
            <?php echo e(Route::currentRouteName() === 'file-manager' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                <i class="fa fa-folder-closed"></i>
                <span class="">File Manager</span>
                <i class="fa fa-caret-right ms-auto"></i>
            </a>
        </li>

        <li class="w-full">
            <a href="<?php echo e(route('index')); ?>" class="p-3 hover:bg-slate-100 hover:text-black duration-300 w-full flex items-center gap-2 text-gray-400
            <?php echo e(Route::currentRouteName() === 'index' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                <i class="fa fa-home"></i>
                <span class="">Dashboard</span>
                <i class="fa fa-caret-right ms-auto"></i>
            </a>
        </li>

        <li class="w-full text-gray-400 p-3">Content Management</li>

        <li class="w-full">
            <ul class="accordion-container w-full">
                <li class="ac">
                    <div class="ac-header hover:bg-slate-100 hover:text-black duration-300 font-semibold">
                        <button type="button" class="ac-trigger p-3">
                    <span class="flex items-center gap-2 text-gray-400">
                         <i class="fa fa-images"></i>
                    Slider
                    </span>

                        </button>
                    </div>
                    <ul class="ac-panel flex flex-col ">
                        <li class="">
                            <a href="<?php echo e(route('add-slider')); ?>" class="flex duration-300 items-center gap-2 ps-10 pe-3 py-2
                             hover:bg-slate-100 hover:text-black <?php echo e(Route::currentRouteName() === 'add-slider' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                                <i class="fa fa-plus-circle"></i>
                                Add Slider
                                <i class="fa fa-caret-right ms-auto"></i>

                            </a>
                        </li>

                        <li class="">
                            <a href="<?php echo e(route('list-sliders')); ?>" class="flex duration-300 items-center gap-2 ps-10 pe-3 py-2
                             hover:bg-slate-100 hover:text-black <?php echo e(Route::currentRouteName() === 'list-sliders' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                                <i class="fa fa-table-list"></i>
                                Manage Sliders
                                <i class="fa fa-caret-right ms-auto"></i>

                            </a>
                        </li>

                    </ul>
                </li>

                <li class="ac">
                    <div class="ac-header hover:bg-slate-100 hover:text-black duration-300 font-semibold">
                        <button type="button" class="ac-trigger p-3">
                    <span class="flex items-center gap-2 text-gray-400">
                         <i class="fa fa-people-group"></i>
                    Staff
                    </span>

                        </button>
                    </div>
                    <ul class="ac-panel flex flex-col ">
                        <li class="">
                            <a href="<?php echo e(route('add-staff')); ?>" class="flex duration-300 items-center gap-2 ps-10 pe-3 py-2
                             hover:bg-slate-100 hover:text-black <?php echo e(Route::currentRouteName() === 'add-staff' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                                <i class="fa fa-plus-circle"></i>
                                Add Staff
                                <i class="fa fa-caret-right ms-auto"></i>

                            </a>
                        </li>

                        <li class="">
                            <a href="<?php echo e(route('list-staffs')); ?>" class="flex duration-300 items-center gap-2 ps-10 pe-3 py-2
                             hover:bg-slate-100 hover:text-black <?php echo e(Route::currentRouteName() === 'list-staffs' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                                <i class="fa fa-table-list"></i>
                                Manage Staff
                                <i class="fa fa-caret-right ms-auto"></i>

                            </a>
                        </li>

                    </ul>
                </li>

                <li class="ac">
                    <div class="ac-header hover:bg-slate-100 hover:text-black duration-300 font-semibold">
                        <button type="button" class="ac-trigger p-3">
                    <span class="flex items-center gap-2 text-gray-400">
                         <i class="fa fa-chalkboard"></i>
                    Courses
                    </span>

                        </button>
                    </div>
                    <ul class="ac-panel flex flex-col ">
                        <li class="">
                            <a href="<?php echo e(route('add-course')); ?>" class="flex duration-300 items-center gap-2 ps-10 pe-3 py-2
                             hover:bg-slate-100 hover:text-black <?php echo e(Route::currentRouteName() === 'add-course' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                                <i class="fa fa-plus-circle"></i>
                                Add Course
                                <i class="fa fa-caret-right ms-auto"></i>

                            </a>
                        </li>

                        <li class="">
                            <a href="<?php echo e(route('list-courses')); ?>" class="flex duration-300 items-center gap-2 ps-10 pe-3 py-2
                             hover:bg-slate-100 hover:text-black <?php echo e(Route::currentRouteName() === 'list-courses' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                                <i class="fa fa-table-list"></i>
                                Manage Courses
                                <i class="fa fa-caret-right ms-auto"></i>

                            </a>
                        </li>

                    </ul>
                </li>

                <li class="ac">
                    <div class="ac-header hover:bg-slate-100 hover:text-black duration-300 font-semibold">
                        <button type="button" class="ac-trigger p-3">
                    <span class="flex items-center gap-2 text-gray-400">
                         <i class="fa fa-chalkboard"></i>
                    News
                    </span>

                        </button>
                    </div>
                    <ul class="ac-panel flex flex-col ">
                        <li class="">
                            <a href="<?php echo e(route('add-news')); ?>" class="flex duration-300 items-center gap-2 ps-10 pe-3 py-2
                             hover:bg-slate-100 hover:text-black <?php echo e(Route::currentRouteName() === 'add-news' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                                <i class="fa fa-plus-circle"></i>
                                Add News
                                <i class="fa fa-caret-right ms-auto"></i>

                            </a>
                        </li>

                        <li class="">
                            <a href="<?php echo e(route('list-news')); ?>" class="flex duration-300 items-center gap-2 ps-10 pe-3 py-2
                             hover:bg-slate-100 hover:text-black <?php echo e(Route::currentRouteName() === 'list-news' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                                <i class="fa fa-table-list"></i>
                                Manage News
                                <i class="fa fa-caret-right ms-auto"></i>

                            </a>
                        </li>

                    </ul>
                </li>

                <li class="ac">
                    <div class="ac-header hover:bg-slate-100 hover:text-black duration-300 font-semibold">
                        <button type="button" class="ac-trigger p-3">
                    <span class="flex items-center gap-2 text-gray-400">
                         <i class="fa fa-hands-helping"></i>
                    Testimonials
                    </span>

                        </button>
                    </div>
                    <ul class="ac-panel flex flex-col ">
                        <li class="">
                            <a href="<?php echo e(route('add-testimony')); ?>" class="flex duration-300 items-center gap-2 ps-10 pe-3 py-2
                             hover:bg-slate-100 hover:text-black <?php echo e(Route::currentRouteName() === 'add-testimony' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                                <i class="fa fa-plus-circle"></i>
                                Add Testimony
                                <i class="fa fa-caret-right ms-auto"></i>

                            </a>
                        </li>

                        <li class="">
                            <a href="<?php echo e(route('list-testimonies')); ?>" class="flex duration-300 items-center gap-2 ps-10 pe-3 py-2
                             hover:bg-slate-100 hover:text-black <?php echo e(Route::currentRouteName() === 'list-testimonies' ? 'bg-slate-100 text-black' : 'text-white'); ?>">
                                <i class="fa fa-table-list"></i>
                                Manage Testimonies
                                <i class="fa fa-caret-right ms-auto"></i>

                            </a>
                        </li>

                    </ul>
                </li>
            </ul>

        </li>

        <li class="w-full">
            <div class="flex flex-col p-3 items-center border-t text-gray-400">
                <span class="">Admin</span>
                <span class="text-xl"><?php echo e(Auth::user()->name); ?></span>
            </div>
        </li>

    </ul>
</section>

<script src="<?php echo e(asset('accordion/accordion.min.js')); ?>"></script>

<script>
    const accordion = new Accordion(".accordion-container", {
        showMultiple: true,
        openOnInit: [0,1,2,3,4],
    });
</script>
<?php /**PATH I:\Laravel\mec\resources\views/admin/layouts/sidebar.blade.php ENDPATH**/ ?>