43 lines
1.8 KiB
PHP
43 lines
1.8 KiB
PHP
<li class="bg-white dark:bg-gray-900 w-full h-full overflow-hidden p-1 cursor-grab flex space-x-10 drag-and-drop__item"
|
|
mapper="left" id={{ $record->id }}
|
|
x-on:dragstart.self="
|
|
dragging = true;
|
|
event.dataTransfer.effectAllowed = 'move';
|
|
event.dataTransfer.setData('text/plain', event.target.id);"
|
|
x-on:drop.prevent="
|
|
const id = event.dataTransfer.getData('text/plain');
|
|
const target = event.target.closest('li');
|
|
console.log('left', id, target.id, target.getAttribute('mapper'));"
|
|
draggable="true">
|
|
|
|
<div class="w-6 flex-none mx-auto my-auto">
|
|
@if ($record->country->iso2)
|
|
<x-icon name="flag-country-{{ $record->country->iso2 }}" class="h5 w-5" />
|
|
@else
|
|
<x-icon name="{{ $record->country->icon }}" class="h5 w-5" />
|
|
@endif
|
|
</div>
|
|
|
|
<div class="flex-1 flex flex-col justify-center space-y-0">
|
|
<div class="flex justify-center text-primary-500">{{ $record->starttime }}</div>
|
|
<div class="flex justify-center space-x-4">
|
|
<div class="text-right font-bold">{{ $record->home->name }}</div>
|
|
<div class="w-6 text-center">-</div>
|
|
<div class="text-left font-bold">{{ $record->away->name }}</div>
|
|
</div>
|
|
<div class="flex justify-center space-x-4">
|
|
<div>{{ $record->country?->name }}</div>
|
|
<div>{{ $record->competition_group->name }}</div>
|
|
<x-filament::badge>
|
|
{{ $record->id }}
|
|
</x-filament::badge>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w-6 flex-none my-auto">
|
|
<x-filament::icon-button icon="heroicon-o-arrows-pointing-out" />
|
|
</div>
|
|
</li>
|
|
{{-- if(target.mapper =='left') --}}
|
|
{{-- $dispatch('map-checker',{ 'id': id, 'target':target.id });" --}}
|