@php
    $adminUser = request()->attributes->get('promo_admin_user');
    $canCustomers = $adminUser && ($adminUser->isSuperAdmin() || $adminUser->can('customers', 'view'));
    $canUsers = $adminUser && ($adminUser->isSuperAdmin() || $adminUser->can('users', 'view'));
    $canRoles = $adminUser && $adminUser->isSuperAdmin();
    $canBusinesses = $adminUser && ($adminUser->isSuperAdmin() || $adminUser->can('businesses', 'view'));
    $canBusinessSubcategories = $adminUser && ($adminUser->isSuperAdmin() || $adminUser->can('business_subcategories', 'view'));
    $canProducts = $adminUser && ($adminUser->isSuperAdmin() || $adminUser->can('products', 'view'));
    $canProductCategories = $adminUser && ($adminUser->isSuperAdmin() || $adminUser->can('product_categories', 'view'));
    $canOfferRequests = $adminUser && ($adminUser->isSuperAdmin() || $adminUser->can('offer_requests', 'view'));
@endphp
<aside
        :class="sidebarToggle ? 'translate-x-0 xl:w-[90px]' : '-translate-x-full'"
        class="sidebar fixed top-0 left-0 z-9999 flex h-screen w-[290px] flex-col overflow-y-auto border-r border-gray-200 bg-white px-5 transition-all duration-300 xl:static xl:translate-x-0 dark:border-gray-800 dark:bg-black"
        @click.outside="sidebarToggle = false"
>
    <!-- SIDEBAR HEADER -->
    <div
            :class="sidebarToggle ? 'justify-center' : 'justify-between'"
            class="sidebar-header flex items-center gap-2 pt-8 pb-7"
    >
        <a href="{{ route('admin.dashboard') }}">
            <span class="logo text-xl font-bold text-gray-800 dark:text-white" :class="sidebarToggle ? 'hidden' : ''">
                DüğünMarket
            </span>
            <span class="logo-icon text-2xl" :class="sidebarToggle ? 'xl:block' : 'hidden'">
                🎯
            </span>
        </a>
    </div>
    <!-- SIDEBAR HEADER -->

    <div class="no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear">
        <!-- Sidebar Menu -->
        <nav x-data="{
            selected: $persist('Dashboard'),
            currentPage: '{{ request()->path() }}',
            isActive(path) { return this.currentPage.includes(path); }
        }">
            <!-- Menu Group -->
            <div>
                <h3 class="mb-4 text-xs leading-[20px] text-gray-400 uppercase">
                    <span class="menu-group-title" :class="sidebarToggle ? 'xl:hidden' : ''">MENU</span>
                    <svg :class="sidebarToggle ? 'xl:block hidden' : 'hidden'" class="menu-group-icon mx-auto shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M5.99915 10.2451C6.96564 10.2451 7.74915 11.0286 7.74915 11.9951V12.0051C7.74915 12.9716 6.96564 13.7551 5.99915 13.7551C5.03265 13.7551 4.24915 12.9716 4.24915 12.0051V11.9951C4.24915 11.0286 5.03265 10.2451 5.99915 10.2451ZM17.9991 10.2451C18.9656 10.2451 19.7491 11.0286 19.7491 11.9951V12.0051C19.7491 12.9716 18.9656 13.7551 17.9991 13.7551C17.0326 13.7551 16.2491 12.9716 16.2491 12.0051V11.9951C16.2491 11.0286 17.0326 10.2451 17.9991 10.2451ZM13.7491 11.9951C13.7491 11.0286 12.9656 10.2451 11.9991 10.2451C11.0326 10.2451 10.2491 11.0286 10.2491 11.9951V12.0051C10.2491 12.9716 11.0326 13.7551 11.9991 13.7551C12.9656 13.7551 13.7491 12.9716 13.7491 12.0051V11.9951Z" />
                    </svg>
                </h3>

                <ul class="mb-6 flex flex-col gap-1">
                    <!-- Dashboard -->
                    <li>
                        <a href="{{ route('admin.dashboard') }}"
                           @click="selected = 'Dashboard'"
                           class="menu-item group {{ request()->routeIs('admin.dashboard') ? 'menu-item-active' : 'menu-item-inactive' }}">
                            <svg class="{{ request()->routeIs('admin.dashboard') ? 'menu-item-icon-active' : 'menu-item-icon-inactive' }} shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 3.25C4.25736 3.25 3.25 4.25736 3.25 5.5V8.99998C3.25 10.2426 4.25736 11.25 5.5 11.25H9C10.2426 11.25 11.25 10.2426 11.25 8.99998V5.5C11.25 4.25736 10.2426 3.25 9 3.25H5.5ZM4.75 5.5C4.75 5.08579 5.08579 4.75 5.5 4.75H9C9.41421 4.75 9.75 5.08579 9.75 5.5V8.99998C9.75 9.41419 9.41421 9.74998 9 9.74998H5.5C5.08579 9.74998 4.75 9.41419 4.75 8.99998V5.5ZM5.5 12.75C4.25736 12.75 3.25 13.7574 3.25 15V18.5C3.25 19.7426 4.25736 20.75 5.5 20.75H9C10.2426 20.75 11.25 19.7427 11.25 18.5V15C11.25 13.7574 10.2426 12.75 9 12.75H5.5ZM4.75 15C4.75 14.5858 5.08579 14.25 5.5 14.25H9C9.41421 14.25 9.75 14.5858 9.75 15V18.5C9.75 18.9142 9.41421 19.25 9 19.25H5.5C5.08579 19.25 4.75 18.9142 4.75 18.5V15ZM12.75 5.5C12.75 4.25736 13.7574 3.25 15 3.25H18.5C19.7426 3.25 20.75 4.25736 20.75 5.5V8.99998C20.75 10.2426 19.7426 11.25 18.5 11.25H15C13.7574 11.25 12.75 10.2426 12.75 8.99998V5.5ZM15 4.75C14.5858 4.75 14.25 5.08579 14.25 5.5V8.99998C14.25 9.41419 14.5858 9.74998 15 9.74998H18.5C18.9142 9.74998 19.25 9.41419 19.25 8.99998V5.5C19.25 5.08579 18.9142 4.75 18.5 4.75H15ZM15 12.75C13.7574 12.75 12.75 13.7574 12.75 15V18.5C12.75 19.7426 13.7574 20.75 15 20.75H18.5C19.7426 20.75 20.75 19.7427 20.75 18.5V15C20.75 13.7574 19.7426 12.75 18.5 12.75H15ZM14.25 15C14.25 14.5858 14.5858 14.25 15 14.25H18.5C18.9142 14.25 19.25 14.5858 19.25 15V18.5C19.25 18.9142 18.9142 19.25 18.5 19.25H15C14.5858 19.25 14.25 18.9142 14.25 18.5V15Z" />
                            </svg>
                            <span class="menu-item-text" :class="sidebarToggle ? 'xl:hidden' : ''">Anasayfa</span>
                        </a>
                    </li>

                    <!-- Müşteriler -->
                    @if($canCustomers)
                        <li>
                            <a href="{{ route('admin.customers.index') }}"
                               @click="selected = 'Müşteriler'"
                               class="menu-item group {{ request()->routeIs('admin.customers.*') ? 'menu-item-active' : 'menu-item-inactive' }}">
                                <svg class="{{ request()->routeIs('admin.customers.*') ? 'menu-item-icon-active' : 'menu-item-icon-inactive' }} shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3ZM12 13C8.69 13 6 15.69 6 19V21H18V19C18 15.69 15.31 13 12 13Z" />
                                </svg>
                                <span class="menu-item-text" :class="sidebarToggle ? 'xl:hidden' : ''">Müşteriler</span>
                            </a>
                        </li>
                    @endif

                    <!-- Kullanıcılar (dropdown: Kullanıcılar, Roller) -->
                    @if($canUsers || $canRoles)
                        <li x-data="{ open: currentPage.startsWith('admin/users') || currentPage.startsWith('admin/roles') }" x-init="$watch('currentPage', v => open = v.startsWith('admin/users') || v.startsWith('admin/roles'))" class="relative">
                            <button type="button" @click="open = !open"
                                    class="menu-item group w-full flex items-center justify-between rounded-lg transition-colors duration-200 {{ (request()->routeIs('admin.users.*') || request()->routeIs('admin.roles.*')) ? 'menu-item-active' : 'menu-item-inactive' }}">
                            <span class="flex items-center gap-3">
                                <svg class="{{ (request()->routeIs('admin.users.*') || request()->routeIs('admin.roles.*')) ? 'menu-item-icon-active' : 'menu-item-icon-inactive' }} shrink-0 transition-colors duration-200" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm-2 10a4 4 0 0 0-4 4v2h12v-2a4 4 0 0 0-4-4h-4z" />
                                </svg>
                                <span class="menu-item-text" :class="sidebarToggle ? 'xl:hidden' : ''">Kullanıcılar</span>
                            </span>
                                <svg class="shrink-0 w-4 h-4 transition-transform duration-200 ease-out" :class="(sidebarToggle ? 'xl:hidden ' : '') + (open ? 'rotate-180' : '')" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>
                            </button>
                            <ul x-show="open"
                                x-transition:enter="transition ease-out duration-200"
                                x-transition:enter-start="opacity-0 -translate-y-2"
                                x-transition:enter-end="opacity-100 translate-y-0"
                                x-transition:leave="transition ease-in duration-150"
                                x-transition:leave-start="opacity-100 translate-y-0"
                                x-transition:leave-end="opacity-0 -translate-y-2"
                                x-cloak
                                class="mt-2 ml-4 overflow-hidden rounded-lg bg-gray-50/80 py-1 dark:bg-gray-800/60"
                            >
                                @if($canUsers)
                                    <li>
                                        <a href="{{ route('admin.users.index') }}" @click="selected = 'Kullanıcılar'"
                                           class="flex items-center gap-2 px-3 py-2.5 text-sm transition-colors duration-150 rounded-md mx-1 {{ request()->routeIs('admin.users.*') && !request()->routeIs('admin.roles.*') ? 'bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200/80 hover:text-gray-900 dark:hover:bg-gray-700/60 dark:hover:text-white' }}">
                                            <span class="w-1.5 h-1.5 rounded-full {{ request()->routeIs('admin.users.*') && !request()->routeIs('admin.roles.*') ? 'bg-blue-500' : 'bg-transparent' }}"></span>
                                            Kullanıcılar
                                        </a>
                                    </li>
                                @endif
                                @if($canRoles)
                                    <li>
                                        <a href="{{ route('admin.roles.index') }}" @click="selected = 'Roller'"
                                           class="flex items-center gap-2 px-3 py-2.5 text-sm transition-colors duration-150 rounded-md mx-1 {{ request()->routeIs('admin.roles.*') ? 'bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200/80 hover:text-gray-900 dark:hover:bg-gray-700/60 dark:hover:text-white' }}">
                                            <span class="w-1.5 h-1.5 rounded-full {{ request()->routeIs('admin.roles.*') ? 'bg-blue-500' : 'bg-transparent' }}"></span>
                                            Roller
                                        </a>
                                    </li>
                                @endif
                            </ul>
                        </li>
                    @endif

                    <!-- İşletmeler (dropdown) -->
                    @if($canBusinesses || $canBusinessSubcategories)
                        <li x-data="{ open: currentPage.startsWith('admin/businesses') || currentPage.startsWith('admin/business-subcategories') || currentPage.startsWith('admin/service-subcategories') }" x-init="$watch('currentPage', v => open = v.startsWith('admin/businesses') || v.startsWith('admin/business-subcategories') || v.startsWith('admin/service-subcategories'))" class="relative">
                            <button type="button" @click="open = !open"
                                    class="menu-item group w-full flex items-center justify-between rounded-lg transition-colors duration-200 {{ (request()->routeIs('admin.businesses.*') || request()->routeIs('admin.business-subcategories.*') || request()->routeIs('admin.service-subcategories.*')) ? 'menu-item-active' : 'menu-item-inactive' }}">
                            <span class="flex items-center gap-3">
                                <svg class="{{ (request()->routeIs('admin.businesses.*') || request()->routeIs('admin.business-subcategories.*') || request()->routeIs('admin.service-subcategories.*')) ? 'menu-item-icon-active' : 'menu-item-icon-inactive' }} shrink-0 transition-colors duration-200" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4zm2 1v14h14V5H5zm2 2h2v2H7V7zm4 0h2v2h-2V7zm-4 4h2v2H7v-2zm4 0h2v2h-2v-2z" />
                                </svg>
                                <span class="menu-item-text" :class="sidebarToggle ? 'xl:hidden' : ''">İşletmeler</span>
                            </span>
                                <svg class="shrink-0 w-4 h-4 transition-transform duration-200 ease-out" :class="(sidebarToggle ? 'xl:hidden ' : '') + (open ? 'rotate-180' : '')" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>
                            </button>
                            <ul x-show="open"
                                x-transition:enter="transition ease-out duration-200"
                                x-transition:enter-start="opacity-0 -translate-y-2"
                                x-transition:enter-end="opacity-100 translate-y-0"
                                x-transition:leave="transition ease-in duration-150"
                                x-transition:leave-start="opacity-100 translate-y-0"
                                x-transition:leave-end="opacity-0 -translate-y-2"
                                x-cloak
                                class="mt-2 ml-4 overflow-hidden rounded-lg bg-gray-50/80 py-1 dark:bg-gray-800/60"
                            >
                                @if($canBusinesses)
                                    <li>
                                        <a href="{{ route('admin.businesses.index') }}" @click="selected = 'İşletmeler'"
                                           class="flex items-center gap-2 px-3 py-2.5 text-sm transition-colors duration-150 rounded-md mx-1 {{ request()->routeIs('admin.businesses.*') && !request()->routeIs('admin.business-subcategories.*') && !request()->routeIs('admin.service-subcategories.*') ? 'bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200/80 hover:text-gray-900 dark:hover:bg-gray-700/60 dark:hover:text-white' }}">
                                            <span class="w-1.5 h-1.5 rounded-full {{ request()->routeIs('admin.businesses.*') && !request()->routeIs('admin.business-subcategories.*') && !request()->routeIs('admin.service-subcategories.*') ? 'bg-blue-500' : 'bg-transparent' }}"></span>
                                            İşletmeler
                                        </a>
                                    </li>
                                @endif
                                @if($canBusinessSubcategories)
                                    <li>
                                        <a href="{{ route('admin.business-subcategories.index') }}" @click="selected = 'Mağaza kategorileri'"
                                           class="flex items-center gap-2 px-3 py-2.5 text-sm transition-colors duration-150 rounded-md mx-1 {{ request()->routeIs('admin.business-subcategories.*') ? 'bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200/80 hover:text-gray-900 dark:hover:bg-gray-700/60 dark:hover:text-white' }}">
                                            <span class="w-1.5 h-1.5 rounded-full {{ request()->routeIs('admin.business-subcategories.*') ? 'bg-blue-500' : 'bg-transparent' }}"></span>
                                            Mağaza kategorileri
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('admin.service-subcategories.index') }}" @click="selected = 'Hizmet kategorileri'"
                                           class="flex items-center gap-2 px-3 py-2.5 text-sm transition-colors duration-150 rounded-md mx-1 {{ request()->routeIs('admin.service-subcategories.*') ? 'bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200/80 hover:text-gray-900 dark:hover:bg-gray-700/60 dark:hover:text-white' }}">
                                            <span class="w-1.5 h-1.5 rounded-full {{ request()->routeIs('admin.service-subcategories.*') ? 'bg-blue-500' : 'bg-transparent' }}"></span>
                                            Hizmet kategorileri
                                        </a>
                                    </li>
                                @endif
                            </ul>
                        </li>
                    @endif

                    <!-- Ürünler (dropdown: Ürünler, Kategoriler) -->
                    @if($canProducts || $canProductCategories)
                        <li x-data="{ open: currentPage.startsWith('admin/products') || currentPage.startsWith('admin/product-categories') }" x-init="$watch('currentPage', v => open = v.startsWith('admin/products') || v.startsWith('admin/product-categories'))" class="relative">
                            <button type="button" @click="open = !open"
                                    class="menu-item group w-full flex items-center justify-between rounded-lg transition-colors duration-200 {{ (request()->routeIs('admin.products.*') || request()->routeIs('admin.product-categories.*')) ? 'menu-item-active' : 'menu-item-inactive' }}">
                            <span class="flex items-center gap-3">
                                <svg class="{{ (request()->routeIs('admin.products.*') || request()->routeIs('admin.product-categories.*')) ? 'menu-item-icon-active' : 'menu-item-icon-inactive' }} shrink-0 transition-colors duration-200" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M20 7h-4V4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v3H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zM10 4h4v3h-4V4zm10 16H4V9h16v11z" />
                                </svg>
                                <span class="menu-item-text" :class="sidebarToggle ? 'xl:hidden' : ''">Ürünler</span>
                            </span>
                                <svg class="shrink-0 w-4 h-4 transition-transform duration-200 ease-out" :class="(sidebarToggle ? 'xl:hidden ' : '') + (open ? 'rotate-180' : '')" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>
                            </button>
                            <ul x-show="open"
                                x-transition:enter="transition ease-out duration-200"
                                x-transition:enter-start="opacity-0 -translate-y-2"
                                x-transition:enter-end="opacity-100 translate-y-0"
                                x-transition:leave="transition ease-in duration-150"
                                x-transition:leave-start="opacity-100 translate-y-0"
                                x-transition:leave-end="opacity-0 -translate-y-2"
                                x-cloak
                                class="mt-2 ml-4 overflow-hidden rounded-lg bg-gray-50/80 py-1 dark:bg-gray-800/60"
                            >
                                @if($canProducts)
                                    <li>
                                        <a href="{{ route('admin.products.index') }}" @click="selected = 'Ürünler'"
                                           class="flex items-center gap-2 px-3 py-2.5 text-sm transition-colors duration-150 rounded-md mx-1 {{ request()->routeIs('admin.products.index') || request()->routeIs('admin.products.show') ? 'bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200/80 hover:text-gray-900 dark:hover:bg-gray-700/60 dark:hover:text-white' }}">
                                            <span class="w-1.5 h-1.5 rounded-full {{ request()->routeIs('admin.products.index') || request()->routeIs('admin.products.show') ? 'bg-blue-500' : 'bg-transparent' }}"></span>
                                            Ürünler
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('admin.products.trash') }}" @click="selected = 'Çöp kutusu'"
                                           class="flex items-center gap-2 px-3 py-2.5 text-sm transition-colors duration-150 rounded-md mx-1 {{ request()->routeIs('admin.products.trash') ? 'bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200/80 hover:text-gray-900 dark:hover:bg-gray-700/60 dark:hover:text-white' }}">
                                            <span class="w-1.5 h-1.5 rounded-full {{ request()->routeIs('admin.products.trash') ? 'bg-blue-500' : 'bg-transparent' }}"></span>
                                            Çöp kutusu
                                        </a>
                                    </li>
                                @endif
                                @if($canProductCategories)
                                    <li>
                                        <a href="{{ route('admin.product-categories.index') }}" @click="selected = 'Kategoriler'"
                                           class="flex items-center gap-2 px-3 py-2.5 text-sm transition-colors duration-150 rounded-md mx-1 {{ request()->routeIs('admin.product-categories.*') ? 'bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200/80 hover:text-gray-900 dark:hover:bg-gray-700/60 dark:hover:text-white' }}">
                                            <span class="w-1.5 h-1.5 rounded-full {{ request()->routeIs('admin.product-categories.*') ? 'bg-blue-500' : 'bg-transparent' }}"></span>
                                            Kategoriler
                                        </a>
                                    </li>
                                @endif
                            </ul>
                        </li>
                    @endif

                    <!-- Talepler (dropdown: Talepler, Çöp kutusu) -->
                    @if($canOfferRequests)
                        <li x-data="{ open: currentPage.startsWith('admin/offer-requests') }" x-init="$watch('currentPage', v => open = v.startsWith('admin/offer-requests'))" class="relative">
                            <button type="button" @click="open = !open"
                                    class="menu-item group w-full flex items-center justify-between rounded-lg transition-colors duration-200 {{ request()->routeIs('admin.offer-requests.*') ? 'menu-item-active' : 'menu-item-inactive' }}">
                            <span class="flex items-center gap-3">
                                <svg class="{{ request()->routeIs('admin.offer-requests.*') ? 'menu-item-icon-active' : 'menu-item-icon-inactive' }} shrink-0 transition-colors duration-200" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z" />
                                </svg>
                                <span class="menu-item-text" :class="sidebarToggle ? 'xl:hidden' : ''">Talepler</span>
                            </span>
                                <svg class="shrink-0 w-4 h-4 transition-transform duration-200 ease-out" :class="(sidebarToggle ? 'xl:hidden ' : '') + (open ? 'rotate-180' : '')" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>
                            </button>
                            <ul x-show="open"
                                x-transition:enter="transition ease-out duration-200"
                                x-transition:enter-start="opacity-0 -translate-y-2"
                                x-transition:enter-end="opacity-100 translate-y-0"
                                x-transition:leave="transition ease-in duration-150"
                                x-transition:leave-start="opacity-100 translate-y-0"
                                x-transition:leave-end="opacity-0 -translate-y-2"
                                x-cloak
                                class="mt-2 ml-4 overflow-hidden rounded-lg bg-gray-50/80 py-1 dark:bg-gray-800/60"
                            >
                                <li>
                                    <a href="{{ route('admin.offer-requests.index') }}" @click="selected = 'Talepler'"
                                       class="flex items-center gap-2 px-3 py-2.5 text-sm transition-colors duration-150 rounded-md mx-1 {{ request()->routeIs('admin.offer-requests.index') || request()->routeIs('admin.offer-requests.show') ? 'bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200/80 hover:text-gray-900 dark:hover:bg-gray-700/60 dark:hover:text-white' }}">
                                        <span class="w-1.5 h-1.5 rounded-full {{ request()->routeIs('admin.offer-requests.index') || request()->routeIs('admin.offer-requests.show') ? 'bg-blue-500' : 'bg-transparent' }}"></span>
                                        Talepler
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('admin.offer-requests.trash') }}" @click="selected = 'Çöp kutusu'"
                                       class="flex items-center gap-2 px-3 py-2.5 text-sm transition-colors duration-150 rounded-md mx-1 {{ request()->routeIs('admin.offer-requests.trash') ? 'bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200/80 hover:text-gray-900 dark:hover:bg-gray-700/60 dark:hover:text-white' }}">
                                        <span class="w-1.5 h-1.5 rounded-full {{ request()->routeIs('admin.offer-requests.trash') ? 'bg-blue-500' : 'bg-transparent' }}"></span>
                                        Çöp kutusu
                                    </a>
                                </li>
                            </ul>
                        </li>
                    @endif

                    <!-- Tanıtım İçerikleri (gelecek) -->
                </ul>
            </div>
        </nav>
        <!-- Sidebar Menu -->
    </div>
</aside>