/** Datei: plugins/rest/assets.OLD/js/arunox/_OLD/templates/default.js **/
/**
 * rest/arunox/templates/default.js
 *
 * Some Javascript codes without further description
 *
 * @author         Sparky
 * @copyright      2025 ARUNOX
 * @version        1.0.0
 * @since          1.0.0  File is created
 */

ARUNOX.Templates.register( 'default', class extends ARUNOX.Theme.Component {
	create( config, data ) {
		const breadcrumbs	= document.createElement('div');
		const homeLink		= document.createElement('a');
		const header		= this.createHeader( config, data );
		const sidebar		= this.render( 'part/sidebar', config, data );
		const navbar		= this.createNavbar( config, data );
		const logo		    = this.createLogo( config, data, sidebar );
		const main			= this.render('main', {
			name        : 'main',
			classes     : 'template__content',
			arx         : { component: 'content' },
		});

		homeLink.href = '/';
		homeLink.classList.add( 'breadcrumbs__item', 'breadcrumbs__item--home', 'bi', 'bi-house-door-fill' );

		breadcrumbs.id = 'breadcrumbs';

		breadcrumbs.append( homeLink );
		header.append( breadcrumbs, navbar.element );
		this.append( header, sidebar, main );

		this.parent.element.classList.removeRexEx( /template--.*/ );
		this.parent.element.classList.add( 'theme', 'template--default' );

		this.element.classList.add( 'template__wrapper', 'template--default' );

		this.content = main;

		sidebar.prepend( logo );

		generateMenus();
	}

	createNavbar( config, data ) {
		const wrapper   = this.render('nav');

		wrapper.element.id = 'navbar';
		wrapper.element.classList.add( 'template__navbar', 'menu' );
		wrapper.setData({ menu: 'navbar' });

		return wrapper;
	}
	createHeader( config, data ) {
		const wrapper		= document.createElement('div');

		wrapper.id = 'header';
		wrapper.classList.add( 'template__header' );

		return wrapper;
	}
	createLogo( config, data ) {
		const wrapper		= document.createElement('img');

		wrapper.src = API_PREFIX + '/logo';
		wrapper.classList.add( 'template__logo' );

		return wrapper;
	}
});

ARUNOX.Registry.generator.register( 'part/sidebar', class extends ARUNOX.Theme.Component {
	static htmlTag      = 'aside';

	create( config, data ) {
		const inner	    = this.render('div');

		this.element.id = 'sidebar';
		this.element.classList.add( 'template__sidebar', 'menu' );

		inner.setData({ menu: 'sidebar' });
		inner.element.classList.add( 'menu' );
		this.append( inner );
	}
});