{{-- Behaviour for the AI Assistant Setup tab (add/remove/generate prompt rows) --}}
<script>
    (function () {
        document.querySelectorAll('[data-prompt-editor]').forEach(function (editor) {
            var list      = editor.querySelector('[data-prompts-list]');
            // Template lives inside the editor; fall back to a document-wide
            // lookup so a future template-relocation doesn't break this script.
            var template  = editor.querySelector('[data-prompt-row-template]')
                          || document.querySelector('[data-prompt-row-template]');
            var addBtn    = editor.querySelector('[data-add-prompt]');
            var suggest   = editor.querySelector('[data-suggest-prompts]');
            if (!list) return;
            if (!template) {
                console.warn('[assistant prompts] template element not found; add/generate disabled.');
            }

            function nextIndex() {
                return list.querySelectorAll('[data-prompt-row]').length;
            }

            function dropEmpty() {
                var empty = list.querySelector('[data-prompts-empty]');
                if (empty) empty.remove();
            }

            function reindex() {
                var rows = list.querySelectorAll('[data-prompt-row]');
                rows.forEach(function (row, i) {
                    row.querySelectorAll('[name]').forEach(function (el) {
                        el.name = el.name.replace(/assistant_prompts\[(?:__INDEX__|\d+)\]/, 'assistant_prompts[' + i + ']');
                    });
                });
            }

            function addRow(text) {
                if (!template) return null;
                dropEmpty();
                var idx = nextIndex();
                var html = template.innerHTML.replace(/__INDEX__/g, String(idx));
                var holder = document.createElement('div');
                holder.innerHTML = html.trim();
                var row = holder.firstElementChild;
                if (!row) return null;
                if (text) {
                    var input = row.querySelector('[data-prompt-text]');
                    if (input) input.value = text;
                }
                list.appendChild(row);
                return row;
            }

            list.addEventListener('click', function (e) {
                var btn = e.target.closest('[data-remove-prompt]');
                if (!btn) return;
                var row = btn.closest('[data-prompt-row]');
                if (row) {
                    row.remove();
                    reindex();
                    if (!list.querySelector('[data-prompt-row]')) {
                        var empty = document.createElement('p');
                        empty.className = 'rounded-lg border border-dashed border-white/15 bg-slate-900/30 p-3 text-xs text-slate-400';
                        empty.setAttribute('data-prompts-empty', '');
                        empty.innerHTML = 'No prompts yet. Click <em>Generate suggested prompts</em> or <em>+ Add prompt</em> to add some.';
                        list.appendChild(empty);
                    }
                }
            });

            if (addBtn) {
                addBtn.addEventListener('click', function () {
                    var row = addRow('');
                    var input = row.querySelector('[data-prompt-text]');
                    if (input) input.focus();
                });
            }

            if (suggest) {
                var label = suggest.querySelector('[data-suggest-label]') || suggest;
                var url   = suggest.getAttribute('data-suggest-url');
                var token = (document.querySelector('meta[name="csrf-token"]') || {}).content
                         || (function () {
                             var f = document.querySelector('form input[name="_token"]');
                             return f ? f.value : '';
                         })();

                suggest.addEventListener('click', function () {
                    if (suggest.disabled) return;
                    if (!url) {
                        alert('Save the model once before generating suggestions.');
                        return;
                    }
                    suggest.disabled = true;
                    var original = label.textContent;
                    label.textContent = 'Generating...';

                    fetch(url, {
                        method: 'POST',
                        credentials: 'same-origin',
                        headers: {
                            'X-CSRF-TOKEN': token,
                            'Accept': 'application/json',
                            'Content-Type': 'application/json',
                            'X-Requested-With': 'XMLHttpRequest'
                        },
                        body: '{}'
                    })
                    .then(function (r) {
                        return r.text().then(function (raw) {
                            if (!r.ok) {
                                console.error('[assistant prompts] HTTP', r.status, raw);
                                throw new Error('HTTP ' + r.status);
                            }
                            try { return JSON.parse(raw); }
                            catch (e) {
                                console.error('[assistant prompts] non-JSON response', raw);
                                throw new Error('Bad response from server');
                            }
                        });
                    })
                    .then(function (data) {
                        var prompts = (data && Array.isArray(data.prompts)) ? data.prompts : [];
                        if (!prompts.length) {
                            alert('No prompts were generated. Try again or check OPENAI_API_KEY.');
                            return;
                        }
                        prompts.forEach(function (p) { addRow(String(p)); });
                    })
                    .catch(function (err) {
                        console.error('[assistant prompts]', err);
                        alert('Could not generate suggestions: ' + err.message);
                    })
                    .finally(function () {
                        suggest.disabled = false;
                        label.textContent = original;
                    });
                });
            }
        });
    })();
</script>