/** Datei: plugins/rest/assets.OLD/js/generator/data/form/control/checkbox.js **/
/**
 * generator/data/form/control/checkbox.js
 *
 * Erstellt eine Checkbox-Gruppe mit mehreren auswählbaren Optionen.
 *
 * @author          Sparky
 * @copyright       2025 ARUNOX
 * @version         1.0.0
 *
 * @since           1.0.0   Erstellt als separater Generator
 */


import { generator } from 'plugins/rest/core/generator';
import { validator } from 'plugins/rest/core/validator';

generator.extend( 'data/form/control/checkbox', async ( config, data, wrapper ) => {
    const container = document.createElement( 'div' );
    let   value     = config.value || data[ config.key ] || [];
    let   elements  = [];

    if( !Array.isArray( value ) ) {
        value = JSON.parse( value );
    }

    wrapper.append( container );

    container.classList.add( 'form__control__group' );

    if( config.options ) {
        for( const option of config.options ) {
            const label     = document.createElement( 'label' );
            const element   = document.createElement( 'input' );

            element.type        = 'checkbox'
            element.name        = `${ config.key }[]`;
            element.value       = option.value;
            element.checked     = value.includes( option.value );
            element.required    = !!config.required;

            label.classList.add( 'form__control__label' );
            label.innerText     = option.label;

            label.prepend( element );
            container.append( label );

            elements.push( element );
        }
    }

    if( typeof config?.validate?.minChecked === 'undefined' ) {
        if( config.required && config.validate?.required ) {
            config.validate.minChecked = config.validate.required;
        }
    }

    if( typeof config?.validate?.minChecked === 'string' ) {
        config.validate.minChecked = {
            value   : 1,
            message : config.validate.minChecked,
        };
    }

    validator.add( elements, 'checkbox' );

    await generator.generate( 'data/form/additional/defaults', config, data, undefined, wrapper );
    await generator.generate( 'data/form/additional/validate', config, data, elements, wrapper );
});

/** Datei: plugins/rest/assets.OLD/js/generator/data/form/control/range.js **/
/**
 * generator/data/form/control/range.js
 *
 * Erstellt ein Passwortfeld mit optionaler Bestätigungsprüfung.
 *
 * @author          Sparky
 * @copyright       2025 ARUNOX
 * @version         1.0.0
 *
 * @since           1.0.0   Erstellt als separater Generator
 */


import { generator } from 'plugins/rest/core/generator';
import { validator } from 'plugins/rest/core/validator';

generator.extend( 'data/form/control/range', async ( config, data, wrapper ) => {
    const element   = document.createElement( 'input' );

    element.type    = 'range';
    element.name    = config.key;
    element.value   = data[ config.key ] ?? config.value ?? '50';
    element.min     = config.min    ?? '0';
    element.max     = config.max    ?? '100';
    element.step    = config.step   ?? '10';

    await generator.generate( 'data/form/additional/defaults', config, data, element, wrapper );
    await generator.generate( 'data/form/additional/validate', config, data, element, wrapper );

    return element;
});

/** Datei: plugins/rest/assets.OLD/js/generator/data/form/control/radio.js **/
/**
 * generator/data/form/control/radio.js
 *
 * Erstellt eine Gruppe von Radio-Buttons für eine Einzelauswahl.
 *
 * @author          Sparky
 * @copyright       2025 ARUNOX
 * @version         1.0.0
 *
 * @since           1.0.0   Erstellt als separater Generator
 */


import { generator } from 'plugins/rest/core/generator';
import { validator } from 'plugins/rest/core/validator';

generator.extend( 'data/form/control/radio', async ( config, data, wrapper ) => {
    const container = document.createElement( 'div' );
    let   elements  = [];

    wrapper.append( container );

    container.classList.add( 'form__control__group' );

    if( config.options ) {
        for( const option of config.options ) {
            const label     = document.createElement( 'label' );
            const element   = document.createElement( 'input' );

            element.type        = 'radio'
            element.name        = config.key;
            element.value       = option.value;
            element.checked     = option.value == ( config.value || data[ config.key ] );
            element.required    = !!config.required;

            label.classList.add( 'form__control__label' );
            label.innerText     = option.label;

            if( option.icon ) {
                const icon = await generator.generate( 'components/icon', {
                    name    : option.icon,
                    color   : option.color,
                    block   : 'form__control'
                }, {} );

                label.prepend( icon );
            }

            label.prepend( element );
            container.append( label );


            elements.push( element );
        }
    }

    validator.add( elements, 'radio' );

    await generator.generate( 'data/form/additional/defaults', config, data, undefined, wrapper );
    await generator.generate( 'data/form/additional/validate', config, data, elements, wrapper );
});

/** Datei: plugins/rest/assets.OLD/js/generator/data/form/control/textarea.js **/
/**
 * generator/data/form/control/textarea.js
 *
 * Erstellt ein mehrzeiliges Texteingabefeld (`<textarea>`).
 *
 * @author          Sparky
 * @copyright       2025 ARUNOX
 * @version         1.0.0
 *
 * @since           1.0.0   Erstellt als separater Generator
 * @since           1.1.0   Unterstützung für dynamische Zeilenhöhe (`lines`)
 */


import { generator } from 'plugins/rest/core/generator';
import { router } from 'plugins/rest/core/router';

generator.extend( 'data/form/control/textarea', async ( config, data, wrapper ) => {
    const element   = document.createElement( 'textarea' );

    element.name            = config.key;
    element.innerHTML       = data[ config.key ] || config.value || '';
    element.style.resize    = config.resize || 'none';

    wrapper.style.setProperty( '--lines', config.lines || 1 );

    await generator.generate( 'data/form/additional/defaults', config, data, element, wrapper );
    await generator.generate( 'data/form/additional/validate', config, data, element, wrapper );

    return element;
});

/** Datei: plugins/rest/assets.OLD/js/generator/data/form/control/progress.js **/
/**
 * generator/data/form/control/progress.js
 *
 * Erstellt ein Passwortfeld mit optionaler Bestätigungsprüfung.
 *
 * @author          Sparky
 * @copyright       2025 ARUNOX
 * @version         1.0.0
 *
 * @since           1.0.0   Erstellt als separater Generator
 * @since           1.1.0   Unterstützung für Passwort-Bestätigung hinzugefügt
 */


import { router } from 'plugins/rest/core/router';
import { generator } from 'plugins/rest/core/generator';

generator.extend( 'data/form/control/progress', async ( config, data, wrapper ) => {
    const bar       = document.createElement( 'div' );
    const label     = document.createElement( 'div' );
    const element   = document.createElement( 'div' );
    const width     = data[ config.key ] ?? config.value ?? 0;

    bar.classList.add( 'progress__bar' )
    label.classList.add( 'progress__label' )
    element.classList.add( 'progress__wrapper' )

    bar.style.width = width + '%';

    if( config.color ) bar.style.setProperty( '--progress-color', config.color )

    if( config.api ) {
        router.fetchStream( config.api, data, {}, chunk => {
            bar.style.width = chunk.value + '%';

            if( chunk.label ) label.innerText = chunk.label;
            if( chunk.color ) bar.style.setProperty( '--progress-color', chunk.color );
        });
    }

    if( config.action ) {
        element.addEventListener('click', (event) => {
            event.preventDefault();
            event.stopPropagation();

            handleAction( config.action, {}, data, 'rest' );
        });
    }

    element.append( bar, label );
    wrapper.append( element );

    return element;
});

/** Datei: plugins/rest/assets.OLD/js/generator/data/form/control/file.js **/
/**
 * /data/form/control/file.js
 *
 * @author         Sparky
 * @copyright      2025 ARUNOX
 * @version        1.0.0
 *
 */

import { generator } from 'plugins/rest/core/generator';
import { router } from 'plugins/rest/core/router';

generator.extend( 'data/form/control/file', async ( config, data, wrapper ) => {
    const element   = document.createElement( 'input' );
    const origin    = document.createElement( 'input' );

    element.type  = config.type;
    element.name  = config.key;

    if( config.accept )     element.accept      = config.accept;
    if( config.multiple )   element.multiple    = true;

    const fileLabel = document.createElement('span' );
    fileLabel.classList.add( 'form__control', 'is-fake-control' );
    fileLabel.innerText = 'Keine Datei ausgewählt';
    wrapper.appendChild( fileLabel );

    fileLabel.addEventListener( 'click', () => element.click() );

    element.addEventListener( 'change', () => {
        if( element.files.length > 0 ) {
            const fileNames = Array.from( element.files ).map( f => f.name ).join(', ');
            fileLabel.innerText = fileNames;
        } else {
            fileLabel.innerText = 'Keine Datei ausgewählt';
        }
    });

    if( data[ config.key ] ) {
        origin.type   = 'hidden';
        origin.name   = config.key;
        origin.value  = data[ config.key ] || "X";

        fileLabel.innerText = origin.value;
        config.required = false;
    }

    await generator.generate( 'data/form/additional/defaults', config, data, element, wrapper );
    await generator.generate( 'data/form/additional/validate', config, data, element, wrapper );

    if( data[ config.key ] ) {
        wrapper.insertBefore( origin, element );
    }

    return element;
});

/** Datei: plugins/rest/assets.OLD/js/generator/data/form/control/password.js **/
/**
 * generator/data/form/control/password.js
 *
 * Erstellt ein Passwortfeld mit optionaler Bestätigungsprüfung.
 *
 * @author          Sparky
 * @copyright       2025 ARUNOX
 * @version         1.0.0
 *
 * @since           1.0.0   Erstellt als separater Generator
 * @since           1.1.0   Unterstützung für Passwort-Bestätigung hinzugefügt
 */


import { generator } from 'plugins/rest/core/generator';
import { validator } from 'plugins/rest/core/validator';

generator.extend( 'data/form/control/password', async ( config, data, wrapper ) => {
    const element   = document.createElement( 'input' );

    element.name  = config.key;
    element.type  = 'password';

    if( config.validate?.confirm ) {
        validator.add( element, 'confirm' );
    }

    if( config.confirm ) {
        const parent    = wrapper.parentNode;

        config.confirm  = Object.assign( {}, config, {
            key         : config.key + '_confirm',
            label       : config.confirm,
            confirm     : false,
        });


        await generator.generate( 'data/form/control', config.confirm, data, parent );
    }

    await generator.generate( 'data/form/additional/defaults', config, data, element, wrapper );
    await generator.generate( 'data/form/additional/validate', config, data, element, wrapper );

    return element;
});

/** Datei: plugins/rest/assets.OLD/js/generator/data/form/control/code.js **/
/**
 * generator/data/form/control/code.js
 *
 * Erstellt ein mehrzeiliges Texteingabefeld (`<textarea>`).
 *
 * @author          Sparky
 * @copyright       2025 ARUNOX
 * @version         1.0.0
 *
 * @since           1.0.0   Erstellt als separater Generator
 */

import { generator } from 'plugins/rest/core/generator';

generator.extend( 'data/form/control/code', async ( config, data, wrapper ) => {
	const value    = data[config.key] || config.value || '';
	const readonly = config.readonly !== false; // default = true
	const language = config.language || '';     // optional

	if (readonly) {
		const pre  = document.createElement('pre');
		const code = document.createElement('code');

		if (language) {
			code.classList.add(`language-${language}`);
		}

		code.textContent = value;
		pre.appendChild(code);
		wrapper.appendChild(pre);

		// Optional: Highlight.js oder Prism manuell triggern
		// await loadPrism(language);
		await loadHighlightJS();

		if (window.hljs) {
			window.hljs.highlightElement(code);
		} else if (window.Prism) {
			window.Prism.highlightElement(code);
		}
	} else {
		const textarea = document.createElement('textarea');
		textarea.name = config.key;
		textarea.value = value;
		textarea.classList.add('form__control--code-edit');

		// Optional Style
		textarea.style.fontFamily = 'monospace';
		textarea.style.minHeight = '150px';

		wrapper.appendChild(textarea);
	}

	await generator.generate('data/form/additional/defaults', config, data, wrapper.lastChild, wrapper);
	await generator.generate('data/form/additional/validate', config, data, wrapper.lastChild, wrapper);

	return element;
});

async function loadPrism(language) {
	if (!window.Prism) {
		await import('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.min.js');
	}

	if (language && !Prism.languages[language]) {
		try {
			await import(`https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-${language}.min.js`);
		} catch (e) {
			console.warn(`⚠ Prism: Sprache '${language}' konnte nicht geladen werden.`);
		}
	}
}

const loadHighlightJS = async () => {
	if (window.hljs) return;

	// ✅ Browser-kompatibles Bundle laden
	await new Promise(resolve => {
		const script = document.createElement('script');
		script.src = 'https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.8.0/build/highlight.min.js';
		script.onload = resolve;
		document.head.appendChild(script);
	});

	// ✅ CSS-Theme laden (z. B. GitHub-Style)
	const link = document.createElement('link');
	link.rel = 'stylesheet';
	link.href = 'https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/github.min.css';
	document.head.appendChild(link);
};


/** Datei: plugins/rest/assets.OLD/js/generator/data/form/control/select.js **/
/**
 * /data/form/control/select.js
 *
 * @author         Sparky
 * @copyright      2025 ARUNOX
 * @version        1.0.0
 *
 */

import { generator } from 'plugins/rest/core/generator';
import { router } from 'plugins/rest/core/router';

generator.extend( 'data/form/control/select', async ( config, data, wrapper ) => {
    const element   = document.createElement( 'select' );

    element.name  = config.key;

    if( config.choose ) {
        const choose = document.createElement( 'option' );

        choose.innerText    = config.choose;
        choose.selected     = true;
        choose.value        = config.choose_id ?? '';

        element.append( choose );
    }

    if( config.options ) {
        for( const optionConfig of config.options ) {
            const option = document.createElement( 'option' );

            option.value       = optionConfig.value;
            option.innerText   = optionConfig.label;
            option.selected    = optionConfig.value == ( config.value || data[ config.key ] );
            option.disabled    = !!optionConfig.disabled;

            element.append( option );
        }
    }

    await generator.generate( 'data/form/additional/defaults', config, data, element, wrapper );
    await generator.generate( 'data/form/additional/validate', config, data, element, wrapper );

    return element;
});