/** Datei: themes/lcars/assets.OLD/js/arunox/templates/login.js **/
/**
 * rest/arunox/templates/login.js
 *
 * Some Javascript codes without further description
 *
 * @author         Sparky
 * @copyright      2025 ARUNOX
 * @version        2.0.0
 * @since          2.0.0  Adaptation to new ctx method
 * @since          1.0.0  File is created
 */

ARUNOX.Templates.register( 'login', {
	extends         : 'layout/section',
	hooks           : {
		config          : {
			priority        : 5,
			callback        : function( config, data ) {
				return {
					name        : 'main_section',
					size        : isMobile ? 'sm' : 'md',
					header      : {
						html        : 'h1',
						after       : config.title,
					},
					content     : config?.content,
					footer      : {
						left        : {
							arx         : {
								ref         : 'reload',
							},
						},
						after       : config.copyright,
					},
				};
			},
		},
		dynamicConfig    : {
			once            : true,
			priority        : 6,
			hook            : 'config',
			template        : 'dynamic',
			callback        : function( config, data ) {
				const loginConfig   = {
					title       : 'Login required',
					message     : [ 'Enter login details' ],
				};

				return Object.assignRecursive( config, {
					color       : 'danger',
					header      : {
						after       : false,
						before      : 'Locked',
					},
					aside       : {
						side        : 'left',
					},
					content     : [
						ARUNOX.Templates.config( 'div', {
							classes     : [ 'error__wrapper' ],
							content     : [
								ARUNOX.Templates.config( 'div', {
									classes     : 'error',
									content     : [
										ARUNOX.Templates.config( 'div', {
											classes     : 'error__icon',
											innerHTML   : `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-shield-lock-fill" viewBox="0.98 0 14.05 16" ><path fill-rule="evenodd" d="M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.8 11.8 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7 7 0 0 0 1.048-.625 11.8 11.8 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.54 1.54 0 0 0-1.044-1.263 63 63 0 0 0-2.887-.87C9.843.266 8.69 0 8 0m0 5a1.5 1.5 0 0 1 .5 2.915l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99A1.5 1.5 0 0 1 8 5" ></path></svg>`,
										}),
										ARUNOX.Templates.config( 'div', {
											classes     : 'error__text',
											content     : [
												ARUNOX.Templates.config( 'h1', {
													classes     : 'error__caption',
													content     : loginConfig.title,
												}),
												ARUNOX.Templates.config( 'div', {
													classes     : 'error__message',
													content     : loginConfig.message.join(' or '),
												}),
											],
										}),
									],
								}),
							],
						}),
					]
				});
			},
		},
		afterRender     : function( config, data ) {
			this.instance.container.classList.removeRexEx( /template--.*/ );
			this.instance.container.classList.add( 'theme', 'template--login' );

			this.instance.nodes.footer.nodes.left.replace( 'button', {
				icon        : 'bi bi-arrow-clockwise',
				title       : 'Reload',
				color       : { color: 'danger', target: 'button' },
				href        : 'javascript:location.reload( true );void(0);',
				target      : '_top',
			});

			this.instance.render( 'notifications' );
		},
	},
});

/** Datei: themes/lcars/assets.OLD/js/arunox/templates/default.js **/
ARUNOX.Templates.register( 'default', {
	extends         : 'layout/section',
	hooks           : {
		config          : {
			priority        : 5,
			callback        : function( config, data ) {
				return {
					name        : 'main_section',
					header      : {
						html        : 'h1',
						size        : ARUNOX.Utils.device.isMobile ? 'sm' : 'md',
						after       : config.title,
					},
					aside       : {
						size        : 'xl',
					},
					content     : config?.content,
					footer      : {
						after       : config.copyright,
					},
				};
			},
		},
		afterRender     : function( config, data ) {
			this.instance.container.classList.removeRexEx( /template--.*/ );
			this.instance.container.classList.add( 'theme' );

			this.instance.nodes.footer.nodes.before.apply( 'addMenus', 'tools' );

			this.instance.nodes.aside.nodes.before.apply( 'addMenus', 'sidebar' );

			this.instance.render( 'notifications' );
		},
	},
});