@php($tableName = $this->getTableName)
@php($tableId = $this->getTableId)
@php($primaryKey = $this->getPrimaryKey)
@php($isTailwind = $this->isTailwind)
@php($isBootstrap = $this->isBootstrap)
@php($isBootstrap4 = $this->isBootstrap4)
@php($isBootstrap5 = $this->isBootstrap5)
@php($localisationPath = $this->getLocalisationPath)

<div>
    <div x-data="{ currentlyReorderingStatus: false }">
        <div {{ $this->getTopLevelAttributes() }}>

            @includeWhen(
                $this->hasConfigurableAreaFor('before-wrapper'),
                $this->getConfigurableAreaFor('before-wrapper'),
                $this->getParametersForConfigurableArea('before-wrapper')
            )

            <x-livewire-tables::wrapper :tableName="$tableName" :$primaryKey :$isTailwind :$isBootstrap :$isBootstrap4 :$isBootstrap5 :$localisationPath>
                @if($this->hasActions && !$this->showActionsInToolbar)
                    <x-livewire-tables::includes.actions/>
                @endif

                @includeWhen(
                    $this->hasConfigurableAreaFor('before-tools'),
                    $this->getConfigurableAreaFor('before-tools'),
                    $this->getParametersForConfigurableArea('before-tools')
                )

                @if($this->shouldShowTools)
                    <x-livewire-tables::tools >
                        @if ($this->showSortPillsSection)
                            <x-livewire-tables::tools.sorting-pills />
                        @endif
                        @if($this->showFilterPillsSection)
                            <x-livewire-tables::tools.filter-pills />
                        @endif

                        @includeWhen(
                            $this->hasConfigurableAreaFor('before-toolbar'),
                            $this->getConfigurableAreaFor('before-toolbar'),
                            $this->getParametersForConfigurableArea('before-toolbar')
                        )

                        @if($this->shouldShowToolBar)
                            <x-livewire-tables::tools.toolbar />
                        @endif
                        @if (
                            $this->filtersAreEnabled() &&
                            $this->filtersVisibilityIsEnabled() &&
                            $this->hasVisibleFilters() &&
                            $this->isFilterLayoutSlideDown()
                        )
                            <x-livewire-tables::tools.toolbar.items.filter-slidedown  />
                        @endif
                        @includeWhen(
                            $this->hasConfigurableAreaFor('after-toolbar'),
                            $this->getConfigurableAreaFor('after-toolbar'),
                            $this->getParametersForConfigurableArea('after-toolbar')
                        )

                    </x-livewire-tables::tools>
                @endif

                @includeWhen(
                    $this->hasConfigurableAreaFor('after-tools'),
                    $this->getConfigurableAreaFor('after-tools'),
                    $this->getParametersForConfigurableArea('after-tools')
                )

                <x-livewire-tables::table>

                    <x-slot name="thead">
                        @if($this->getCurrentlyReorderingStatus)
                            <x-livewire-tables::table.th.reorder x-cloak x-show="currentlyReorderingStatus"  />
                        @endif
                        @if($this->showBulkActionsSections)
                            <x-livewire-tables::table.th.bulk-actions :displayMinimisedOnReorder="true" />
                        @endif
                        @if ($this->showCollapsingColumnSections)
                            <x-livewire-tables::table.th.collapsed-columns />
                        @endif

                        @tableloop($this->selectedVisibleColumns as $index => $column)
                            <x-livewire-tables::table.th wire:key="{{ $tableName.'-table-head-'.$index }}" :$column :$index />
                        @endtableloop
                    </x-slot>

                    @if($this->secondaryHeaderIsEnabled() && $this->hasColumnsWithSecondaryHeader())
                        <x-livewire-tables::table.tr.secondary-header  />
                    @endif
                    @if($this->hasDisplayLoadingPlaceholder())
                        <x-livewire-tables::includes.loading colCount="{{ $this->columns->count()+1 }}" />
                    @endif

                    @if($this->showBulkActionsSections)
                        <x-livewire-tables::table.tr.bulk-actions  :displayMinimisedOnReorder="true" />
                    @endif
                    @if(count($currentRows = $this->getRows) > 0)
                        @php($getCurrentlyReorderingStatus = $this->getCurrentlyReorderingStatus)
                        @php($showBulkActionsSections = $this->showBulkActionsSections)
                        @php($showCollapsingColumnSections = $this->showCollapsingColumnSections)
                        @php($selectedVisibleColumns = $this->selectedVisibleColumns)

                        @tableloop ($currentRows as $rowIndex => $row)
                            <x-livewire-tables::table.tr wire:key="{{ $tableName }}-row-wrap-{{ $row->{$primaryKey} }}" :$row :$rowIndex>
                                @if($getCurrentlyReorderingStatus)
                                    <x-livewire-tables::table.td.reorder x-cloak x-show="currentlyReorderingStatus" wire:key="{{ $tableName }}-row-reorder-{{ $row->{$primaryKey} }}" :rowID="$tableName.'-'.$row->{$this->getPrimaryKey()}" :$rowIndex />
                                @endif
                                @if($showBulkActionsSections)
                                    <x-livewire-tables::table.td.bulk-actions wire:key="{{ $tableName }}-row-bulk-act-{{ $row->{$primaryKey} }}" :$row :$rowIndex />
                                @endif
                                @if ($showCollapsingColumnSections)
                                    <x-livewire-tables::table.td.collapsed-columns wire:key="{{ $tableName }}-row-collapsed-{{ $row->{$primaryKey} }}" :$rowIndex />
                                @endif

                                @tableloop($selectedVisibleColumns as $colIndex => $column)
                                    <x-livewire-tables::table.td wire:key="{{ $tableName . '-' . $row->{$primaryKey} . '-datatable-td-' . $column->getSlug() }}"  :$column :$colIndex>
                                        @if($column->isHtml())
                                            {!! $column->setIndexes($rowIndex, $colIndex)->renderContents($row) !!}
                                        @else
                                            {{ $column->setIndexes($rowIndex, $colIndex)->renderContents($row) }}
                                        @endif
                                    </x-livewire-tables::table.td>
                                @endtableloop
                            </x-livewire-tables::table.tr>

                            @if ($showCollapsingColumnSections)
                                <x-livewire-tables::table.collapsed-columns :$row :$rowIndex />
                            @endif
                        @endtableloop
                    @else
                        <x-livewire-tables::table.empty />
                    @endif
                    

                    @if ($this->footerIsEnabled() && $this->hasColumnsWithFooter())
                        <x-slot name="tfoot">
                            @if ($this->useHeaderAsFooterIsEnabled())
                                <x-livewire-tables::table.tr.secondary-header  />
                            @else
                                <x-livewire-tables::table.tr.footer  />
                            @endif
                        </x-slot>
                    @endif
                </x-livewire-tables::table>

                <x-livewire-tables::pagination :$currentRows />

                @includeIf($customView)
            </x-livewire-tables::wrapper>

            @includeWhen(
                $this->hasConfigurableAreaFor('after-wrapper'),
                $this->getConfigurableAreaFor('after-wrapper'),
                $this->getParametersForConfigurableArea('after-wrapper')
            )

        </div>
    </div>
</div>