@php use Filament\Support\Enums\Alignment; use Illuminate\Support\Str; use RalphJSmit\Filament\MediaLibrary\FilamentMediaLibrary; use RalphJSmit\Filament\MediaLibrary\Media\Models\MediaLibraryItem; use Spatie\MediaLibrary\MediaCollections\Models\Media; @endphp
shouldShowUploadBoxByDefault()) x-on:toggle-upload-box.window="showUploadBox = ! showUploadBox" @endunless {{-- This event is dispatched from Livewire, so we need an event listener in addition to the global store. --}} x-on:reset-selected-media-item.window="$store.browseLibrary.resetMediaItemsSelection()" x-on:browse-library-load.window="@this.call('loadMedia', $event.detail.defaultFolder )" > @if ($this->canCreate())
shouldShowUploadBoxByDefault()) x-show="showUploadBox" x-collapse x-cloak @endunless > @livewire('media-library::media.upload-media')
@endif
@if ($this->canCreateFolder())
@svg('heroicon-o-plus', 'h-6 w-6 text-white')

{{ Str::ucfirst(__('filament-media-library::translations.phrases.create-folder')) }}

@endif
{{ $this->searchForm }}
{{ Str::ucfirst(__('filament-media-library::translations.phrases.search')) }}
{{ $this->sortOrderForm }}
@if ($browseLibraryItems?->isEmpty())
@include('media-library::media.empty-state')
@for ($i = 0; $i < 22; $i++)
@endfor
@else
@foreach ($browseLibraryItems ?? [] as $browseLibraryItem) @if ($browseLibraryItem->isMediaLibraryItem()) @php /** @var MediaLibraryItem $mediaItem */ $mediaItem = $browseLibraryItem->item; /** @var Media $image */ $image = $mediaItem->getfirstMedia('library'); $conversion = FilamentMediaLibrary::get()->getThumbnailMediaConversion(); @endphp @elseif ($browseLibraryItem->isMediaLibraryFolder())
@svg('heroicon-s-folder', 'absolute left-4 top-4 w-10 text-primary-500 dark:opacity-80')
@if ($this->canRenameFolder($browseLibraryItem->item) || $this->canMoveFolder($browseLibraryItem->item) || $this->canDeleteFolder($browseLibraryItem->item))
@svg('heroicon-o-ellipsis-vertical', 'w-6 stroke-gray-400 dark:stroke-gray-600')
@endif
@if ($this->canRenameFolder($browseLibraryItem->item)) {{ Str::ucfirst(__('filament-media-library::translations.phrases.rename-folder')) }} @endif @if ($this->canMoveFolder($browseLibraryItem->item)) {{ Str::ucfirst(__('filament-media-library::translations.phrases.move-folder')) }} @endif @if ($this->canDeleteFolder($browseLibraryItem->item)) {{ Str::ucfirst(__('filament-media-library::translations.phrases.delete-folder')) }} @endif
{{ $browseLibraryItem->item->name }}

{{ $browseLibraryItem->item->name }}

{{ trans_choice('filament-media-library::translations.sentences.folder-files', $browseLibraryItem->getChildrenCount(), ['count' => $browseLibraryItem->getChildrenCount()]) }}

@endif @endforeach
@if ($browseLibraryItems?->hasPages())
@endif
@endif
{{ $this->createMediaFolderForm }}
config('filament.layout.forms.actions.alignment') === 'left', // 'justify-center' => config('filament.layout.forms.actions.alignment') === 'center', 'justify-end' => true || config('filament.layout.forms.actions.alignment') === 'right', ]) > {{ Str::ucfirst(__('filament-media-library::translations.phrases.cancel')) }} {{ Str::ucfirst(__('filament-media-library::translations.phrases.create')) }}
{{ $this->renameMediaFolderForm }}
config('filament.layout.forms.actions.alignment') === 'left', // 'justify-center' => config('filament.layout.forms.actions.alignment') === 'center', 'justify-end' => true || config('filament.layout.forms.actions.alignment') === 'right', ]) > {{ Str::ucfirst(__('filament-media-library::translations.phrases.cancel')) }} {{ Str::ucfirst(__('filament-media-library::translations.phrases.rename-folder')) }}
{{ $this->moveMediaFolderForm }}
config('filament.layout.forms.actions.alignment') === 'left', // 'justify-center' => config('filament.layout.forms.actions.alignment') === 'center', 'justify-end' => true || config('filament.layout.forms.actions.alignment') === 'right', ]) > {{ Str::ucfirst(__('filament-media-library::translations.phrases.cancel')) }} {{ Str::ucfirst(__('filament-media-library::translations.phrases.move-folder')) }}
config('filament.layout.forms.actions.alignment') === 'left', // 'justify-center' => config('filament.layout.forms.actions.alignment') === 'center', 'justify-end' => true || config('filament.layout.forms.actions.alignment') === 'right', ]) > {{ Str::ucfirst(__('filament-media-library::translations.phrases.cancel')) }} {{ Str::ucfirst(__('filament-media-library::translations.phrases.confirm')) }}