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

ARUNOX.Hooks.register( 'template.login->config.OLD', function( config ) {
	config.content ??= {};
	config.content.message ??= [];

	if( ARUNOX.Tools?.NFC.exists() ) {
		config.content.message.push('scan access card');
	}

	return config;
});

ARUNOX.Hooks.register( 'template.login->afterRender.OLD', function() {
	ARUNOX.Hooks.once( 'wrapper.dynamic->afterRender.OLD', function() {
		const section   = this.instance;
		const parent    = this.instance.parent;

		if( ARUNOX.Tools?.NFC.exists() ) {
			const NFCConfig = Object.assignRecursive( {}, section.element.ARX.storage.config, {
				color       : 'danger',
				header      : {
					after       : false,
					before      : 'Permission',
				},
				aside       : {
					side        : 'left',
				},
				footer      : {
					after       : {
						content     : [
							ARUNOX.Theme.htmlTag.config( 'button', {
								id          : 'NFC_grant_authorization',
								icon        : 'bi-check-lg',
								label       : 'Berechtigung erteilen',
								onClick     : () => ARUNOX.Tools.NFC.read(),
								style       : {
									width       : '100%',
									maxWidth    : '100%',
								},
							}),
						],
					},
				},
			});

			NFCConfig.content = [
				ARUNOX.Theme.htmlTag.config( 'div', {
					classes     : 'error__wrapper',
					content     : [
						ARUNOX.Theme.htmlTag.config( 'div', {
							classes     : 'error',
							content     : [
								ARUNOX.Theme.htmlTag.config( 'div', {
									classes     : 'error__icon',
									innerHTML   : `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-shield-fill-exclamation" 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 0m-.55 8.502L7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0M8.002 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2"></path></svg>`,
								}),
								ARUNOX.Theme.htmlTag.config( 'div', {
									classes     : 'error__text',
									content     : [
										ARUNOX.Theme.htmlTag.config( 'h1', {
											classes     : 'error__caption',
											textNode    : 'NFC Gerät',
										}),
										ARUNOX.Theme.htmlTag.config( 'div', {
											classes     : 'error__message',
											textNode    : 'Fehlende Berechtigung',
										}),
									],
								}),
							],
						}),
					],
				})
			];

			const NFCQuery  = parent.render( 'layout/section', NFCConfig );
			const NFCHide   = () => {
				NFCQuery.element.remove();
				parent.append( section );
			};
			const NFCShow   = ( denied ) => {
				section.element.remove();
				parent.append( NFCQuery )

				if( denied ) NFCQuery.elements.footer.elements.after.remove();
			};

			ARUNOX.Tools.NFC.onDenied   = () => NFCShow( true );

			if( typeof ARUNOX.Tools.NFCReadLogin === 'function' ) {
				ARUNOX.Tools.NFC.onRead     = ARUNOX.Tools.NFCReadLogin;
			}

			ARUNOX.Tools.NFC.onGranted  = NFCHide;
			ARUNOX.Tools.NFC.onPrompt   = () => NFCShow( false );

			ARUNOX.Tools.NFC.init();
		}

		if( ARUNOX.Tools?.Keyboard ) {
			const loginForm     = section.element.querySelector('form');
			const Keyboard      = parent.render( 'layout/section', {
				name        : 'keyboard',
				color       : 'primary',
				style       : {
					order       : 2,
					flexBasis   : '200%',
				},
				header      : {
					after       : '#',
				},
				aside       : {
					side        : 'right',
				},
				footer      : {
					before      : 'Keyboard',
				}
			});

			const KBCopen       = section.element.ARX.elements.header.addRight( true );
			const KBCclose      = Keyboard.element.ARX.elements.footer.addRight( true );
			const KBCnumber     = Keyboard.element.ARX.elements.header.addAfter( true );
			const KBCback       = Keyboard.element.ARX.elements.header.addBefore( true );
			const KBCclear      = Keyboard.element.ARX.elements.header.addRight( true );

			const KBBopen       = KBCopen.replace( 'button', {
				htmlTag : 'a',
				icon    : 'bi bi-keyboard',
				title   : 'Keyboard',
				color   : { color: 'default', target: 'button' },
			});
			const KBBclose      = KBCclose.replace( 'button', {
				htmlTag : 'a',
				icon    : 'bi bi-caret-down-fill',
				title   : 'Schließen',
			});
			const KBBclear      = KBCclear.replace( 'button', {
				htmlTag : 'a',
				color   : 'danger',
				icon    : 'bi bi-trash',
				title   : 'Zurücksetzen',
			});
			const KBBback       = KBCback.replace( 'button', {
				htmlTag : 'a',
				color   : 'secondary',
				icon    : 'bi bi-backspace',
				title   : 'Löschen',
			});

			const KBEnumber     = KBCnumber.element.querySelector('.frame__title');

			KBCopen.reset();

			ARUNOX.Tools.Keyboard.init({
				visible     : false,
				type        : 'base36',
				closeBtn    : KBBclose,
				openBtn     : KBBopen,
				backBtn     : KBBback,
				clearBtn    : KBBclear,
				number      : KBEnumber.ARX,
				content     : Keyboard.elements.content,
				onHide      : () => {
					loginForm.style.display = '';
					KBCopen.replace( KBBopen );
					Keyboard.element.remove();
				},
				onShow      : () => {
					loginForm.style.display = 'none';
					KBCopen.reset();
					parent.append( Keyboard )
				},
				onBackHide  : () => {
					KBCback.reset();
				},
				onBackShow  : () => {
					KBCback.replace( KBBback );
				},
				onClearHide : () => {
					KBCclear.reset();
				},
				onClearShow : () => {
					KBCclear.replace( KBBclear );
				},
				onRefresh   : ( value ) => ARUNOX.Tools.NFCManuelLogin( value ),
			});
		}
	});
});

/** Datei: plugins/cards/assets/js/arunox/hooks/templates/_general.js **/
/**
 * cards/arunox/hooks/templates/v.js
 *
 * Some Javascript codes without further description
 *
 * @author         Sparky
 * @copyright      2025 ARUNOX
 * @version        1.0.0
 * @since          1.0.0  File is created
 */

ARUNOX.Hooks.register( 'template->beforeRender.OLD', function() {
	if( ARUNOX.Tools?.NFC.exists() ) {
		ARUNOX.Tools.NFC.onRead     = null;
		ARUNOX.Tools.NFC.onError    = null;
		ARUNOX.Tools.NFC.onError    = null;
		ARUNOX.Tools.NFC.onPrompt   = null;
		ARUNOX.Tools.NFC.onDenied   = null;
		ARUNOX.Tools.NFC.onGranted  = null;
		ARUNOX.Tools.NFC.onWritten  = null;

		ARUNOX.Tools.NFC.init();
	}
}, 0 );

ARUNOX.Hooks.register( 'wrapper->beforeRender.OLD', function() {
	if( this.instance.storage.config.title == 'PWAs' ) {
		// console.log( 'wrapper->beforeRender', this.instance.element, this.instance.storage.config );
	}
}, 0 );