popup and grapper wip

resources/views/filament/tables/columns/multiline/fumetto.blade.php

@@ -0,0 +1,41 @@
+<div class="mx-3 my-auto" x-data="{ open: false }">
+    <div x-on:mouseover="open = true" x-on:mouseleave="open = false">
+        <x-filament::icon-button icon="heroicon-o-chat-bubble-left-ellipsis" color="alert gray" />
+    </div>
+    <div x-show="open" x-transition:enter="transition ease-out duration-200"
+        x-transition:enter-start="opacity-0 transform translate-y-2"
+        x-transition:enter-end="opacity-100 transform translate-y-0">
+        <div
+            class="absolute z-10 bg-gray-100 dark:bg-gray-800 p-5 border border-gray-300 dark:border-gray-900 rounded-md">
+            <div class="grid grid-cols-5 grid-rows-5 gap-2">
+
+                @foreach ($getFumetto() 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,
+                    ])
+
+                    @include('filament.tables.columns.multiline.odds', [
+                        'odd' => $item->d3w,
+                        'decimal' => 2,
+                    ])
+
+                    @include('filament.tables.columns.multiline.odds', [
+                        'odd' => $item->a3w,
+                        'decimal' => 2,
+                    ])
+
+                    @include('filament.tables.columns.multiline.odds', [
+                        'odd' => $item->margin,
+                        'decimal' => 1,
+                    ])
+                @endforeach
+            </div>
+        </div>
+    </div>
+</div>