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

@if (! empty($actions))
    <div class="erp-row-actions">
        @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',
                };
                $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" onsubmit="return confirm('{{ $action['confirm'] ?? 'Delete this record?' }}');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="erp-icon-button erp-icon-button--danger" title="{{ $label }}" aria-label="{{ $label }}">
                        <x-ui.icon :name="$icon" size="15" />
                    </button>
                </form>
            @elseif ($previewPayload && $previewTarget)
                <button
                    type="button"
                    class="erp-icon-button"
                    title="{{ $label }}"
                    aria-label="{{ $label }}"
                    data-erp-preview-trigger
                    data-erp-preview-target="{{ $previewTarget }}"
                    data-erp-preview-payload="{{ $previewPayload }}"
                    data-erp-preview-url="{{ $action['url'] ?? '' }}"
                >
                    <x-ui.icon :name="$icon" size="15" />
                </button>
            @else
                <a href="{{ $action['url'] ?? '#' }}" class="erp-icon-button" title="{{ $label }}" aria-label="{{ $label }}">
                    <x-ui.icon :name="$icon" size="15" />
                </a>
            @endif
        @endforeach
    </div>
@endif