@if ($hasData())
    <div class="mx-3 my-auto">
        <template x-ref="template_1x2_{{ $record->id }}">
            <div class="grid grid-cols-5 grid-rows-5 gap-1 m-5 z-10">

                @include('filament.tables.columns.multiline.label', ['labels' => ['1', 'X', '2']])

                @foreach ($record->odds_3way as $item)
                    @include('filament.tables.columns.multiline.bkm', [
                        'bookmaker_id' => $item->bookmaker_id,
                        'icon' => $item->bookmaker->icon ?? '',
                    ])

                    @include('filament.tables.columns.multiline.odds', [
                        'odd' => $item->h3w,
                        'decimal' => 2,
                        'max' => $item?->max_h3w,
                        'min' => $item?->min_h3w,
                    ])

                    @include('filament.tables.columns.multiline.odds', [
                        'odd' => $item->d3w,
                        'decimal' => 2,
                        'max' => $item?->max_d3w,
                        'min' => $item?->min_d3w,
                    ])

                    @include('filament.tables.columns.multiline.odds', [
                        'odd' => $item->a3w,
                        'decimal' => 2,
                        'max' => $item?->max_a3w,
                        'min' => $item?->min_a3w,
                    ])

                    @include('filament.tables.columns.multiline.odds', [
                        'odd' => $item->margin,
                        'decimal' => 1,
                    ])
                @endforeach
            </div>
        </template>

        <x-filament::icon-button icon="heroicon-o-chat-bubble-left-ellipsis" color="gray"
            x-tooltip.html="{
        content: () => $refs.template_1x2_{{ $record->id }}.innerHTML,
        allowHTML: true,
        theme: $store.theme,
        appendTo: $root,
        interactive: true
    }" />
    </div>
@endif