@props([
    'actions' => [],
    'previewTarget' => null,
    'inline' => false,
])

@if (! empty($actions))
    <div @class(['erp-row-actions', 'erp-row-actions--inline' => $inline])>
        @foreach ($actions as $action)
            @php
                $type = $action['type'] ?? 'link';
                $label = $action['label'] ?? ucfirst($type);
                $icon = $action['icon'] ?? match ($type) {
                    'view' => 'eye',
                    'edit' => 'edit',
                    'delete' => 'trash',
                    default => 'external',
                };
                $tooltip = $action['tooltip'] ?? 'auto';
                $previewPayload = ! empty($action['preview'])
                    ? base64_encode(json_encode($action['preview'], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES))
                    : null;
            @endphp

            @if ($type === 'delete')
                <form
                    method="POST"
                    action="{{ $action['url'] ?? '#' }}"
                    class="erp-row-delete-form"
                    data-ui-confirm
                    data-confirm-title="{{ $action['confirmTitle'] ?? __('kview-ui-data::table.delete_record') }}"
                    data-confirm-message="{{ $action['confirm'] ?? __('kview-ui-data::table.delete_record_message') }}"
                    data-confirm-label="{{ $action['confirmLabel'] ?? $label }}"
                    data-confirm-variant="danger"
                >
                    @csrf
                    @method('DELETE')
                    <x-ui.icon-button
                        type="submit"
                        :icon="$icon"
                        :label="$label"
                        variant="danger"
                        size="sm"
                        :tooltip="$tooltip"
                        class="erp-row-action-button"
                        aria-haspopup="dialog"
                    />
                </form>
            @elseif ($previewPayload && $previewTarget)
                <x-ui.icon-button
                    :icon="$icon"
                    :label="$label"
                    variant="ghost"
                    size="sm"
                    :tooltip="$tooltip"
                    class="erp-row-action-button"
                    data-erp-preview-trigger
                    data-erp-preview-target="{{ $previewTarget }}"
                    data-erp-preview-payload="{{ $previewPayload }}"
                    data-erp-preview-url="{{ $action['url'] ?? '' }}"
                />
            @else
                <x-ui.icon-button
                    :href="$action['url'] ?? '#'"
                    :icon="$icon"
                    :label="$label"
                    variant="ghost"
                    size="sm"
                    :tooltip="$tooltip"
                    class="erp-row-action-button"
                />
            @endif
        @endforeach
    </div>
@endif