@foreach($centers as $center)
            <tr class="hover:bg-{{ $isDeactivated ? 'base-200' : 'base-300' }} transition-colors">
                <td class="px-4 py-2 font-medium">{{ $center->name }}</td>
                <td class="px-4 py-2">{{ $center->address }}</td>
                <td class="px-4 py-2">{{ $center->phone }}</td>
                <td class="px-4 py-2">{{ $center->email }}</td>
                <td class="px-4 py-2 text-right">
                    <div class="flex justify-end gap-2">
                        @if(!$isDeactivated)
                            <a href="{{ route('center_show', $center) }}" class="btn btn-xs btn-info">Veure</a>
                        @endif
                        @if($isDeactivated)
                            <form action="{{ route('center_activate', $center) }}" method="POST" style="display:inline;">
                                @csrf
                                @method('PATCH')
                                <button type="submit" class="btn btn-xs btn-success">Activar</button>
                            </form>
                        @endif
                    </div>
                </td>
            </tr>
        @endforeach