@props([
    'tabs' => [],
    'active' => '',
    'baseUrl' => '',
    'param' => 'tab',
])

<div class="neo-status-tabs-wrap mb-2">
    <ul class="neo-status-tabs nav nav-tabs flex-nowrap">
        @foreach ($tabs as $key => $tab)
            <li class="nav-item flex-fill">
                <a class="nav-link neo-status-tab {{ $active === $key ? 'active' : '' }}"
                    href="{{ $baseUrl }}?{{ $param }}={{ $key }}"
                    data-tab="{{ $key }}"
                    data-color="{{ $tab['color'] ?? 'primary' }}">
                    @if (! empty($tab['icon']))
                        <i class="{{ $tab['icon'] }} neo-status-tab-icon"></i>
                    @endif
                    <span class="neo-status-tab-label">{{ $tab['label'] }}</span>
                    <span class="neo-status-tab-count badge badge-{{ $tab['color'] ?? 'primary' }}">
                        {{ $tab['count'] ?? 0 }}
                    </span>
                </a>
            </li>
        @endforeach
    </ul>
</div>