new mapper new colors

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

@@ -1,33 +1,31 @@
-<li class="cursor-grab drag-and-drop__item p-3 flex flex-1 gap-3 justify-between" 
-    id="{{ $record->event_id }}"
-    x-data="{ moveoverright: false }" 
+<li class="cursor-grab drag-and-drop__item p-3 flex flex-1 gap-3 justify-between" id="{{ $record->event_id }}"
+    x-data="{ moveoverright: false }"
     x-on:dragstart.self="
         dragging = true;
         event.dataTransfer.effectAllowed = 'move';
         event.dataTransfer.setData('text/plain', event.target.id);"
-    x-on:dragover.prevent="moveoverright = true" 
-    x-on:dragleave.prevent="moveoverright = false"
-    x-on:drop="moveoverright = false" :class="moveoverright ? 'bg-blue-600/20! rounded':''"
+    x-on:dragover.prevent="moveoverright = true" x-on:dragleave.prevent="moveoverright = false"
+    x-on:drop="moveoverright = false" :class="moveoverright ? 'bg-blue-600/20! rounded' : ''"
     x-on:drop.prevent="
         const id = event.dataTransfer.getData('text/plain');
         const target = event.target.closest('li');
         if(document.getElementById(id).getAttribute('mapper') !=target.getAttribute('mapper'))
         $wire.mountAction('right', { id: id, event_id: target.id, mover:'right' });"
-    draggable="true" 
-    mapper="right">
+    draggable="true" mapper="right">
 
-    <div class="grid grid-cols-3 gap-4">
-        @include('filament.tables.columns.parts.move-botton')
-        
-        @include('filament.tables.columns.parts.search-right', ['find' => $record->home, 'color' => 'away'])
-        
-        @include('filament.tables.columns.parts.search-right', ['find' => $record->away, 'color' => 'home'])
+    @include('filament.tables.columns.parts.move-botton')
 
-    </div>
+    <div class="flex justify-center gap-4 w-full my-calendar font-bold">
+        <x-filament::link x-on:click="search_left='{{ $record->home }}|success'" class="text-wrap text-right"
+            color="success" tooltip="Click to search">
+            {{ $record->home }}
+        </x-filament::link>
 
-    <div class="flex justify-center gap-4 w-full font-bold">
-        <div class="text-lime-500 text-wrap text-right">{{ $record->home }}</div>
         <div>-</div>
-        <div class="text-sky-500 text-wrap">{{ $record->away }}</div>
+        <x-filament::link x-on:click="search_left='{{ $record->away }}|warning'" class="text-wrap" color="warning"
+            tooltip="Click to search">
+            {{ $record->away }}
+        </x-filament::link>
+
     </div>
 </li>