@if ($record->event_bookmaker?->is_swopped)
    <div {{ $getExtraAttributeBag() }} class="flex flex-col gap-2 w-full">
        <div class="flex flex-1 gap-1  items-center">
            @if ($record->home->betsapi_image_id)
                <img src="https://assets.b365api.com/images/team/m/{{ $record->home->betsapi_image_id }}.png"
                    class="h-4">
            @endif
            <div>{{ $record->away?->name }}</div>
            <div>-</div>
            @if ($record->away->betsapi_image_id)
                <img src="https://assets.b365api.com/images/team/m/{{ $record->away->betsapi_image_id }}.png"
                    class="h-4">
            @endif
            <div>{{ $record->home?->name }}</div>
        </div>
        <div class="text-gray-600 dark:!text-gray-400 text-xs">{{ $record->group?->name }}</div>
    </div>
@else
    <div {{ $getExtraAttributeBag() }} class="flex flex-col gap-2 w-full">
        <div class="flex flex-1 gap-1  items-center">
            @if ($record->home->betsapi_image_id)
                <img src="https://assets.b365api.com/images/team/m/{{ $record->home->betsapi_image_id }}.png"
                    class="h-4">
            @endif
            <div>{{ $record->home?->name }}</div>
            <div>-</div>
            @if ($record->away->betsapi_image_id)
                <img src="https://assets.b365api.com/images/team/m/{{ $record->away->betsapi_image_id }}.png"
                    class="h-4">
            @endif
            <div>{{ $record->away?->name }}</div>
        </div>
        <div class="text-gray-600 dark:!text-gray-400 text-xs">{{ $record->group?->name }}</div>
    </div>
@endif