@props([
    'tableId',
    'columns' => [],
    'selectable' => true,
    'settingsLabel' => null,
    'bulkDeleteUrl' => null,
    'bulkDeleteLabel' => null,
    'bulkDeleteConfirm' => null,
    'exportModalId',
    'exportLabel' => null,
    'createUrl' => null,
    'createLabel' => null,
])

@php
    $settingsLabel = $settingsLabel ?: __('kview-ui-data::table.settings');
    $bulkDeleteLabel = $bulkDeleteLabel ?: __('kview-ui-data::table.delete_selected');
    $bulkDeleteConfirm = $bulkDeleteConfirm ?: __('kview-ui-data::table.delete_selected_confirm');
    $exportLabel = $exportLabel ?: __('kview-ui-data::table.export.label');
    $createLabel = $createLabel ?: __('kview-ui-data::table.new_record');
@endphp

<div class="erp-table-toolbar">
    <div class="erp-table-toolbar-leading">
        <div class="erp-table-search-group">
            <label class="erp-table-search">
                <x-ui.icon name="search" size="16" />
                <input type="search" data-erp-table-search placeholder="{{ __('kview-ui-data::table.search') }}" aria-label="{{ __('kview-ui-data::table.search') }}">
            </label>

            <x-erp.crud-table.column-manager
                :table-id="$tableId"
                :columns="$columns"
                :label="$settingsLabel"
            />
        </div>
    </div>

    <x-erp.crud-table.selection-actions
        :table-id="$tableId"
        :selectable="$selectable"
        :bulk-delete-url="$bulkDeleteUrl"
        :bulk-delete-label="$bulkDeleteLabel"
        :bulk-delete-confirm="$bulkDeleteConfirm"
        :export-modal-id="$exportModalId"
        :export-label="$exportLabel"
        :create-url="$createUrl"
        :create-label="$createLabel"
    />
</div>