@foreach($professionals as $professional)
            <tr class="hover:bg-{{ $isDeactivated ? 'base-200' : 'base-300' }} transition-colors">
                <td class="px-4 py-2">{{ $professional->name }}</td>
                <td class="px-4 py-2">{{ $professional->surname1 }}</td>
                <td class="px-4 py-2">{{ $professional->surname2 }}</td>
                <td class="px-4 py-2">{{ $professional->dni }}</td>
                <td class="px-4 py-2">{{ $professional->address }}</td>
                <td class="px-4 py-2">{{ $professional->role }}</td>
                <td class="px-4 py-2">{{ $professional->phone }}</td>
                <td class="px-4 py-2">{{ $professional->email }}</td>
                <td class="px-4 py-2">
                    <span class="badge badge-dash h-auto whitespace-normal text-center {{ ($isDeactivated ? ($professional->employment_status === 'No Contractat') : ($professional->employment_status === 'Actiu')) ? 'badge-success' : 'badge-warning' }}">
                        {{ $professional->employment_status }}
                    </span>
                </td>
                <td class="px-4 py-2 text-right">
                    <div class="flex justify-end gap-2">
                        @if(!$isDeactivated)
                            <a href="{{ route('professional_show', $professional->id) }}" class="btn btn-xs btn-info">Veure</a>
                        @endif
                        @if($isDeactivated)
                            <form action="{{ route('professional_activate', $professional->id) }}" 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