em wip

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

@@ -9,11 +9,9 @@
     x-on:drop.prevent="
         const id = event.dataTransfer.getData('text/plain');
         const target = event.target.closest('li');
-        {{-- console.log(document.getElementById(id).getAttribute('mapper'), id, target.id, target.getAttribute('mapper')); --}}
         if(document.getElementById(id).getAttribute('mapper') !=target.getAttribute('mapper'))
-        $dispatch('mapchecker', { event_id: id, match_id:target.id });"
+        $wire.mountAction('left', { event_id: id, match_id: target.id });"
     draggable="true" mapper="left">
-    {{-- @livewire('child', ['matchid' => id])" --}}
 
     <div class="w-6 flex-none mx-auto my-auto">
         @if ($record->country->iso2)

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

@@ -10,10 +10,10 @@
     x-on:drop.prevent="
         const id = event.dataTransfer.getData('text/plain');
         const target = event.target.closest('li');
-        {{-- console.log(document.getElementById(id).getAttribute('mapper'), id, target.id, target.getAttribute('mapper'));" --}}
         if(document.getElementById(id).getAttribute('mapper') !=target.getAttribute('mapper'))
-        $dispatch('mapchecker', { match_id: id, event_id:target.id });"
+        $wire.mountAction('right', { match_id: id, event_id: target.id });"
     draggable="true" mapper="right">
+    {{-- console.log(document.getElementById(id).getAttribute('mapper'), id, target.id, target.getAttribute('mapper'));" --}}
     {{-- $dispatch('map-checker', { match_id: id, event_id:target.id });" --}}
 
     <div class="w-6 flex-none my-auto">

resources/views/livewire/confirm-mapping.blade.php

@@ -0,0 +1,22 @@
+<div>
+    <div class="grid grid-cols-3 gap-4 text-center text-xl">
+        <div>{{ $event->home->name }}</div>
+        <div class="row-span-2 text-center py-auto">
+            <div x-data="{ open: false, toggle() { this.open = !this.open } }" x-init="open = true">
+                <x-filament::button color="gray" outlined @click="toggle()">
+                    <div x-show="open">
+                        <x-icon-paralell class="h-16 w-16 mx-auto" />
+                    </div>
+                    <div x-show="!open">
+                        <x-icon-crossed class="h-16 w-16 mx-auto" />
+                    </div>
+                </x-filament::button>
+            </div>
+        </div>
+        <div>{{ $mapper->home }}</div>
+
+        <div>{{ $event->away->name }}</div>
+
+        <div>{{ $mapper->away }}</div>
+    </div>
+</div>

resources/views/livewire/mapchecker.blade.php

@@ -1,5 +0,0 @@
-<div @mapchecker.window="console.log('match_id', $event.detail.match_id, 'event_id', $event.detail.event_id);">
-    {{ $this->table }}
-</div>
-{{-- @notify="alert($event.detail.message)" --}}
-{{-- @wire.set --}}

resources/views/livewire/top-menu-items.blade.php

@@ -30,13 +30,6 @@
             </div>
         </x-filament::modal>
 
-
-        {{-- START MAP CHECKER MODAL --}}
-        <x-filament::modal @mapchecker.window="isOpen = true">
-            @livewire('mapchecker', ['match_id' => $event . detail . match_id])
-        </x-filament::modal>
-        {{-- END MAP CHECKER MODAL --}}
-
         <x-filament::dropdown class="mx-4">
             <x-slot name="trigger">
                 <x-filament::button outlined icon="heroicon-o-adjustments-horizontal" color="gray">