@php
    /** @var Botble\Table\Abstracts\TableAbstract $table */
@endphp

@once
    @if ($randomHash = setting('datatables_random_hash'))
        <script>
            window.DATATABLES_RANDOM_HASH = "{{ $randomHash }}";
        </script>
    @endif
@endonce

{!! apply_filters(BASE_FILTER_TABLE_BEFORE_RENDER, null, $table) !!}

<div class="table-wrapper">
    @if ($table->hasFilters())
        <x-core::card
            class="mb-3 table-configuration-wrap"
            @style(['display: none' => !$table->isFiltering(), 'display: block' => $table->isFiltering()])
        >
            <x-core::card.body>
                <x-core::button
                    type="button"
                    icon="ti ti-x"
                    :icon-only="true"
                    class="btn-show-table-options rounded-pill"
                    size="sm"
                />

                {!! $table->renderFilter() !!}
            </x-core::card.body>
        </x-core::card>
    @endif

    <x-core::card @class([
        'has-actions' => $table->hasBulkActions(),
        'has-filter' => $table->hasFilters(),
    ])>
        <x-core::card.header>
            <div class="w-100 justify-content-between d-flex flex-wrap align-items-center gap-1">
                <div class="d-flex flex-wrap flex-md-nowrap align-items-center gap-1">
                    @if ($table->hasBulkActions())
                        <x-core::dropdown
                            type="button"
                            :label="trans('core/table::table.bulk_actions')"
                            wrapper-class="d-inline-block"
                        >
                            @foreach ($table->getBulkActions() as $action)
                                {!! $action !!}
                            @endforeach
                        </x-core::dropdown>
                    @endif

                    @if ($table->hasFilters())
                        <x-core::button
                            type="button"
                            class="btn-show-table-options"
                        >
                            {{ trans('core/table::table.filters') }}
                        </x-core::button>
                    @endif

                    <div class="table-search-input">
                        <label>
                            <input
                                type="search"
                                class="form-control input-sm"
                                placeholder="{{ trans('core/table::table.search') }}"
                                style="min-width: 120px"
                            >
                            <button
                                type="button"
                                title="{{ trans('core/table::table.search') }}"
                                class="search-icon"
                            ><x-core::icon name="ti ti-search" /></button>
                            <button
                                type="button"
                                title="{{ trans('core/table::table.clear') }}"
                                class="search-reset-icon"
                            ><x-core::icon name="ti ti-x" /></button>
                        </label>
                    </div>
                </div>
                <div
                    class="d-flex flex-column flex-sm-row align-items-stretch align-items-sm-center gap-1 table-action-buttons">
                    @foreach ($table->getButtons() as $button)
                        @if (Arr::get($button, 'extend') === 'collection')
                            <div class="dropdown d-inline-block">
                                <button
                                    class="btn buttons-collection dropdown-toggle {{ $button['className'] }}"
                                    data-bs-toggle="dropdown"
                                    tabindex="0"
                                    aria-controls="{{ $table->getOption('id') }}"
                                    type="button"
                                    aria-haspopup="dialog"
                                    aria-expanded="false"
                                >
                                    {!! $button['text'] !!}
                                </button>
                                <div class="dropdown-menu">
                                    @foreach ($button['buttons'] as $buttonItem)
                                        <button class="dropdown-item {{ $buttonItem['className'] }}">
                                            {!! $buttonItem['text'] !!}
                                        </button>
                                    @endforeach
                                </div>
                            </div>
                        @else
                            <button
                                class="btn {{ $button['className'] }}"
                                tabindex="0"
                                aria-controls="{{ $table->getOption('id') }}"
                                type="button"
                                aria-haspopup="dialog"
                                aria-expanded="false"
                            >
                                {!! $button['text'] !!}
                            </button>
                        @endif
                    @endforeach

                    @foreach ($table->getDefaultButtons() as $defaultButton)
                        @if (is_string($defaultButton))
                            @switch($defaultButton)
                                @case('reload')
                                    <x-core::button
                                        type="button"
                                        data-bb-toggle="dt-buttons"
                                        data-bb-target=".buttons-reload"
                                        tabindex="0"
                                        aria-controls="{{ $table->getOption('id') }}"
                                        icon="ti ti-refresh"
                                    >
                                        {{ trans('core/base::tables.reload') }}
                                    </x-core::button>
                                @break

                                @case('export')
                                    <div class="dropdown">
                                        <button
                                            title="{{ trans('core/base::tables.export') }}"
                                            class="btn buttons-collection dropdown-toggle buttons-export"
                                            data-bs-toggle="dropdown"
                                            tabindex="0"
                                            aria-controls="{{ $table->getOption('id') }}"
                                            type="button"
                                            aria-haspopup="dialog"
                                            aria-expanded="false"
                                        >
                                            <span>
                                                <x-core::icon name="ti ti-download" /> {{ trans('core/base::tables.export') }}
                                            </span>
                                        </button>
                                        <div class="dropdown-menu">
                                            <button
                                                class="dropdown-item"
                                                data-bb-toggle="dt-exports"
                                                data-bb-target="csv"
                                                aria-controls="{{ $table->getOption('id') }}"
                                            >
                                                <span>
                                                    <x-core::icon name="ti ti-file-type-csv" />
                                                    {{ trans('core/base::tables.csv') }}
                                                </span>
                                            </button>
                                            <button
                                                class="dropdown-item"
                                                data-bb-toggle="dt-exports"
                                                data-bb-target="excel"
                                                aria-controls="{{ $table->getOption('id') }}"
                                            >
                                                <span>
                                                    <x-core::icon name="ti ti-file-type-xls" />
                                                    {{ trans('core/base::tables.excel') }}
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                @break

                                @case('visibility')
                                    @break(!Auth::user() instanceof \Botble\ACL\Models\User || !AdminHelper::isInAdmin(true))

                                    <div
                                        class="dropdown"
                                        data-bb-toggle="dt-columns-visibility-dropdown"
                                        aria-controls="{{ $table->getOption('id') }}"
                                    >
                                        <button
                                            title="{{ trans('core/base::tables.toggle_columns') }}"
                                            class="btn buttons-collection dropdown-toggle buttons-visibility"
                                            data-bs-toggle="dropdown"
                                            data-bs-auto-close="outside"
                                            tabindex="0"
                                            aria-controls="{{ $table->getOption('id') }}"
                                            type="button"
                                            aria-haspopup="dialog"
                                            aria-expanded="false"
                                        >
                                            <span>
                                                <x-core::icon name="ti ti-columns-3" />
                                            </span>
                                        </button>

                                        <div class="dropdown-menu p-2">
                                            <x-core::form
                                                :url="route('table.update-columns-visibility')"
                                                method="PUT"
                                                data-bb-toggle="dt-columns-visibility"
                                            >
                                                <input
                                                    type="hidden"
                                                    name="table"
                                                    value="{{ $table::class }}"
                                                />

                                                @foreach ($table->getColumns() as $column)
                                                    @php
                                                        /** @var \Botble\Table\Columns\Column $column */
                                                    @endphp

                                                    @continue(!$column instanceof \Botble\Table\Columns\Column || Str::contains($column->className, 'no-column-visibility') || in_array($column->name, $table->getDefaultVisibleColumns(), true))

                                                    {{ Form::onOffCheckbox("columns_visibility[{$column->name}]", $table->determineIfColumnIsVisible($column), ['label' => $column->titleAttr ?: $column->title, 'data-bb-toggle' => 'dt-columns-visibility-toggle']) }}
                                                @endforeach
                                            </x-core::form>
                                        </div>
                                    </div>
                                @break
                            @endswitch
                        @endif
                    @endforeach
                </div>
            </div>
        </x-core::card.header>

        <div class="card-table">
            <div @class([
                'table-responsive',
                'table-has-actions' => $table->hasBulkActions(),
                'table-has-filter' => $table->hasFilters(),
            ])>
                @if (isset($__env->getSections()['main-table']))
                    {{-- Legacy override: a plugin or theme defined @section('main-table') with @parent before this view rendered. --}}
                    @section('main-table')
                        {!! $dataTable->table(compact('id', 'class'), false) !!}
                    @show
                @else
                    {{-- Per-table override slot. Dynamic section name keeps multi-table pages from clobbering each other. --}}
                    {{-- NOTE: @parent does NOT work with dynamic section names; overrides must render the dataTable inline. --}}
                    @if (isset($__env->getSections()['main-table-' . $id]))
                        @yield('main-table-' . $id)
                    @else
                        {!! $dataTable->table(compact('id', 'class'), false) !!}
                    @endif
                @endif
            </div>
        </div>
    </x-core::card>
</div>

{!! apply_filters(BASE_FILTER_TABLE_AFTER_RENDER, null, $table) !!}

@push('footer')
    @include('core/table::modal')

    {!! $dataTable->scripts() !!}

    {!! apply_filters(BASE_FILTER_TABLE_FOOTER_RENDER, null, $table) !!}
@endpush