@auth
    @php
        $logoutAction = "event.preventDefault(); let f = document.getElementById('logout-form-panel') || document.getElementById('logout-form'); if(f) { f.submit(); } else { let form = document.createElement('form'); form.method = 'POST'; form.action = '" . route('logout') . "'; let csrf = document.createElement('input'); csrf.type = 'hidden'; csrf.name = '_token'; csrf.value = '" . csrf_token() . "'; form.appendChild(csrf); document.body.appendChild(form); form.submit(); }";
    @endphp

    <div class="dropdown {{ $variant === 'panel' ? 'ms-auto' : '' }}">
        <button class="btn p-0 border-0 user-avatar-dropdown-toggle" type="button" id="userAvatarDropdown{{ $variant }}"
            data-bs-toggle="dropdown" aria-expanded="false">
            <div class="user-avatar-container">
                @if (auth()->user()->avatar_url)
                    <img src="{{ auth()->user()->avatar_url }}" alt="{{ auth()->user()->name }}" class="user-avatar">
                @else
                    <div class="user-avatar user-avatar-fallback">
                        {{ auth()->user()->initial }}
                    </div>
                @endif
            </div>
        </button>
        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userAvatarDropdown{{ $variant }}" style="z-index: 999999">
            @if ($variant === 'header')
                {{-- Header Dropdown İçeriği --}}
                <li>
                    <h6 class="dropdown-header">{{ auth()->user()->name }} {{ auth()->user()->last_name }}</h6>
                </li>
                <li>
                    <hr class="dropdown-divider">
                </li>
                <li>

                    <a class="dropdown-item" href="{{ route('profile.show') }}">
                        <i class="fa-solid fa-user me-2"></i> {{ t('profile') }}
                    </a>
                </li>
                <li>
                    <a class="dropdown-item" href="{{ route('panel') }}">
                        <i class="fa-solid fa-ranking-star me-2"></i> {{ t('panel') }}
                    </a>
                </li>
                @if (auth()->user()->isTeacher())
                    <li>
                        <a class="dropdown-item" href="{{ route('panel.teacher') }}">
                            <i class="fa-solid fa-chalkboard-user me-2"></i> {{ t('teacher-panel', 'Panel de Profesor') }}
                        </a>
                    </li>
                @endif
                <li>
                    <a class="dropdown-item" href="{{ route('mycharts.index') }}">
                        <i class="fa-solid fa-earth-europe me-2"></i> {{ t('my-maps') }}
                    </a>
                </li>
                {{-- <li>
                    <a class="dropdown-item" href="#">
                        <i class="fa-solid fa-gear me-2"></i> {{ t('settings') }}
                    </a>
                </li> --}}
                {{-- <li>
                    <a class="dropdown-item" href="#">
                        <i class="fa-solid fa-file-lines me-2"></i> {{ t('my-reports') }}
                    </a>
                </li> --}}
                {{-- Shop linki pasife alındı (gerektiğinde yorum satırından çıkarılabilir) --}}
                {{-- <li>
                    <a class="dropdown-item" href="{{ route('store.index') }}">
                        <i class="fa-solid fa-store me-2"></i> {{ t('store') }}
                    </a>
                </li> --}}
                <li>
                    <a class="dropdown-item" href="{{ route('cart.show') }}">
                        <i class="fa-solid fa-cart-shopping me-2"></i> {{ t('my-basket') }}
                    </a>
                </li>
                <li>
                    <a class="dropdown-item" href="{{ route('profile.ai_comments') }}">
                        <i class="fa-solid fa-comments me-2"></i> {{ t('my-comments') }}
                    </a>
                </li>
                @if (auth()->user()->hasActiveSubscription())
                    <li>
                        <a class="dropdown-item" href="{{ route('profile.balance') }}#subscription-status">
                            <i class="fa-solid fa-crown me-2"></i> {{ t('my-subscriptions') }}
                        </a>
                    </li>
                @endif
                <li>
                    <a class="dropdown-item" href="{{ route('profile.balance') }}">
                        <i class="fa-solid fa-wallet me-2"></i> {{ t('balance') }}
                    </a>
                </li>
                <li>
                    <hr class="dropdown-divider">
                </li>
                <li>
                    <a class="dropdown-item text-danger" href="#"
                        onclick="{!! $logoutAction !!}">
                        <i class="fa-solid fa-right-from-bracket me-2"></i> {{ t('log-out') }}
                    </a>
                </li>
            @elseif($variant === 'panel')
                {{-- Panel Dropdown İçeriği --}}
                <li>
                    <h6 class="dropdown-header">{{ auth()->user()->name }} {{ auth()->user()->last_name }}</h6>
                </li>
                <li>
                    <hr class="dropdown-divider">
                </li>
                <li>
                    <a class="dropdown-item" href="{{ route('profile.show') }}">
                        <i class="fa-solid fa-user me-2"></i> {{ t('profile') }}
                    </a>
                </li>
                <li>
                    <a class="dropdown-item" href="{{ route('panel') }}">
                        <i class="fa-solid fa-ranking-star me-2"></i> {{ t('panel') }}
                    </a>
                </li>
                @if (auth()->user()->isTeacher())
                    <li>
                        <a class="dropdown-item" href="{{ route('panel.teacher') }}">
                            <i class="fa-solid fa-chalkboard-user me-2"></i> {{ t('teacher-panel', 'Panel de Profesor') }}
                        </a>
                    </li>
                @endif
                <li>
                    <a class="dropdown-item" href="{{ route('mycharts.index') }}">
                        <i class="fa-solid fa-earth-europe me-2"></i> {{ t('my-maps') }}
                    </a>
                </li>
                {{-- <li>
                    <a class="dropdown-item" href="#">
                        <i class="fa-solid fa-gear me-2"></i> {{ t('settings') }}
                    </a>
                </li> --}}
                {{-- <li>
                    <a class="dropdown-item" href="#">
                        <i class="fa-solid fa-file-lines me-2"></i> {{ t('my-reports') }}
                    </a>
                </li> --}}
                {{-- Shop linki pasife alındı (gerektiğinde yorum satırından çıkarılabilir) --}}
                {{-- <li>
                    <a class="dropdown-item" href="{{ route('store.index') }}">
                        <i class="fa-solid fa-store me-2"></i> {{ t('store') }}
                    </a>
                </li> --}}
                <li>
                    <a class="dropdown-item" href="{{ route('cart.show') }}">
                        <i class="fa-solid fa-cart-shopping me-2"></i> {{ t('my-basket') }}
                    </a>
                </li>
                <li>
                    <a class="dropdown-item" href="{{ route('profile.ai_comments') }}">
                        <i class="fa-solid fa-comments me-2"></i> {{ t('my-comments') }}
                    </a>
                </li>
                @if (auth()->user()->hasActiveSubscription())
                    <li>
                        <a class="dropdown-item" href="{{ route('profile.balance') }}#subscription-status">
                            <i class="fa-solid fa-crown me-2"></i> {{ t('my-subscriptions') }}
                        </a>
                    </li>
                @endif
                <li>
                    <a class="dropdown-item" href="{{ route('profile.balance') }}">
                        <i class="fa-solid fa-wallet me-2"></i> {{ t('balance') }}
                    </a>
                </li>
                <li>
                    <hr class="dropdown-divider">
                </li>
                <li>
                    <a class="dropdown-item text-danger" href="#"
                        onclick="{!! $logoutAction !!}">
                        <i class="fa-solid fa-right-from-bracket me-2"></i> {{ t('log-out') }}
                    </a>
                </li>
            @else
                {{-- Custom Dropdown İçeriği (Slot ile) --}}
                {{ $slot }}
            @endif
        </ul>
    </div>
@endauth