@php
    $business = session('business_data', []);
    $businessName = $business['name'] ?? 'İşletme';
@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"
>
    <div :class="sidebarToggle ? 'justify-center' : 'justify-between'" class="sidebar-header flex items-center gap-2 pt-8 pb-7">
        <a href="{{ route('business.dashboard') }}">
            <span class="logo text-xl font-bold text-gray-800 dark:text-white" :class="sidebarToggle ? 'hidden' : ''">İşletme Paneli</span>
            <span class="logo-icon text-2xl" :class="sidebarToggle ? 'xl:block' : 'hidden'">🏪</span>
        </a>
    </div>

    <div class="no-scrollbar flex flex-1 flex-col overflow-y-auto">
        <nav x-data="{ selected: 'Dashboard', currentPage: '{{ request()->path() }}' }">
            <div>
                <h3 class="mb-4 text-xs leading-[20px] text-gray-400 uppercase">
                    <span class="menu-group-title" :class="sidebarToggle ? 'xl:hidden' : ''">MENÜ</span>
                </h3>
                <ul class="mb-6 flex flex-col gap-1">
                    <li>
                        <a href="{{ route('business.dashboard') }}"
                           class="menu-item group {{ request()->routeIs('business.dashboard') ? 'menu-item-active' : 'menu-item-inactive' }}">
                            <svg class="{{ request()->routeIs('business.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.5V9C3.25 10.2426 4.25736 11.25 5.5 11.25H9C10.2426 11.25 11.25 10.2426 11.25 9V5.5C11.25 4.25736 10.2426 3.25 9 3.25H5.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.5ZM12.75 5.5C12.75 4.25736 13.7574 3.25 15 3.25H18.5C19.7426 3.25 20.75 4.25736 20.75 5.5V9C20.75 10.2426 19.7426 11.25 18.5 11.25H15C13.7574 11.25 12.75 10.2426 12.75 9V5.5ZM15 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.75H15Z" />
                            </svg>
                            <span class="menu-item-text" :class="sidebarToggle ? 'xl:hidden' : ''">Dashboard</span>
                        </a>
                    </li>
                    <li>
                        <a href="{{ route('business.profile') }}"
                           class="menu-item group {{ request()->routeIs('business.profile*') ? 'menu-item-active' : 'menu-item-inactive' }}">
                            <svg class="{{ request()->routeIs('business.profile*') ? '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 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' : ''">Profilim</span>
                        </a>
                    </li>
                    <li>
                        <a href="{{ route('business.products.index') }}"
                           class="menu-item group {{ request()->routeIs('business.products.*') ? 'menu-item-active' : 'menu-item-inactive' }}">
                            <svg class="{{ request()->routeIs('business.products.*') ? '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 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ünlerim</span>
                        </a>
                    </li>
                    <li>
                        <a href="{{ route('business.offers.index') }}"
                           class="menu-item group {{ request()->routeIs('business.offers.*') ? 'menu-item-active' : 'menu-item-inactive' }}">
                            <svg class="{{ request()->routeIs('business.offers.*') ? '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 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>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</aside>