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

@php
    $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-actions">
    <x-ui.tooltip :text="$exportLabel" position="bottom" show-when="icon-only" class="erp-table-action-tooltip">
        <button
            type="button"
            class="btn-secondary erp-table-import-export"
            data-erp-export-trigger
            aria-haspopup="dialog"
            aria-expanded="false"
            aria-controls="{{ $exportModalId }}"
            aria-label="{{ $exportLabel }}"
        >
            <x-ui.icon name="transfer" size="15" />
            <span class="erp-table-action-label">{{ $exportLabel }}</span>
        </button>
    </x-ui.tooltip>

    <div class="erp-table-selection-actions">
        <span
            class="erp-selection-count"
            data-erp-selection-count
            role="status"
            aria-live="polite"
            aria-atomic="true"
            hidden
        >{{ __('kview-ui-data::table.selected', ['count' => 0]) }}</span>
        @if ($bulkDeleteUrl && $selectable)
            <form
                id="{{ $tableId }}_bulk_delete"
                method="POST"
                action="{{ $bulkDeleteUrl }}"
                class="erp-bulk-delete-form"
                data-erp-bulk-delete-form
                data-ui-confirm
                data-confirm-title="{{ __('kview-ui-data::table.delete_selected_confirm') }}"
                data-confirm-message="{{ $bulkDeleteConfirm }}"
                data-confirm-label="{{ $bulkDeleteLabel }}"
                data-confirm-variant="danger"
                hidden
            >
                @csrf
                @method('DELETE')
                <x-ui.icon-button
                    type="submit"
                    icon="trash"
                    :label="$bulkDeleteLabel"
                    variant="danger"
                    size="md"
                    class="erp-bulk-delete-trigger"
                    data-erp-bulk-delete-trigger
                    aria-haspopup="dialog"
                    :disabled="true"
                />
            </form>
        @endif
    </div>

    @if ($createUrl)
        <x-ui.tooltip :text="$createLabel" position="bottom" show-when="icon-only" class="erp-table-action-tooltip">
            <a href="{{ $createUrl }}" class="btn-secondary inline erp-table-create" aria-label="{{ $createLabel }}">
                <x-ui.icon name="plus" size="15" />
                <span class="erp-table-action-label">{{ $createLabel }}</span>
            </a>
        </x-ui.tooltip>
    @endif
</div>