<ul
    class="sidebar-nav py-4 mt-3 text-gray-600 h-[calc(100%-60px)] overflow-y-auto scrollbar-thin scrollbar-thumb-gray-500 scrollbar-track-gray-100 space-y-1">
    <!-- Dashboard -->
    <li class="text-sm font-medium px-4 space-y-1">
        <a href="/dashboard">
            <div
                class="dropdown-trigger  <?php echo e(Route::is('dashboard') ? 'sidebar-nav-active' : ''); ?>  active-trigger flex items-center gap-2 py-1.5 px-3 cursor-pointer rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">
                <i class="fa-solid fa-chart-line"></i>
                <h1 class="hideable">Dashboard</h1>
            </div>
        </a>
    </li>
    
    <li class="text-sm font-medium px-4 space-y-1">
        <a href="<?php echo e(route('pages.index')); ?>">
            <div
                class="dropdown-trigger  <?php echo e(Route::is('pages.index') ? 'sidebar-nav-active' : ''); ?>  active-trigger flex items-center gap-2 py-1.5 px-3 cursor-pointer rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">
                <i class="fa-regular fa-file-lines"></i>
                <h1 class="hideable">Pages</h1>
            </div>
        </a>
    </li>
    <!-- Element -->
    <li class="text-sm font-medium px-4 space-y-1">
        <div
            class="dropdown-trigger <?php echo e(Route::is('slider.*') || Route::is('service.index') || Route::is('faq.index') || Route::is('company.index') ? 'sidebar-nav-active' : ''); ?>  active-trigger flex items-center gap-2 py-1.5 px-3 cursor-pointer rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">
            <i class="fa-solid fa-layer-group"></i>
            <h1 class="hideable">Elements</h1>
            <i
                class="dropdown-icon hideable fa-solid fa-angle-down ml-auto rotate-0 transition-transform inline-block"></i>
        </div>
        <!-- Dashboard more -->
        <ul class="dropdown pl-4 ml-3 space-y-1"
            style="display:  <?php echo e(Route::is('slider.index') || Route::is('service.index') || Route::is('faq.index') || Route::is('company.index') ? 'block' : 'none'); ?>;">
            <li><a href="<?php echo e(route('slider.index')); ?>"
                    class="active-trigger  <?php echo e(Route::is('slider.index') ? 'sidebar-nav-active' : ''); ?>   relative inline-block w-full py-1 px-1 before:absolute before:top-1/2 before:left-0 before:w-1 before:h-1 before:rounded-full before:bg-gray-800 before:-translate-y-1/2 before:-translate-x-2 rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">Manage
                    Slider</a>
            </li>
            <li><a href="<?php echo e(route('service.index')); ?>"
                    class="active-trigger <?php echo e(Route::is('service.index') ? 'sidebar-nav-active' : ''); ?>  relative inline-block w-full py-1 px-1 before:absolute before:top-1/2 before:left-0 before:w-1 before:h-1 before:rounded-full before:bg-gray-800 before:-translate-y-1/2 before:-translate-x-2 rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">Manage
                    Service</a>
            </li>
            <li><a href="<?php echo e(route('faq.index')); ?>"
                    class="active-trigger <?php echo e(Route::is('faq.index') ? 'sidebar-nav-active' : ''); ?> relative inline-block w-full py-1 px-1 before:absolute before:top-1/2 before:left-0 before:w-1 before:h-1 before:rounded-full before:bg-gray-800 before:-translate-y-1/2 before:-translate-x-2 rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">Manage
                    FAQ</a>
            </li>
            <li><a href="<?php echo e(route('company.index')); ?>"
                    class="active-trigger <?php echo e(Route::is('company.index') ? 'sidebar-nav-active' : ''); ?> relative inline-block w-full py-1 px-1 before:absolute before:top-1/2 before:left-0 before:w-1 before:h-1 before:rounded-full before:bg-gray-800 before:-translate-y-1/2 before:-translate-x-2 rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">Manage
                    Company
                </a>
            </li>

        </ul>
    </li>
    <!-- Component -->
    <li class="text-sm font-medium px-4 space-y-1">
        <div
            class="dropdown-trigger <?php echo e(Route::is('component.*') ? 'sidebar-nav-active' : ''); ?>  active-trigger flex items-center gap-2 py-1.5 px-3 cursor-pointer rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">
            <i class="fa-solid fa-layer-group"></i>
            <h1 class="hideable">Comonent</h1>
            <i
                class="dropdown-icon hideable fa-solid fa-angle-down ml-auto rotate-0 transition-transform inline-block"></i>
        </div>
        <!-- Element more -->
        <ul class="dropdown pl-4 ml-3 space-y-1"
            style="display: <?php echo e(Route::is('component.index') ? 'block' : 'none'); ?>; ">
            <li><a href="<?php echo e(route('component.index')); ?>"
                    class="active-trigger  <?php echo e(Route::is('component.index') ? 'sidebar-nav-active' : ''); ?>   relative inline-block w-full py-1 px-1 before:absolute before:top-1/2 before:left-0 before:w-1 before:h-1 before:rounded-full before:bg-gray-800 before:-translate-y-1/2 before:-translate-x-2 rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">Manage
                    Comonent</a>
            </li>
        </ul>
    </li>
    <!-- Appearance -->
    <li class="text-sm font-medium px-4 space-y-1">
        <div
            class="dropdown-trigger <?php echo e(Route::is('component.*') ? 'sidebar-nav-active' : ''); ?>  active-trigger flex items-center gap-2 py-1.5 px-3 cursor-pointer rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">
            <i class="fa-solid fa-paintbrush"></i>
            <h1 class="hideable">Appearance</h1>
            <i
                class="dropdown-icon hideable fa-solid fa-angle-down ml-auto rotate-0 transition-transform inline-block"></i>
        </div>
        <!-- Element more -->
        <ul class="dropdown pl-4 ml-3 space-y-1" style="display: <?php echo e(Route::is('widget.index') ? 'block' : 'none'); ?>; ">
            <li><a href="<?php echo e(route('widget.index')); ?>"
                    class="active-trigger  <?php echo e(Route::is('widget.index') ? 'sidebar-nav-active' : ''); ?>   relative inline-block w-full py-1 px-1 before:absolute before:top-1/2 before:left-0 before:w-1 before:h-1 before:rounded-full before:bg-gray-800 before:-translate-y-1/2 before:-translate-x-2 rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">Manage
                    Widgets</a>
            </li>
            <li><a href="<?php echo e(route('theme-option.index')); ?>"
                    class="active-trigger  <?php echo e(Route::is('theme-option.index') ? 'sidebar-nav-active' : ''); ?>   relative inline-block w-full py-1 px-1 before:absolute before:top-1/2 before:left-0 before:w-1 before:h-1 before:rounded-full before:bg-gray-800 before:-translate-y-1/2 before:-translate-x-2 rounded-md hover:bg-blue-50 hover:text-blue-400 transition-colors">Theme
                    Option
                </a>
            </li>
        </ul>

    </li>

</ul>
<?php /**PATH /home/khawajashipping/mrglogisticsbd.com/resources/views/components/backend/navigation.blade.php ENDPATH**/ ?>