Tabs Blade component, active state in foreach

<!-- Blade Page -->

<x-filament-panels::page>
  @php
    $entries = \App\Models\Model::all();
  @endphp
  
  <div x-data="{ tab: 'tab1' }">
      <x-filament::tabs>
          @foreach ($entries as $index => $entry)
              @php
                  $tabId = 'tab' . ($index + 1);
              @endphp
              <x-filament::tabs.item @click="tab = '{{ $tabId }}'" :active="'tab === {{ $tabId }}'" >
                  {{ $tabId }} Report
              </x-filament::tabs.item>
          @endforeach
      </x-filament::tabs>
  
      {{-- Tab Data Here --}}
  
  </div>
</x-filament-panels::page>