mapper wip

resources/views/filament/tables/columns/mapper-left-column.blade.php

@@ -0,0 +1,8 @@
+<div x-data="{}" x-sortable.x-on:end="console.log('Dropped!', $event.detail)" class="w-full">
+    <div x-sortable-handle x-sortable-item class="bg-white p-4 cursor-grab flex flex-row flex justify-between">
+        <div class="basis-9/20 text-right">{{ $record->home->name }}</div>
+        <div class="basis-1/20 text-center">-</div>
+        <div class="basis-9/20">{{ $record->away->name }}</div>
+        <div class="basis-1/20"> <x-filament::icon-button icon="heroicon-o-arrows-pointing-out" /></div>
+    </div>
+</div>

resources/views/filament/tables/columns/mapper-right-column.blade.php

@@ -0,0 +1,12 @@
+<div x-data="{}" x-sortable.x-on:end="console.log('Dropped!', $event.detail)" class="w-full">
+    <div x-sortable-handle x-sortable-item class="bg-white p-2 cursor-grab grid grid-cols-10 grid-rows-2 gap-1">
+        <div class="row-span-2 text-left"> <x-filament::icon-button icon="heroicon-o-arrows-pointing-out"
+                class="my-auto" /></div>
+        <div class="col-span-4 text-right">{{ $record->home }}</div>
+        <div class="text-center">-</div>
+        <div class="col-span-4">{{ $record->away }}</div>
+        <div><x-flag-country-at class="h5 w-5" /></div>
+        <div class="col-span-8">{{ $record->country_betsapi?->name }}
+            {{ $record->group }}</div>
+    </div>
+</div>