<!-- resources/views/livewire/folder/create-modal.blade.php -->
<div x-show="$wire.showModal" 
     class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
    <div class="w-full max-w-md p-6 bg-white rounded-lg">
        <h3 class="mb-4 text-lg font-semibold">
            {{ $parentFolder ? 'Nueva Subcarpeta en '.$parentFolder->name : 'Nueva Carpeta' }}
        </h3>
        
        <input type="text" 
               wire:model="folderName"
               placeholder="Nombre de la carpeta"
               class="w-full p-2 border rounded-lg"
               @keyup.enter="createFolder">
        
        <div class="flex justify-end mt-4 space-x-2">
            <button @click="$wire.showModal = false"
                    class="px-4 py-2 text-gray-600 hover:bg-gray-100 rounded-lg">
                Cancelar
            </button>
            <button wire:click="createFolder"
                    class="px-4 py-2 text-white bg-blue-600 rounded-lg hover:bg-blue-700">
                Crear
            </button>
        </div>
    </div>
</div>