@php
    $recordId = $getRecord()->id;
@endphp

<div 
    x-data="{ 
        isEditing: false,
        recordId: @js($recordId)
    }"
    x-init="
        window.addEventListener('start-editing-row', (event) => {
            if (event.detail.recordId === recordId) {
                isEditing = true;
            } else {
                isEditing = false;
            }
        });
        
        window.addEventListener('stop-editing-row', () => {
            isEditing = false;
        });
    "
    @dblclick="
        window.dispatchEvent(new CustomEvent('start-editing-row', { detail: { recordId: recordId } }));
        isEditing = true;
    "
    @click.away="
        if (isEditing) {
            window.dispatchEvent(new CustomEvent('stop-editing-row'));
            isEditing = false;
        }
    "
    class="w-full"
>
    {{ $slot }}
</div>