{{-- table-view.table-view

Base layout to render all the UI componentes related to the table view, this is the main file for this view,
the rest of the files are included from here

You can customize all the html and css classes but YOU MUST KEEP THE BLADE AND LIVEWIERE DIRECTIVES

UI components used:
  - table-view.filters
  - components.alert
  - components.table
  - components.paginator --}}

<x-lv-layout>
  {{-- Search input and filters --}}
  <div class="py-4 px-3 pb-0">
    @include('laravel-views::components.toolbar.toolbar')
  </div>

  @if (count($items))
    {{-- Content table --}}
    <div class="overflow-x-scroll lg:overflow-x-visible">
      @include('laravel-views::components.table')
    </div>

  @else
    {{-- Empty data message --}}
    <div class="flex justify-center items-center p-4">
      <h3>{{ __('There are no items in this table') }}</h3>
    </div>
  @endif

  {{-- Paginator, loading indicator and totals --}}
  <div class="p-4">
    {{ $items->links() }}
  </div>
</x-lv-layout>