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

                @include('filament.tables.columns.fumetto-multiline.label', ['labels' => ['1X', '12', 'X2']])

                @php
                    $max = $getMax();
                    $min = $getMin();
                @endphp

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

                    @include('filament.tables.columns.fumetto-multiline.odds', [
                        'odd' => $item->dc1x,
                        'dec' => 2,
                        'max' => $item->dc1x >= $max['dc1x'] ? 1 : 0,
                        'min' => $item->dc1x <= $min['dc1x'] ? 1 : 0,
                    ])

                    @include('filament.tables.columns.fumetto-multiline.odds', [
                        'odd' => $item->dc12,
                        'dec' => 2,
                        'max' => $item->dc12 >= $max['dc12'] ? 1 : 0,
                        'min' => $item->dc12 <= $min['dc12'] ? 1 : 0,
                    ])

                    @include('filament.tables.columns.fumetto-multiline.odds', [
                        'odd' => $item->dcx2,
                        'dec' => 2,
                        'max' => $item->dcx2 >= $max['dcx2'] ? 1 : 0,
                        'min' => $item->dcx2 <= $min['dcx2'] ? 1 : 0,
                    ])

                    @include('filament.tables.columns.fumetto-multiline.odds', [
                        'odd' => $item->margin,
                        'dec' => 1,
                        'max' => false,
                        'min' => false,
                    ])
                    @if($i %2 == 0)
                    <div></div>
                    @endif
                @endforeach
            </div>
        </template>

        <x-filament::icon-button icon="phosphor-chat-centered-text" color="gray"
            x-tooltip.html="{
        content: () => $refs.template_dc_{{ $record->id }}.innerHTML,
        allowHTML: true,
        theme: $store.theme,
        appendTo: $root
    }" />
    </div>
@endif