@php
    $isActive = fn($routes) => request()->routeIs($routes);

    // Active State Logic
    $productOpen = $isActive(['backend.products.*', 'backend.categories.*', 'backend.animal-types.*']);
    $ordersOpen = $isActive(['backend.order-management.*']);
    $servicesOpen = $isActive(['backend.services-management.*']);
    $userMgmtOpen = $isActive(['backend.user-management.*', 'backend.users.*', 'backend.permissions.*']);
    $blogsOpen = $isActive(['backend.blog-list.*', 'backend.blog-category.*']);
    $pagesOpen = $isActive(['backend.splash-screen.*', 'backend.banner.*', 'backend.videos.*', 'backend.pages.*']);
    $settingsOpen = $isActive(['backend.setting-management.*', 'backend.settings.*']);
    $masterOpen = $isActive(['backend.master.*']);

    // Permission Logic
    $user = Auth::user();

    // Product Management
    $canReadProduct = $user->can('read', \App\Models\Product::class);
    $canReadCategory = $user->can('read', \App\Models\Category::class);
    $canReadAnimalType = $user->can('read', \App\Models\AnimalType::class);
    $canManageProducts = $canReadProduct || $canReadCategory || $canReadAnimalType;

    // Users & Roles
    $canReadRole = $user->can('read', \App\Models\Role::class);
    $canReadUser = $user->can('read', \App\Models\User::class);
    $canManageUsers = $canReadRole || $canReadUser;

    // Master
    $canReadVehicle = $user->can('read', \App\Models\Vehicle::class);
    $canReadVehicleType = $user->can('read', \App\Models\VehicleType::class);
    $canReadDriver = $user->can('read', \App\Models\Driver::class);
    $canReadBank = $user->can('read', \App\Models\Bank::class);
    $canManageMaster = $canReadVehicle || $canReadVehicleType || $canReadDriver || $canReadBank;

    // Pages
    $canReadSplashScreen = $user->can('read', \App\Models\SplashScreen::class);
    $canReadBanner = $user->can('read', \App\Models\Banner::class);
    $canReadVideo = $user->can('read', \App\Models\Video::class);
    $canManagePages = $canReadSplashScreen || $canReadBanner || $canReadVideo;

    // Individual Modules
    $canReadOrder = $user->can('read', \App\Models\Order::class);
    $canReadService = $user->can('read', \App\Models\OtherService::class);
    $canReadCustomer = $user->can('read', \App\Models\Customer::class);
    $canReadBlog = $user->can('read', \App\Models\Blog::class);
    $canReadReport = $user->can('read', \App\Models\Report::class);
    $canReadSetting = $user->can('read', \App\Models\Setting::class);
@endphp

<!-- ========== App Menu ========== -->
<div class="app-menu navbar-menu">
    <!-- LOGO -->
    <div class="navbar-brand-box">
        <a href="{{ route('backend.dashboard') }}" class="logo logo-dark">
            <span class="logo-sm">
                <img src="{{ asset('assets/template/images/logo/favicon-white.png') }}" alt="" height="50">
            </span>
            <span class="logo-lg">
                <img src="{{ asset('assets/template/images/logo/white-logo.png') }}" alt="" height="40">
            </span>
        </a>
        <a href="{{ route('backend.dashboard') }}" class="logo logo-light">
            <span class="logo-sm">
                <img src="{{ asset('assets/template/images/logo/favicon-white.png') }}" alt="" height="50">
            </span>
            <span class="logo-lg">
                <img src="{{ asset('assets/template/images/logo/white-logo.png') }}" alt="" height="40">
            </span>
        </a>
        <button type="button" class="btn btn-sm p-0 fs-20 header-item float-end btn-vertical-sm-hover"
            id="vertical-hover">
            <i class="bx bx-radio-circle-marked"></i>
        </button>
    </div>

    <div id="scrollbar">
        <div class="container-fluid">
            <div id="two-column-menu"></div>
            <ul class="navbar-nav" id="navbar-nav">

                {{-- Dashboard --}}
                <li class="nav-item">
                    <a class="nav-link menu-link {{ $isActive('backend.dashboard') ? 'active' : '' }}"
                        href="{{ route('backend.dashboard') }}">
                        <img src="{{ asset('assets/template/images/svg/dashboard.png') }}" alt="Dashboard"
                            class="sidebar-icons">
                        <span data-key="t-dashboards">Dashboard</span>
                    </a>
                </li>

                {{-- Product Management --}}
                @if ($canManageProducts)
                    <li class="nav-item">
                        <a class="nav-link menu-link manage-clients-link {{ $productOpen ? 'active' : '' }}"
                            href="#sidebarProduct" data-bs-toggle="collapse" role="button"
                            aria-expanded="{{ $productOpen ? 'true' : 'false' }}" aria-controls="sidebarProduct">
                            <img class="icon-light sidebar-icons"
                                src="{{ asset('assets/template/images/svg/product.png') }}" alt="Product">
                            <img class="icon-dark sidebar-icons"
                                src="{{ asset('assets/template/images/svg/product-1.png') }}" alt="Product">
                            <span data-key="t-product-management">Product Management</span>
                        </a>
                        <div class="menu-dropdown collapse {{ $productOpen ? 'show' : '' }}" id="sidebarProduct">
                            <ul class="nav nav-sm flex-column">
                                @if ($canReadProduct)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.products.index') }}"
                                            class="nav-link {{ $isActive('backend.products.*') ? 'active' : '' }}">
                                            Product
                                        </a>
                                    </li>
                                @endif
                                @if ($canReadCategory)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.categories.index') }}"
                                            class="nav-link {{ $isActive('backend.categories.*') ? 'active' : '' }}">
                                            Category
                                        </a>
                                    </li>
                                @endif
                                @if ($canReadAnimalType)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.animal-types.index') }}"
                                            class="nav-link {{ $isActive('backend.animal-types.*') ? 'active' : '' }}">
                                            Animal Type
                                        </a>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </li>
                @endif

                {{-- Orders --}}
                @if ($canReadOrder)
                    <li class="nav-item">
                        <a class="nav-link menu-link manage-clients-link {{ $ordersOpen ? 'active' : '' }}"
                            href="#sidebarOrders" data-bs-toggle="collapse" role="button"
                            aria-expanded="{{ $ordersOpen ? 'true' : 'false' }}" aria-controls="sidebarOrders">
                            <img class="icon-light sidebar-icons"
                                src="{{ asset('assets/template/images/svg/order.png') }}" alt="Orders">
                            <img class="icon-dark sidebar-icons"
                                src="{{ asset('assets/template/images/svg/order-1.png') }}" alt="Orders">
                            <span data-key="t-orders">Orders</span>
                        </a>
                        <div class="menu-dropdown collapse {{ $ordersOpen ? 'show' : '' }}" id="sidebarOrders">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('backend.order-management.index') }}"
                                        class="nav-link {{ $isActive(['backend.order-management.index', 'backend.order-management.details']) ? 'active' : '' }}">
                                        All Order
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('backend.order-management.invoice') }}"
                                        class="nav-link {{ $isActive(['backend.order-management.invoice', 'backend.order-management.invoice-details*', 'backend.order-management.pdf*']) ? 'active' : '' }}">
                                        Invoice
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                @endif
                
                {{-- Customers --}}
                @if ($canReadCustomer)
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ $isActive(['backend.customers.index', 'backend.customers.details']) ? 'active' : '' }}"
                            href="{{ route('backend.customers.index') }}">
                            <img src="{{ asset('assets/template/images/svg/customers.png') }}" alt="Customers"
                                class="sidebar-icons">
                            <span data-key="t-customers">Customers</span>
                        </a>
                    </li>
                @endif
                
                {{-- Payments --}}
                <li class="nav-item">
                    <a class="nav-link menu-link {{ $isActive(['backend.payments.index', 'backend.payments.download']) ? 'active' : '' }}"
                        href="{{ route('backend.payments.index') }}">
                        <img src="{{ asset('assets/template/images/svg/coupons.png') }}" alt="Payments"
                            class="sidebar-icons">
                        <span data-key="t-customers">Payments</span>
                    </a>
                </li>

                {{-- Other Services --}}
                @if ($canReadService)
                    <li class="nav-item">
                        <a class="nav-link menu-link manage-clients-link {{ $servicesOpen ? 'active' : '' }}"
                            href="#sidebarServices" data-bs-toggle="collapse" role="button"
                            aria-expanded="{{ $servicesOpen ? 'true' : 'false' }}" aria-controls="sidebarServices">
                            <img class="icon-light sidebar-icons"
                                src="{{ asset('assets/template/images/svg/services.png') }}" alt="Services">
                            <img class="icon-dark sidebar-icons"
                                src="{{ asset('assets/template/images/svg/services-1.png') }}" alt="Services">
                            <span data-key="t-other-services">Other Services</span>
                        </a>
                        <div class="menu-dropdown collapse {{ $servicesOpen ? 'show' : '' }}" id="sidebarServices">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('backend.services-management.category') }}"
                                        class="nav-link {{ $isActive('backend.services-management.category') ? 'active' : '' }}">
                                        Services Category
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('backend.services-management.index') }}"
                                        class="nav-link {{ $isActive(['backend.services-management.index', 'backend.services-management.add', 'backend.services-management.edit', 'backend.services-management.details']) ? 'active' : '' }}">
                                        Services List
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                @endif


                {{-- User Management --}}
                @if ($canManageUsers)
                    <li class="nav-item">
                        <a class="nav-link menu-link manage-clients-link {{ $userMgmtOpen ? 'active' : '' }}"
                            href="#sidebarUsers" data-bs-toggle="collapse" role="button"
                            aria-expanded="{{ $userMgmtOpen ? 'true' : 'false' }}" aria-controls="sidebarUsers">
                            <img class="icon-light sidebar-icons"
                                src="{{ asset('assets/template/images/svg/user-manage.png') }}"
                                alt="User Management">
                            <img class="icon-dark sidebar-icons"
                                src="{{ asset('assets/template/images/svg/user-manage-1.png') }}"
                                alt="User Management">
                            <span data-key="t-user-management">User Management</span>
                        </a>
                        <div class="menu-dropdown collapse {{ $userMgmtOpen ? 'show' : '' }}" id="sidebarUsers">
                            <ul class="nav nav-sm flex-column">
                                @if ($canReadRole)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.user-management.index') }}"
                                            class="nav-link {{ $isActive(['backend.user-management.*', 'backend.permissions.index']) ? 'active' : '' }}">
                                            Roles & Permissions
                                        </a>
                                    </li>
                                @endif
                                @if ($canReadUser)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.users.index') }}"
                                            class="nav-link {{ $isActive('backend.users.*') ? 'active' : '' }}">
                                            Users
                                        </a>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </li>
                @endif

                {{-- Master --}}
                @if ($canManageMaster)
                    <li class="nav-item">
                        <a class="nav-link menu-link manage-clients-link {{ $masterOpen ? 'active' : '' }}"
                            href="#sidebarMaster" data-bs-toggle="collapse" role="button"
                            aria-expanded="{{ $masterOpen ? 'true' : 'false' }}" aria-controls="sidebarMaster">
                            <img class="icon-light sidebar-icons"
                                src="{{ asset('assets/template/images/svg/truck.png') }}" alt="Master">
                            <img class="icon-dark sidebar-icons"
                                src="{{ asset('assets/template/images/svg/truck-1.png') }}" alt="Master">
                            <span data-key="t-master-management">Master</span>
                        </a>
                        <div class="menu-dropdown collapse {{ $masterOpen ? 'show' : '' }}" id="sidebarMaster">
                            <ul class="nav nav-sm flex-column">
                                @if ($canReadVehicle)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.master.index-vehicle') }}"
                                            class="nav-link {{ $isActive(['backend.master.index-vehicle', 'backend.master.*vehicle', '!backend.master.*vehicle-type']) ? 'active' : '' }}">
                                            Vehicle Master
                                        </a>
                                    </li>
                                @endif
                                @if ($canReadVehicleType)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.master.index-vehicle-type') }}"
                                            class="nav-link {{ $isActive(['backend.master.index-vehicle-type', 'backend.master.*vehicle-type']) ? 'active' : '' }}">
                                            Vehicle Type Master
                                        </a>
                                    </li>
                                @endif
                                @if ($canReadDriver)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.master.index-driver') }}"
                                            class="nav-link {{ $isActive(['backend.master.index-driver', 'backend.master.*driver']) ? 'active' : '' }}">
                                            Driver Master
                                        </a>
                                    </li>
                                @endif
                                @if ($canReadBank)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.master.index') }}"
                                            class="nav-link {{ $isActive(['backend.master.index', 'backend.master.*bank*']) ? 'active' : '' }}">
                                            Bank Master
                                        </a>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </li>
                @endif

                {{-- Blog --}}
                @if ($canReadBlog)
                    <li class="nav-item">
                        <a class="nav-link menu-link manage-clients-link {{ $blogsOpen ? 'active' : '' }}"
                            href="#sidebarBlogs" data-bs-toggle="collapse" role="button"
                            aria-expanded="{{ $blogsOpen ? 'true' : 'false' }}" aria-controls="sidebarBlogs">
                            <img class="icon-light sidebar-icons"
                                src="{{ asset('assets/template/images/svg/blog.png') }}" alt="Blog">
                            <img class="icon-dark sidebar-icons"
                                src="{{ asset('assets/template/images/svg/blog-1.png') }}" alt="Blog">
                            <span data-key="t-blog">Blog</span>
                        </a>
                        <div class="menu-dropdown collapse {{ $blogsOpen ? 'show' : '' }}" id="sidebarBlogs">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('backend.blog-category.index') }}"
                                        class="nav-link {{ $isActive('backend.blog-category.*') ? 'active' : '' }}">
                                        Blog Category
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('backend.blog-list.index') }}"
                                        class="nav-link {{ $isActive('backend.blog-list.*') ? 'active' : '' }}">
                                        Blog List
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                @endif

                {{-- Reports & Analytics
                @if ($canReadReport)
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ $isActive(['backend.report.index', 'backend.report.sales-product']) ? 'active' : '' }}"
                            href="{{ route('backend.report.index') }}">
                            <img src="{{ asset('assets/template/images/svg/report.png') }}" alt="Reports"
                                class="sidebar-icons">
                            <span data-key="t-reports">Reports &amp; Analytics</span>
                        </a>
                    </li>
                @endif --}}

                {{-- Coupons --}}
                <li class="nav-item">
                    <a class="nav-link menu-link" href="javascript:void(0);">
                        <img src="{{ asset('assets/template/images/svg/coupons.png') }}" alt="Coupons"
                            class="sidebar-icons">
                        <span data-key="t-coupons">Coupons</span>
                    </a>
                </li>

                {{-- Pages --}}
                @if ($canManagePages)
                    <li class="nav-item">
                        <a class="nav-link menu-link manage-clients-link {{ $pagesOpen ? 'active' : '' }}"
                            href="#sidebarPages" data-bs-toggle="collapse" role="button"
                            aria-expanded="{{ $pagesOpen ? 'true' : 'false' }}" aria-controls="sidebarPages">
                            <img class="icon-light sidebar-icons"
                                src="{{ asset('assets/template/images/svg/pages.png') }}" alt="Pages">
                            <img class="icon-dark sidebar-icons"
                                src="{{ asset('assets/template/images/svg/pages-1.png') }}" alt="Pages">
                            <span data-key="t-pages">Pages</span>
                        </a>
                        <div class="menu-dropdown collapse {{ $pagesOpen ? 'show' : '' }}" id="sidebarPages">
                            <ul class="nav nav-sm flex-column">
                                @if ($canReadSplashScreen)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.splash-screen.index') }}"
                                            class="nav-link {{ $isActive('backend.splash-screen.*') ? 'active' : '' }}">
                                            Splash screens
                                        </a>
                                    </li>
                                @endif
                                @if ($canReadBanner)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.banner.index') }}"
                                            class="nav-link {{ $isActive('backend.banner.*') ? 'active' : '' }}">
                                            Banners
                                        </a>
                                    </li>
                                @endif
                                @if ($canReadVideo)
                                    <li class="nav-item">
                                        <a href="{{ route('backend.videos.index') }}"
                                            class="nav-link {{ $isActive('backend.videos.*') ? 'active' : '' }}">
                                            Videos
                                        </a>
                                    </li>
                                @endif
                                <li class="nav-item">
                                    <a href="{{ route('backend.pages.legal-pages') }}"
                                        class="nav-link {{ $isActive('backend.pages.*') ? 'active' : '' }}">
                                        Legal Pages
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                @endif

                {{-- Settings --}}
                @if ($canReadSetting)
                    <li class="nav-item">
                        <a class="nav-link menu-link manage-clients-link {{ $settingsOpen ? 'active' : '' }}"
                            href="#settings" data-bs-toggle="collapse" role="button"
                            aria-expanded="{{ $settingsOpen ? 'true' : 'false' }}" aria-controls="settings">
                            <img class="icon-light sidebar-icons"
                                src="{{ asset('assets/template/images/svg/setting-1.svg') }}" alt="Settings">
                            <img class="icon-dark sidebar-icons"
                                src="{{ asset('assets/template/images/svg/setting-2.png') }}" alt="Settings">
                            <span data-key="t-settings">Settings</span>
                        </a>
                        <div class="menu-dropdown collapse {{ $settingsOpen ? 'show' : '' }}" id="settings">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('backend.setting-management.add') }}"
                                        class="nav-link {{ $isActive('backend.setting-management.add') ? 'active' : '' }}">
                                        App Setting
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('backend.setting-management.add-general-setting') }}"
                                        class="nav-link {{ $isActive('backend.setting-management.add-general-setting') ? 'active' : '' }}">
                                        General Setting
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                @endif

            </ul>
        </div>
    </div>
    <div class="sidebar-background"></div>
</div>
<!-- Left Sidebar End -->

<!-- Vertical Overlay-->
<div class="vertical-overlay"></div>