@props(['organization', 'component' => 'jet-dropdown-link'])

<form method="POST" action="{{ route('current-organization.update') }}">
    @method('PUT')
    @csrf

    <!-- Hidden organization ID -->
    <input type="hidden" name="organization_id" value="{{ $organization->id }}">

    <x-dynamic-component :component="$component" href="#" onclick="event.preventDefault(); this.closest('form').submit();">
        <div class="flex items-center">
            @if (Auth::user()->isCurrentorganization($organization))
                <svg class="mr-2 h-5 w-5 text-green-400" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
            @endif

            <div class="truncate">{{ $organization->name }}</div>
        </div>
    </x-dynamic-component>
</form>