@props([
    'target',
    'context' => [],
    'fieldHint' => null,
    'languages' => null,
    'group' => null,
    'language' => null,
    'field' => null,
    'bulkTranslate' => false,
])

<span class="ai-assist"
      data-ai-target="{{ $target }}"
      data-ai-context='{{ json_encode($context) }}'
      data-ai-field-hint="{{ $fieldHint }}"
      @if ($languages) data-ai-languages='{{ json_encode(collect($languages)->values()->all()) }}' @endif
      @if ($group) data-ai-group="{{ $group }}" @endif
      @if ($language) data-ai-language="{{ $language }}" @endif
      @if ($field) data-ai-field="{{ $field }}" @endif
>
    <button type="button" class="ai-assist-trigger" title="Assistente de IA">
        <x-icon name="sparkles" /> Assistente IA
    </button>
    @if ($bulkTranslate)
        <button type="button" class="ai-assist-trigger ai-bulk-translate" title="Traduzir este campo para todos os idiomas">
            <x-icon name="globe" /> Traduzir para todos os idiomas
        </button>
    @endif
</span>