/** Datei: plugins/rest/assets.OLD/js/generator/templates/default.js **/
/**
 * 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
 */

import { template } from 'plugins/rest/core/template';
import { generateMenus } from 'plugins/rest/core/helpers';
import { API_PREFIX } from "../../app.js";

template.extend('default', async ( routeConfig, response, container ) => {
	const breadcrumbs	= document.createElement('div');
	const homeLink		= document.createElement('a');
	const sidebar		= document.createElement('aside');
	const header		= document.createElement('div');
	const navbar		= document.createElement('nav');
	const main			= document.createElement('main');
	const logo			= document.createElement('img');

	sidebar.id = 'sidebar';
	sidebar.dataset.restMenu = 'sidebar';
	sidebar.classList.add( 'template__sidebar' );

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

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

	breadcrumbs.id = 'breadcrumbs';

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

	navbar.id = 'navbar';
	navbar.dataset.restMenu = 'navbar';
	navbar.classList.add( 'template__navbar' );

	main.id = 'main';
	main.classList.add( 'template__content' );


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

	await generateMenus();

	sidebar.prepend( logo );
});

RESTTheme.template.default = class RESTThemeTemplateDefault extends RESTComponent {
	create( config, data, container ) {
		const wrapper = document.createElement("section");
		wrapper.classList.add("login-frame");

		// Logo
		const logo = document.createElement("img");
		logo.src = config.logo || "/logo.svg";
		wrapper.appendChild(logo);

		// Form aus Generator
		// LCARS.generator.form.create(config.form, data, wrapper);

		container.appendChild(wrapper);
		return wrapper;
	}
};