@php
    $formId = $formId ?? 'logout-form-' . uniqid();
@endphp

<form id="{{ $formId }}" action="{{ route('logout') }}" method="POST" style="display: none;">
    @csrf
</form>

@if($as === 'link')
    <a class="{{ $class }}" href="#" onclick="event.preventDefault(); document.getElementById('{{ $formId }}').submit();">
        @if($icon)
            <i class="{{ $icon }} me-2"></i>
        @endif
        {{ $text }}
    </a>
@elseif($as === 'button')
    <button type="button" class="{{ $class }}" onclick="document.getElementById('{{ $formId }}').submit();">
        @if($icon)
            <i class="{{ $icon }} me-2"></i>
        @endif
        {{ $text }}
    </button>
@else
    {{-- Default: dropdown item --}}
    <a class="{{ $class }}" href="#" onclick="event.preventDefault(); document.getElementById('{{ $formId }}').submit();">
        @if($icon)
            <i class="{{ $icon }} me-2"></i>
        @endif
        {{ $text }}
    </a>
@endif