@php
    $extraColumnsA = ($appModel)::getExtraListingColumnsA();
    $extraColumnsB = ($appModel)::getExtraListingColumnsB();
@endphp
<x-bs-table data-role="table-placeholder">
    <x-bs-table.head>
        <x-bs-table.row>
            <x-bs-table.cell class="[ w-full md:w-auto ]">
                Preview
            </x-bs-table.cel>
            <x-bs-table.cell class="[ display-none lg:display-table-cell ]">
                Path
            </x-bs-table.cell>
            <x-bs-table.cell class="[ display-none md:display-table-cell ]">
                Date uploaded
            </x-bs-table.cell>
            <x-bs-table.cell></x-bs-table.cell>
        </x-bs-table.row>
    </x-bs-table.head>
    <x-bs-table.body>
        @foreach ($items as $item)
            @include(   'backslash4::admin.media.index-item-row', 
                        ['extraColumnsA' => $extraColumnsA, 'extraColumnsB' => $extraColumnsB]
                    )
        @endforeach
    </x-bs-table.body>
</x-bs-table>
<x-bs-card.footer>
    <x-bs-pagination 
        :items=$items 
    />
</x-bs-card.footer>