33 lines
1.4 KiB
PHP
33 lines
1.4 KiB
PHP
<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: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">
|
|
|
|
<div class="grid grid-cols-3 gap-4">
|
|
@include('filament.tables.columns.parts.move-botton')
|
|
|
|
@include('filament.tables.columns.parts.search-right', ['find' => $record->away, 'color' => 'home'])
|
|
|
|
@include('filament.tables.columns.parts.search-right', ['find' => $record->home, 'color' => 'away'])
|
|
</div>
|
|
|
|
<div class="flex justify-center gap-4 w-full font-bold">
|
|
<div class="text-sky-500 text-wrap text-right">{{ $record->home }}</div>
|
|
<div>-</div>
|
|
<div class="text-lime-500 text-wrap">{{ $record->away }}</div>
|
|
</div>
|
|
</li>
|