@if(isset($assets) && count($assets))
<div class="card">
    <div class="card-header">
        <h5 class="card-title mb-0">
            <i class="fas fa-cloud-download-alt me-2"></i>{{ __('labels.uploaded_files') }}
        </h5>
    </div>
    <div class="card-body">
        <div class="existing-files-container">
            {{-- <h6 class="mb-3">{{ __('labels.existing_files') }}:</h6> --}}
            @foreach($assets as $asset)
            <div class="existing-file-card d-flex align-items-center" id="asset-{{ $asset->id }}">
                <div class="file-icon">
                    @if(str_contains($asset->mime_type, 'image'))
                    <i class="fas fa-image"></i>
                    @elseif(str_contains($asset->mime_type, 'video'))
                    <i class="fas fa-video"></i>
                    @elseif(str_contains($asset->mime_type, 'pdf'))
                    <i class="fas fa-file-pdf"></i>
                    @elseif(str_contains($asset->mime_type, 'word') || str_contains($asset->mime_type, 'document'))
                    <i class="fas fa-file-word"></i>
                    @elseif(str_contains($asset->mime_type, 'excel') || str_contains($asset->mime_type, 'spreadsheet'))
                    <i class="fas fa-file-excel"></i>
                    @elseif(str_contains($asset->mime_type, 'powerpoint') || str_contains($asset->mime_type,
                    'presentation'))
                    <i class="fas fa-file-powerpoint"></i>
                    @else
                    <i class="fas fa-file"></i>
                    @endif
                </div>

                <div class="file-details">
                    <h6 class="mb-1">{{ $asset->title ?? $asset->original_name }}</h6>
                    <p class="mb-1 text-muted small">
                        {{ $asset->mime_type }} •
                        {{ $asset->getFormattedFileSize() }} *
                        {{-- {{ $asset->getFormattedFileSize() }} • --}}
                        {{ $asset->extension }}
                    </p>
                    @if($asset->description)
                    <p class="mb-0 small">{{ $asset->description }}</p>
                    @endif
                </div>

                <div class="file-actions">
                    @if(str_contains($asset->mime_type, 'image'))
                    <img src="{{ $asset->file_path_url }}" alt="{{ $asset->title }}" class="file-preview me-2">
                    @endif

                    <a href="{{ route('file.download', $asset->id) }}"
                        class="btn btn-sm btn-outline-primary">
                        <i class="fas fa-download me-1"></i>{{ __('labels.download') }}
                    </a>

                    @if(!isset($readonly) || (isset($readonly) && !$readonly))
                    {{-- Remove Button (visible by default) --}}
                    <button type="button" onclick="removeUploadedFile(this)"
                        class="btn btn-sm btn-outline-danger remove-asset-btn" data-asset-id="{{ $asset->id }}">
                        <i class="fas fa-trash me-1"></i>{{ __('labels.remove') }}
                    </button>

                    {{-- Restore Button (hidden by default) --}}
                    <button type="button" onclick="restoreUploadedFile(this)"
                        class="btn btn-sm btn-outline-success restore-asset-btn" data-asset-id="{{ $asset->id }}"
                        style="display: none;">
                        <i class="fas fa-undo me-1"></i>{{ __('labels.restore') }}
                    </button>

                    @endif
                </div>
            </div>
            @endforeach
        </div>
        <input type="hidden" name="existing_assets" value="{{ $assets->pluck('id')->implode(',') }}"
            id="existingAssets">
    </div>
</div>
@endif