{{-- File/Folder Row for List View --}} @php $itemId = $item->getIdentifier(); $itemName = $item->getName(); $isReadOnly = $isReadOnly ?? false; $isSelected = $this->isSelected($itemId); @endphp
isFolder()) x-on:dragover.prevent="isDragOver = true" x-on:dragleave="isDragOver = false" x-on:drop.prevent="isDragOver = false; if (draggedItemId && draggedItemId !== @js($itemId)) { $wire.handleDrop(@js($itemId), draggedItemId) }" @endif @endif x-on:click="$wire.handleItemClick(@js($itemId))" class="group flex cursor-pointer items-center gap-4 bg-white dark:bg-gray-900 px-6 py-4 transition-colors hover:bg-gray-50 dark:hover:bg-gray-800 {{ $isSelected ? 'bg-primary-50 dark:bg-primary-900/20' : '' }}" @if(!$isReadOnly):class="{ 'bg-primary-50 dark:bg-primary-900/20': isDragOver }"@endif > {{-- Selection Checkbox --}} @if(!$isReadOnly) @endif {{-- Thumbnail/Icon --}} @if($item->isFolder()) @else
@if($item->getThumbnail()) {{ $itemName }} @else
@if($item->isVideo()) @elseif($item->isImage()) @elseif($item->isDocument()) @elseif($item->isAudio()) @else @endif
@endif
@endif {{-- Name and Meta --}}

{{ $itemName }}

@if($item->isFile())
@if($item->getDuration() && ($item->isVideo() || $item->isAudio())) {{ $item->getFormattedDuration() }} @endif @if($item->getSize()) {{ $item->getFormattedSize() }} @endif
@endif
@if(!$isReadOnly) {{-- Dropdown Menu --}} Move Rename Delete @endif