<?php
use function App\Core\{e, url};

$aiType = ($aiType ?? $type ?? 'mod') === 'music' ? 'music' : 'mod';
$aiTitle = $aiTitle ?? 'Zalorox AI';
$aiHint = $aiHint ?? ($aiType === 'music'
    ? 'Şarkı başlığı, açıklama ve türe göre lokal etiket önerisi üretir.'
    : 'Mod başlığı, açıklama ve kategoriye göre lokal etiket önerisi üretir.');
?>
<div
    class="ai-tag-suggester"
    data-ai-tag-suggester
    data-ai-type="<?= e($aiType) ?>"
    data-ai-endpoint="<?= e(url('/api/studio/ai/tags')) ?>"
>
    <div class="ai-tag-head">
        <span class="ai-mark"><?= e($aiTitle) ?></span>
        <p><?= e($aiHint) ?></p>
    </div>
    <div class="ai-tag-actions">
        <button class="pill primary" type="button" data-ai-generate>Zalorox AI ile Etiket Üret</button>
        <button class="pill" type="button" data-ai-add-all disabled>Tümünü ekle</button>
        <button class="pill" type="button" data-ai-clear disabled>Temizle</button>
    </div>
    <div class="ai-tag-chips" data-ai-tags aria-live="polite">
        <span class="muted">Öneriler burada chip olarak görünecek.</span>
    </div>
    <small class="ai-tag-error" data-ai-error hidden></small>
</div>
