@if(session('grid') && $isImage())
<div class="row">
    @foreach($getFiles() as $key => $f)
    <div class="mt-2 mb-3
        @switch(session('grid'))
            @case(2)
                col-6
                @break
            @case(3)
                col-4
                @break
            @case(4)
                col-3
                @break
            @case(6)
                col-2
                @break
            @default
                col-lg-2 col-md-4 col-sm-6 col-12 p-lg-4 p-md-3 p-sm-2
                @break
        @endswitch
    ">
        <a class="d-block" href="{{ $route('edit', $f->id) }}"><img class="img-fluid border border-secondary rounded mx-auto d-block {{ $collection }}" src="{{ $f->getUrl(true) }}" loading="lazy"/></a>
    </div>
    @endforeach
</div>
@else
<div class="table-responsive">

    <table id="file-datatable" class="table table-striped table-hover left-sort-icon">
        <thead>
        <tr>
            <th class="no-sort">
                <input type="checkbox" id="batch"/> <label for="batch"></label>
            </th>
            @if($linkable())
                <th>Link Name</th>
                <th>URL</th>
                <th>Valid</th>
            @else
                @if($isImage())
                    <th>thumbnail</th>
                @endif
                <th>File Name</th>
                <th>Size</th>
                <th>Mime Type</th>
                @if($collection == \App\Models\File::COLLECTION_IMAGE)
                    <th>Image Type</th>
                @endif
            @endif
            <th class="d-none">Keywords</th>
            <th>Last Modified</th>
            <th class="text-end">Actions</th>
        </tr>
        </thead>
        <tbody>
        @foreach($getFiles() as $key => $f)
            <tr>
                <td><input type="checkbox" id="ids" name="ids" value="{{ $f->id }}"/> <label for="ids"></label></td>
                @if($linkable())
                    <td><a class="d-block" href="{{ $route('edit', $f->id) }}">{{ $f->original_name }}</a></td>
                    <td>{{ $f->source }}</td>
                    <td>
                        <i class="ml-3 fas {{ $f->invalid ? 'fa-times text-danger' : 'fa-check text-success' }}">
                            <span class="d-none">{{ intval($f->invalid) }}</span>
                        </i>
                    </td>
                @else
                    @if($isImage())
                        <td><a class="d-block" href="{{ $route('edit', $f->id) }}"><img class="img-fluid img-thumbnail {{ $collection }}" src="{{ $f->getUrl(true) }}" loading="lazy"></a></td>
                    @endif
                    <td><a class="d-block" href="{{ $route('edit', $f->id) }}">{{ $f->original_name }}</a></td>
                    <td>{{ filesize_formatted($f->size) }}</td>
                    <td>{{ $f->mime_type }}</td>
                    @if($collection == \App\Models\File::COLLECTION_IMAGE)
                        <td>{{ $f->custom_properties['image_type'] ?? 'general' }}</td>
                    @endif
                @endif
                <td class="d-none">{{ $f->keywords }}</td>
                <td class=""><i style="display: none">{{ $f->updated_at->timestamp }}</i>{{ $f->updated_at->diffForHumans() }}</td>
                <td class="text-end">

                    <i class="fas fa-ellipsis-v dropdown-toggle"
                       id="category-dropdown-{{ $f->id }}"
                       data-bs-toggle="dropdown"
                       aria-expanded="false">
                    </i>
                    <ul class="dropdown-menu" aria-labelledby="category-dropdown-{{ $f->id }}">
                        <li><a class="dropdown-item" href="{{ $route('edit', $f->id) }}">Edit</a></li>
                        @if ($isClientPortal())
                            <li>
                                <a class="dropdown-item" data-bs-toggle="modal" data-file-id="{{ $f->id }}" data-bs-target="#file-user-modal">Permission</a>
                            </li>
                        @endif
                        <li>
                            <a class="dropdown-item"  onclick="AppHelper.softDeleteData({{ $f->id }})">Delete</a>
                            @include('components.forms.delete-file', ['file' => $f])
                        </li>
                    </ul>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endif