50 lines
2.1 KiB
PHP
50 lines
2.1 KiB
PHP
<li class="w-full h-full overflow-hidden p-1 cursor-grab flex
|
|
space-x-4 drag-and-drop__item px-4"
|
|
x-data="{ moveoverright: false }" id={{ $record->event_id }}
|
|
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-primary-500/20!' : ''"
|
|
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 });"
|
|
draggable="true" mapper="right">
|
|
|
|
@include('filament.tables.columns.parts.move-botton')
|
|
|
|
@include('filament.tables.columns.parts.search-button-right', [
|
|
'find' => $record->home,
|
|
])
|
|
|
|
<div class="flex-1 flex flex-col justify-center space-y-0">
|
|
<div class="flex justify-around text-gray-600 dark:text-gray-500">
|
|
<div>{{ $record->starttime }}</div>
|
|
<div>{{ $record->event_id }}</div>
|
|
</div>
|
|
<div class="flex justify-center space-x-4">
|
|
<div class="text-right font-bold text-wrap">{{ $record->home }}</div>
|
|
<div class="w-6 text-center">-</div>
|
|
<div class="text-left font-bold text-wrap">{{ $record->away }}</div>
|
|
</div>
|
|
<div class="flex justify-center space-x-4 text-gray-600 dark:text-gray-500">
|
|
<div>{{ $record->country }}</div>
|
|
<div>{{ $record->country_betsapi?->name }}</div>
|
|
<div>{{ $record->group }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
@include('filament.tables.columns.parts.search-button-right', [
|
|
'find' => $record->away,
|
|
])
|
|
|
|
<div class="w-6 flex-none mx-auto my-auto">
|
|
@if ($record->group_cc)
|
|
<x-icon name="flag-country-{{ $record->group_cc }}" class="h5 w-5" />
|
|
@endif
|
|
</div>
|
|
</li>
|