Button on before.blade.php when releasing an event, deletes it

[jordivela007]

I'm trying to create a button that supports to drop an event. But i didn't get it.

before.blade.php

<div ondragenter="onLivewireCalendarEventDragEnter(event, 'trash', '2000', 'border border-blue-400 border-4');"
        ondragleave="onLivewireCalendarEventDragLeave(event, 'trash', '2000', 'border border-blue-400 border-4');"
        ondragover="onLivewireCalendarEventDragOver(event);"
        ondrop="onLivewireCalendarEventDrop(event, 'trash', '2000', '2000', '0', '00', 'border border-blue-400 border-4');"
        id="trash-2000" droppable="true">
        <button type="button" title="{{ __('Delete') }}" class="btn btn-square btn-outline btn-primary">
            <x-heroicon-o-trash />
        </button>
    </div>

[jordivela007]

I got it!

in the before.blade.php i put this:

<div ondragenter="onLivewireCalendarEventDragEnter(event, 'trash', '2000', 'border border-blue-400 border-4');"
        ondragleave="onLivewireCalendarEventDragLeave(event, 'trash', '2000', 'border border-blue-400 border-4');"
        ondragover="onLivewireCalendarEventDragOver(event);"
        ondrop="onLivewireCalendarEventDropToTrash(event, 'trash', '2000', '2000', '0', '00', 'border border-blue-400 border-4');"
        id="trash-2000" droppable="true">
        <button type="button" title="{{ __('Delete') }}" class="btn btn-square btn-outline btn-primary">
            <x-heroicon-o-trash />
        </button>
    </div>

and in the blade template:

<script>
        function onLivewireCalendarEventDropToTrash(event, componentId) {
            event.stopPropagation();
            event.preventDefault();
            let element = document.getElementById('trash-2000');

            const eventId = event.dataTransfer.getData('id');

            Livewire.dispatch('deleteEvent', {
                uuid : eventId
            });

        }
    </script>

and in the component

#[On('deleteEvent')]
    public function deleteEvent(string $uuid)
    {
        $this->user = $uuid;
        $event = Event::find($uuid);

        $this->authorize('delete', $event);

        $result = Event::where('id', $uuid)->delete();
        if ($result) {
            toast()
                ->success(__('Deleted Successfully') . ':' . $uuid, __('Event'))
                ->push();
        } else {
            toast()
                ->warning(__('Nothing to do'), __('Event'))
                ->push();
        }
    }