@if ($record->event_bookmaker?->is_swopped)
    <div {{ $getExtraAttributeBag() }}>
        <div class="flex flex-1 gap-1 flex-wrap 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="w-full">
        <div class="flex flex-col gap-2 items-center">
            <div class="flex 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
                {{ $record->home?->name }}
            </div>
            <div class="flex  gap-1 items-center">
                @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
                {{ $record->away?->name }}
            </div>
        </div>
        {{-- <div class="text-gray-600 dark:!text-gray-400 text-xs">{{ $record->group?->name }}</div> --}}
    </div>
@endif