@props([
    'tableId',
    'rows' => [],
    'defaultFootnote' => '',
    'paginator' => null,
    'itemsPerPageOptions' => [],
])

<div class="erp-table-footer">
    <div
        class="erp-table-footnote"
        data-erp-footnote
        data-erp-footnote-default="{{ $defaultFootnote }}"
        data-erp-loaded-count="{{ count($rows) }}"
    >
        {{ $defaultFootnote }}
    </div>

    @if ($paginator)
        <form method="GET" action="{{ url()->current() }}" class="erp-page-size-form">
            @foreach (request()->except(['items_per_page', 'page']) as $name => $value)
                @if (is_array($value))
                    @foreach ($value as $item)
                        <input type="hidden" name="{{ $name }}[]" value="{{ $item }}">
                    @endforeach
                @else
                    <input type="hidden" name="{{ $name }}" value="{{ $value }}">
                @endif
            @endforeach
            <label for="{{ $tableId }}_items_per_page">{{ __('kview-ui-data::table.rows_per_page') }}</label>
            <x-ui.dropdown
                id="{{ $tableId }}_items_per_page"
                name="items_per_page"
                :options="$itemsPerPageOptions"
                :value="$paginator->perPage()"
                placeholder=""
                :select-attributes="['data-auto-submit' => true]"
            />
        </form>

        <div class="erp-table-pagination">
            {{ $paginator->links() }}
        </div>
    @endif
</div>