// preset-ui.js
window.PresetUI = {
    renderTable() {
        const tableBody = document.querySelector('#sortable-tbody');
        if (!tableBody) return;
        tableBody.innerHTML = '';
        
        window.PresetManager.presets.forEach((preset, index) => {
            const row = document.createElement('tr');
            row.setAttribute('data-index', index);
            row.innerHTML = `
                <td class="drag-handle">☰</td>
                <td><input type="text" value="${preset.name}" onchange="PresetUI.changeName(${index}, this.value)"></td>
                <td><input type="text" value="${preset.url}" onchange="PresetUI.changeURL(${index}, this.value)"></td>
                <td><button class="delete-btn" onclick="PresetUI.deletePreset(${index})"><i class="fas fa-trash-alt"></i></button></td>
            `;
            tableBody.appendChild(row);
        });
        this.updateExportFields();
    },

    async updateExportFields() {
        const exportField = document.getElementById('export-string-field');
        if (!exportField || !window.PresetManager) return;
        const dataString = await window.PresetManager.generateExportCode(false); 
        const baseUrl = window.location.origin + window.location.pathname;
        exportField.value = baseUrl + '#' + dataString;
    },

    copyShareLink() {
        const exportField = document.getElementById('export-string-field');
        if (!exportField || !exportField.value) return;

        if (navigator.clipboard && window.isSecureContext) {
            navigator.clipboard.writeText(exportField.value)
                .catch(() => this.fallbackCopy(exportField));
        } else {
            this.fallbackCopy(exportField);
        }
    },

    fallbackCopy(field) {
        field.select();
        field.setSelectionRange(0, 99999);
        try {
            document.execCommand('copy');
        } catch (err) {
            window.UI.showAlert("Fehler", "Link bitte manuell kopieren.");
        }
    },

    addPreset() {
        // Hier Umlaute vermeiden oder Entities nutzen beim Default-Namen
        window.PresetManager.presets.push({ name: 'Neuer Sender', url: '' });
        this.renderTable();
    },

    deletePreset(index) {
        // "Löschen" -> "L&ouml;schen" zur Sicherheit
        window.UI.showConfirm("L&ouml;schen", "Sender wirklich entfernen?", (conf) => {
            if (conf) {
                window.PresetManager.presets.splice(index, 1);
                this.renderTable();
            }
        });
    },

    changeName(i, v) {
        window.PresetManager.presets[i].name = v;
        this.updateExportFields();
    },

    changeURL(i, v) {
        window.PresetManager.presets[i].url = v;
        this.updateExportFields();
    }
};

window.addPreset = () => window.PresetUI.addPreset();
window.deletePreset = (i) => window.PresetUI.deletePreset(i);
window.copyShareLink = () => window.PresetUI.copyShareLink();