@php
    $current = $row->status;
    $currentId = $current->id ?? null;
    $currentColor = $current->color_code ?? '#F59E0B';
    $currentLabel = $current->display_name ?? $current->name ?? 'Pending';
    $statusUrl = route('admin.users.team-owners.update-status', $row->id);
@endphp

<div class="dropdown_table team-status-dropdown">
    <div class="drop-btn" data-id="{{ $row->id }}" data-current="{{ $currentId }}" data-status-url="{{ $statusUrl }}"
        style="width:auto;min-width:130px;border-color:{{ $currentColor }}55;background-color:{{ $currentColor }}1A;color:{{ $currentColor }};">
        <span class="selectedText">{{ $currentLabel }}</span>
        <span class="arrow">
            <svg width="20" height="20" viewBox="0 0 24 24">
                <path fill="currentColor" d="M12.7071 14.7071L6.29289 9.70711C5.90237 9.31658 5.90237 8.68342 6.29289 8.29289C6.68342 7.90237 7.31658 7.90237 7.70711 8.29289L12 12.5858L16.2929 8.29289C16.6834 7.90237 17.3166 7.90237 17.7071 8.29289C18.0976 8.68342 18.0976 9.31658 17.7071 9.70711L12.7071 14.7071Z" />
            </svg>
        </span>
    </div>
    <div class="dropdown-menu">
        @foreach ($teamStatuses as $status)
            <div class="option{{ $currentId === $status->id ? ' selected' : '' }}" data-value="{{ $status->id }}"
                data-color="{{ $status->color_code }}" style="color:{{ $status->color_code }};">
                {{ $status->display_name ?? $status->name }}
            </div>
        @endforeach
    </div>
</div>