Telegram iComsium Current root: /home4/jrbprodu/public_html/website_d7f7f658/wp-content/themes/Divi
Current path: /home4/jrbprodu/public_html/website_d7f7f658/wp-content/themes/Divi

Dosya Düzenle: backend.js

function sasoEventtickets(_myAjaxVar, doNotInit) {
	const { __, _x, _n, sprintf } = wp.i18n;
	let myAjax = _myAjaxVar;
	let self = this;
	let PREMIUM = null;
	var $ = jQuery;
	var PARAS = basics_ermittelURLParameter();
	var DATA = {
        /*action: '',*/
        nonce: myAjax.nonce,
		last_nonce_check: 0
    };

var STATE = null;

if (_myAjaxVar._doNotInit) doNotInit = true;

function time() {
		return new Date().getTime();
	}

// Format activation timestamp ("YYYY-MM-DD HH:MM:SS" or with trailing "~" for estimate)
	// to a localized date. The "~" suffix marks values derived from filesystem mtime
	// rather than a real activation event — they're shown with "(estimate)" hint.
	function _formatActivationDate(s) {
		if (!s) return '';
		var isEstimate = s.slice(-1) === '~';
		if (isEstimate) s = s.slice(0, -1);
		var d = new Date(s.replace(' ', 'T') + 'Z');
		if (isNaN(d.getTime())) return s + (isEstimate ? ' (estimate)' : '');
		var dateStr = d.toLocaleDateString();
		return dateStr + (isEstimate ? ' (estimate)' : '');
	}

function destroy_tags(t) {
		if (t != null) {
			t = t.replace("<", "").replace(">","");
		}
		return t;
	}

function _requestURL(action, myData) {
		let paras = '?action='+myAjax._action+'&a_sngmbh='+action+'&nonce='+ DATA.nonce+'&t='+time();
		if (myData) {
			for(let key in myData) paras += '&data['+key+']='+encodeURIComponent(myData[key]);
		}
		for(let key in DATA) paras += '&'+key+'='+encodeURIComponent(DATA[key]);
		return myAjax.url + paras;
	}

function getOptionsFromServer(cbf, ecbf, pcbf) {
		_makeGet('getOptions', {}, options=>{
			_setOptions(options);
			cbf && cbf(options);
		}, ecbf, pcbf);
	}

req.send();
	}

// Immediately recheck license after serial change
				let $statusEl = $('[data-key="serial"]').parent().find('.saso-license-inline-status');
				if ($statusEl.length === 0) {
					$statusEl = $('<span class="saso-license-inline-status" style="margin-left:10px;">');
					$('[data-key="serial"]').after($statusEl);
				}
				$statusEl.html('<i>'+__('Checking license...', 'event-tickets-with-ticket-scanner')+'</i>');
				_makePost('recheckLicense', {}, function(result) {
					if (result) {
						let color = result.active ? 'green' : 'red';
						let label = result.active ? __('Active', 'event-tickets-with-ticket-scanner') : __('Inactive', 'event-tickets-with-ticket-scanner');
						if (result.subscription_type === 'lifetime') label += ' (Lifetime)';
						$statusEl.html('<span style="color:'+color+';font-weight:bold;">'+label+'</span>');
					}
					// ALWAYS reload after a serial save — the backend may have swapped
					// Starter → Premium during save, and the page state needs to refresh
					// to reflect the new plugin. Reloading regardless of active/inactive
					// ensures users never get stuck with a stale banner.
					if ($serialValue !== '') {
						setTimeout(function() { location.reload(); }, 2000);
					}
				}, function() {
					$statusEl.html('<span style="color:red;">'+__('Check failed', 'event-tickets-with-ticket-scanner')+'</span>');
					// Reload anyway — save succeeded, recheck just failed (network/server)
					if ($serialValue !== '') {
						setTimeout(function() { location.reload(); }, 3000);
					}
				});
				if (_getOptions_Versions_getByKey('isOldPremiumDetected')) {
					__checkPremiumUpdateAfterSerial(value);
				}
			}
		}, null,
		()=>{
			pcbf && pcbf();
			if (key == "wcTicketDesignerTemplateTest") {
				$("#wcTicketDesignerTemplateTest_button_PDF").prop("disabled", true).text(__('saving...', 'event-tickets-with-ticket-scanner'));
			}
		});

}

// Only warn for subscriptions, NOT for lifetime/onetime licenses
						// Lifetime licenses continue working with Basic < 2.8.0
						let subType = expiration.subscription_type || '';
						let isLifetime = subType === 'lifetime' || subType === 'onetime' || !subType;

if (!isLifetime) {
							// Monthly or Yearly subscription - Premium will STOP
							let isMonthly = subType.toLowerCase().includes('month');
							let title, bodyText;

if (isMonthly) {
								title = "Your monthly subscription payment is due soon!";
								bodyText = "Your premium license will be <strong>disabled</strong> if the payment fails on "+expiration.expiration_date+ ' '+expiration.timezone+'.<br>Please ensure your payment method is up to date.<br>'+msg+'After payment failure, the plugin will revert to Basic features only.<br>You can manage your subscription in your <a target=\"_blank\" style=\"color:white;font-weight:bold;\" href=\"https://vollstart.com/event-tickets-with-ticket-scanner/\">account settings</a>.';
							} else {
								title = "Your premium license expires soon!";
								bodyText = "Your premium license will be <strong>disabled</strong> on "+expiration.expiration_date+ ' '+expiration.timezone+'.<br>It will revert to Basic features only after expiration.<br>'+msg+'You can <a target=\"_blank\" style=\"color:white;font-weight:bold;\" href=\"https://vollstart.com/event-tickets-with-ticket-scanner/\">renew your premium license here</a>.';
							}

let info_box = $('<div style="background-color:#dc3232;color:white;padding:10px;border-left:4px solid #dc3232;">').html("<strong>"+title+"</strong><br>"+bodyText);
							$('body').find('div[data-id="plugin_info_area"]').html(info_box);
						}
					}
				}
			}
		}
	}

function intval(v) {
		let retv = parseInt(v,10);
		if (isNaN(retv)) retv = 0;
		return retv;
	}

function DateFormatStringToDateTimeText(datestring, format, timezone_id) {
		if (!format) format = getDefaultDateTimeFormat();
		let millisek = parseToMillis(datestring, timezone_id);
		return Date2Text(millisek, format, timezone_id);
	}
	function DateFormatStringToDateText(datestring, format, timezone_id) {
		let millisek = parseToMillis(datestring, timezone_id);
		return Date2Text(millisek, format, timezone_id);
	}

function Date2Text(millisek, format, timezone_id) {
		// 1) Timezone bestimmen (Fallback: UTC)
		if (!timezone_id) {
			timezone_id = _getOptions_Versions_getByKey("date_WP_timezone") || "UTC";
		}

// 2) Timestamp normalisieren (PHP liefert oft Sekunden; JS braucht Millisekunden)
		if (typeof millisek === "string") millisek = Number(millisek);
		if (!millisek) {
			// Deine bestehende Logik – falls du hier einen Unix-TS in Sekunden bekommst, bitte ggf. *1000 ergänzen
			millisek = time(timezone_id);
		}
		if (String(Math.trunc(millisek)).length === 10) {
			millisek = millisek * 1000;
		}
		const date = new Date(Number(millisek));

// 3) Defaults für Format
		if (!format) {
			format = getDefaultDateFormat();
		}

// 4) Lokalisierte Kurzformen (nutzt deine _x-Übersetzungen)
		const tage = [
			_x('Sun', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Mon', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Tue', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Wed', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Thu', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Fri', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Sat', 'cal', 'event-tickets-with-ticket-scanner')
		];
		const monate = [
			_x('Jan', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Feb', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Mar', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Apr', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('May', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Jun', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Jul', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Aug', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Sep', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Oct', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Nov', 'cal', 'event-tickets-with-ticket-scanner'),
			_x('Dec', 'cal', 'event-tickets-with-ticket-scanner')
		];

// 5) Teile in gewünschter Timezone extrahieren
		const dtf = new Intl.DateTimeFormat("de-CH", {
			timeZone: timezone_id,
			year: "numeric",
			month: "2-digit",
			day: "2-digit",
			hour: "2-digit",
			minute: "2-digit",
			second: "2-digit",
			weekday: "short",
			hour12: false
		});
		const parts = Object.fromEntries(dtf.formatToParts(date).map(p => [p.type, p.value]));

const monthNum = Number(parts.month);     // 1..12 (als "01".."12")
		const dayNum   = Number(parts.day);       // 1..31
		const hourNum  = Number(parts.hour);      // 0..23

// Wochentag-Index (0=Sun..6=Sat) in der angegebenen Timezone
		const weekdayEn = new Intl.DateTimeFormat("en-US", { timeZone: timezone_id, weekday: "short" }).format(date);
		const weekdayIndex = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"].indexOf(weekdayEn);

// 6) Token-Mapping (PHP-ähnlich)
		const formate = {
			'd': parts.day,                                   // 01..31
			'j': String(dayNum),                              // 1..31
			'D': tage[weekdayIndex],                          // So/Mo/... (aus _x oben, hier auf 'Sun'.. gemappt)
			'w': String(weekdayIndex),                        // 0..6 (So=0)
			'm': parts.month,                                 // 01..12
			'M': monate[monthNum - 1],                        // Jan..Dec (aus _x oben)
			'n': String(monthNum),                            // 1..12
			'Y': parts.year,                                  // 2025
			'y': parts.year.slice(-2),                        // 25
			'H': parts.hour,                                  // 00..23
			'h': String(((hourNum % 12) || 12)).padStart(2,'0'), // 01..12
			'i': parts.minute,                                // 00..59
			's': parts.second                                 // 00..59
		};

// 7) Token ersetzen (ohne %; entspricht deiner aktuellen Logik)
		for (const akey in formate) {
			const rg = new RegExp(akey, "g");
			format = format.replace(rg, formate[akey]);
		}
		return format;
	}

// Hilfsfunktion: Offset-Minuten einer IANA-Zeitzone für einen UTC-Instant ermitteln.
	// Nutzt Intl.DateTimeFormat mit timeZoneName:'shortOffset' (z.B. "GMT+2").
	function _getTzOffsetMinutes(utcDate, timezone_id) {
		const fmt = new Intl.DateTimeFormat('en-US', {
			timeZone: timezone_id,
			timeZoneName: 'shortOffset',
			year: 'numeric', month: '2-digit', day: '2-digit',
			hour: '2-digit', minute: '2-digit', second: '2-digit',
			hour12: false
		});
		const parts = fmt.formatToParts(utcDate);
		const z = parts.find(p => p.type === 'timeZoneName')?.value || 'GMT+0';
		// Erwartete Form: "GMT+2" oder "GMT+02:00"
		const m = z.match(/GMT([+-])(\d{1,2})(?::?(\d{2}))?/i);
		if (!m) return 0;
		const sign = m[1] === '-' ? -1 : 1;
		const hours = parseInt(m[2], 10);
		const mins  = m[3] ? parseInt(m[3], 10) : 0;
		return sign * (hours * 60 + mins);
	}

// Wandelt verschiedenste Eingaben in einen UTC-Millis-Timestamp.
	// - Zahlen (Sekunden/Millis) -> normalisiert
	// - ISO-Strings mit Z/±hh:mm -> nativ geparst
	// - Naive Strings (z.B. "YYYY-MM-DD HH:mm:ss") -> als timezone_id-Wandzeit interpretiert
	function parseToMillis(input, timezone_id) {
		timezone_id = timezone_id || (typeof _getOptions_Versions_getByKey === 'function'
			? _getOptions_Versions_getByKey("date_WP_timezone") : "UTC");

// 1) Direkt Number?
		if (typeof input === 'number') {
			// 10-stellige Sekunden -> *1000
			if (String(Math.trunc(input)).length === 10) return input * 1000;
			return input; // bereits Millisekunden
		}

// 2) String -> trim
		if (typeof input === 'string') {
			const s = input.trim();

// 2a) Reine Ziffern -> Sekunden/Millis
			if (/^\d+$/.test(s)) {
				const n = Number(s);
				return (s.length === 10) ? n * 1000 : n;
			}

// 2b) ISO mit Z / Offset -> nativ (sicher)
			if (/T.*(Z|[+-]\d{2}:\d{2})$/.test(s)) {
				const d = new Date(s);
				if (!isNaN(d)) return d.getTime();
			}

// 2c) Naive Formate: "YYYY-MM-DD HH:mm:ss" | "YYYY/MM/DD HH:mm" | "YYYY-MM-DD"
			// Wir parsen Komponenten und interpretieren sie als Wandzeit in timezone_id.
			const m = s.match(
				/^(\d{4})[-\/](\d{2})[-\/](\d{2})(?:[ T](\d{2}):(\d{2})(?::(\d{2}))?)?$/
			);
			if (m) {
				const Y = parseInt(m[1], 10);
				const Mo = parseInt(m[2], 10);
				const D = parseInt(m[3], 10);
				const H = m[4] ? parseInt(m[4], 10) : 0;
				const I = m[5] ? parseInt(m[5], 10) : 0;
				const S = m[6] ? parseInt(m[6], 10) : 0;

// Instant-Kandidat in UTC aus den "lokalen" Komponenten
				// Idee: Komponenten als UTC annehmen -> Offset der Ziel-Zeitzone abziehen.
				const utcGuess = new Date(Date.UTC(Y, Mo - 1, D, H, I, S));

// Offset der Ziel-Zone zum angegebenen Zeitpunkt holen (inkl. DST)
				const offMin = _getTzOffsetMinutes(utcGuess, timezone_id);

// Echte UTC-Millis, wenn Y-M-D H:I:S die Wandzeit in timezone_id ist:
				return utcGuess.getTime() - offMin * 60 * 1000;
			}

// 2d) Fallback: Versuch natives Date (Browser-lokal) – nicht ideal, aber besser als NaN
			const d = new Date(s.replace(' ', 'T'));
			if (!isNaN(d)) return d.getTime();
		}

// 3) Wenn alles fehlschlägt -> NaN (oder wirf Fehler je nach Policy)
		return NaN;
	}
	function _getMediaData(mediaid, cbf) {
		_makeGet('getMediaData', {'mediaid':mediaid}, (ret)=>{
			cbf && cbf(ret);
		});
	}

function getDataLists(cbf) {
		if (DATA_LISTS !== null) cbf && cbf();
		_makeGet('getLists', {}, data=>{
			DATA_LISTS = data;
			__updateFirstStepsProgress();
			cbf && cbf(DATA_LISTS);
		});
	}

function updateCodeObject(codeObj, newCodeObj) {
		for(var prop in newCodeObj) {
			codeObj[prop] = newCodeObj[prop];
		}
		codeObj.metaObj = null;
	}

function closeDialog(dlg) {
		try {
			$(dlg).dialog("close");
		} catch(e) {}
		$(dlg).html('');
		try {
			$(dlg).dialog("destroy");
		} catch(e) {}
		$(dlg).remove();
	}

function getUseFulVideosHTML() {
		return '<h3>Useful videos</h3><ul><li><span class="dashicons dashicons-external"></span><a href="https://youtu.be/yJcHMV7oAFc" target="_blank">Setup for use case Event Organizer (Youtube)</a></li><li><span class="dashicons dashicons-external"></span><a href="https://www.youtube.com/watch?v=TDMWI0R_HXQ" target="_blank">Setup for use case Club, Spa and Fitness clubs (Youtube)</a></li></ul>';
	}

function getAuthtokens(cbf) {
		if (DATA_AUTHTOKENS !== null) cbf && cbf();
		_makeGet('getAuthtokens', {}, data=>{
			DATA_AUTHTOKENS = data;
			cbf && cbf(DATA_AUTHTOKENS);
		});
	}

function _displayAuthTokensArea() {
		STATE = 'authtokens';
		DIV.html('');
		DIV.append(getBackButtonDiv());

DIV.append('<h3>'+_x('Auth Token', 'label', 'event-tickets-with-ticket-scanner')+'</h3>');
		$('<p>').html(__('You can add auth tokens, that can be used to access your ticket scanner. Create an auth token and pass the QR code to the user or let the user scan it from your admin area. The used auth token will bypass any access restriction settings for the ticket scanner that are set in the options.', 'event-tickets-with-ticket-scanner')).appendTo(DIV);
		$('<p>').html(__('The user scan the QR code for the auth token with the ticket scanner. Just like a normal ticket. The system will store the auth token to the browser.', 'event-tickets-with-ticket-scanner')).appendTo(DIV);
		let loading = $('<div/>').html(_getSpinnerHTML()).appendTo(DIV);
		let div2 = $('<div class="et-card">').appendTo(DIV);
		let tplace = $('<div class="et-card"/>');

getOptionsFromServer(reply=>{
			let tabelle_authtokens_datatable;
			let btn_new = $('<button/>').addClass("button-primary").html(_x('Add', 'label', 'event-tickets-with-ticket-scanner')).on("click", ()=>{
				__showMaskAuthtoken(null);
			});
			$('<div/>').css('text-align', 'right').css('margin-bottom','10px').append(btn_new).appendTo(div2);
			let div_tabelle = $('<div>');
			loading.html("");
			tplace.html("").append(div_tabelle).appendTo(div2);

dlg.find("form").append('<p>'+_x('Bound to product(s)', 'label', 'event-tickets-with-ticket-scanner')+'<br><input name="inputBoundToProducts" type="text" placeholder="'+_x('all products allowed to be redeemed', 'label', 'event-tickets-with-ticket-scanner')+'" style="width:100%;"><br>'+__('You can add comma separated "," product ids. This will limit the user to redeem tickets only of products listed here. If left empty, all are allowed.', 'event-tickets-with-ticket-scanner')+'</p>');
				dlg.dialog(_options);

dlg.find("form").append($('<p>'+_x('Description', 'label', 'event-tickets-with-ticket-scanner')+'<br><textarea name="desc" style="width:100%;"></textarea></p>'));
				if (isPremium() && typeof PREMIUM.addAuthtokenMaskEditFields != "undefined") PREMIUM.addAuthtokenMaskEditFields(dlg, editValues);
				dlg.find("form").append($('<p><input type="checkbox" name="aktiv">'+_x('is active', 'label', 'event-tickets-with-ticket-scanner')+'</p>'));

let form = dlg.find("form").on("submit", event=>{
					event.preventDefault();
					___submitForm();
				});

let metaObj = [];
				if (editValues && typeof editValues.meta !== "undefined" && editValues.meta != "") {
					try {
						metaObj = JSON.parse(editValues.meta);
					} catch(e) {}
				}

if (editValues) {
					form[0].elements['inputName'].value = editValues.name;
					form[0].elements['inputName'].select();
					form[0].elements['inputBoundToProducts'].value = editValues.metaObj.ticketscanner.bound_to_products;
					form[0].elements['aktiv'].checked = editValues.aktiv == 1 ? true : false;
					if (typeof metaObj.desc !== "undefined") {
						form[0].elements['desc'].value = metaObj.desc;
					}
				}

function ___submitForm() {
					let inputName = form[0].elements['inputName'].value.trim();
					if (inputName === "") return;

dlg.html(_getSpinnerHTML());
					let _data = {"name":inputName};
					_data['aktiv'] = form[0].elements['aktiv'].checked ? 1 : 0;
					_data['meta'] = {"desc":"", "ticketscanner":{"bound_to_products":""}};
					_data['meta']['desc'] = form[0].elements['desc'].value.trim();
					_data['meta']['ticketscanner']['bound_to_products'] = form[0].elements['inputBoundToProducts'].value.trim();
					if (isPremium() && typeof PREMIUM.addAuthtokenMaskEditFieldsData != "undefined") PREMIUM.addAuthtokenMaskEditFieldsData(_data, form[0], editValues);

form[0].reset();
					if (editValues) {
						_data.id = editValues.id;
						_makePost('editAuthtoken', _data, result=>{
							DATA_AUTHTOKENS = null;
							__renderTabelleAuthtokens();
							//tabelle_authtokens_datatable.ajax.reload();
							setTimeout(function(){closeDialog(dlg);},250);
						}, ()=>{
							closeDialog(dlg);
						});
					} else {
						_makePost('addAuthtoken', _data, result=>{
							DATA_AUTHTOKENS = null;
							__renderTabelleAuthtokens();
							closeDialog(dlg);
						}, response=>{
							closeDialog(dlg);
							if (response.data.slice(0,1) === "#") {
								FATAL_ERROR === false && LAYOUT.renderFatalError(response.data);
								//FATAL_ERROR = true;
							}
						});
					}
				}
			} // end __showMaskAuthtoken

function __renderTabelleAuthtokens() {
				div_tabelle.html(_getSpinnerHTML());
				getAuthtokens(()=>{
					let table_id = myAjax.divPrefix+'_tabelle_authtokens';
					let tabelle = $('<table/>').attr("id", table_id);
					tabelle.html('<thead><tr><th></th><th align="left">'+_x('Name', 'label', 'event-tickets-with-ticket-scanner')+'</th><th align="left">'+_x('Created', 'label', 'event-tickets-with-ticket-scanner')+'</th><th>'+_x('Area', 'label', 'event-tickets-with-ticket-scanner')+'</th><th>'+_x('Status', 'label', 'event-tickets-with-ticket-scanner')+'</th><th></th></tr></thead>');
					div_tabelle.html(tabelle);

let div = $('<div/>');
							$('<div>').html("<b>Authcode: </b>"+d.code).appendTo(div);
							let div_wrapper = $('<div style="padding-top:10px;">').appendTo(div);

$('<div style="width:256px;float:left;text-align:center">').html('<b>Only Auth Token</b><div id="'+id+'" style="text-align:center;"></div><script>jQuery("#'+id+'").qrcode(\''+content+'\');</script>').appendTo(div_wrapper);
							$('<div style="margin-left:20px;width:256px;float:left;text-align:center">').html('<b>With Ticket Scanner URL</b><div id="'+id+'2" style="text-align:center;"></div><script>jQuery("#'+id+'2").qrcode(\''+content2+'\');</script>').appendTo(div_wrapper);

let div_inner = $('<div style="float:left;padding-left:10px;">').appendTo(div_wrapper);
							let _desc = metaObj.desc == "" ? "-" : metaObj.desc;
							$('<div>').html('<b><a href="'+content2+'" target="_blank">Open Ticket Scanner with Auth Token</a></b>').appendTo(div_inner);
							$('<div>').html('<b>Desc:</b> ').append($('<span>').text(_desc)).appendTo(div_inner);

let bound_to_products = metaObj.ticketscanner.bound_to_products == "" ? [] : metaObj.ticketscanner.bound_to_products.toString().split(",");
							$("<div>").html("<b>Bound to product:</b> "+(bound_to_products.length == 0 ? "all products": bound_to_products.join(", "))).appendTo(div_inner);

return div;
						}

var tr = $(e.target).parents('tr');
						var row = tabelle_authtokens_datatable.row( tr );
						if ( row.child.isShown() ) {
							// This row is already open - close it
							row.child.hide();
							tr.removeClass('shown');
						} else {
							// Open this row
							row.child( ___format(row.data()) ).show();
							tr.addClass('shown');
						}

});
				});
			}
			__renderTabelleAuthtokens();
		});
	}

function _displayFAQArea() {
		STATE = 'faq';
		DIV.html(_getSpinnerHTML());

let div = $('<div>');
		div.append("<h2>FAQ</h2>");
		let div2 = $('<div class="et-card">').appendTo(div);
		div2.append(getUseFulVideosHTML()+'<br><br>');

questions.forEach(cat => {
			div2.append($('<h2 style="margin:25px 0 10px 0;padding-bottom:5px;border-bottom:2px solid #ddd;">').text(cat.cat));
			cat.items.forEach(v => {
				let clicked = false;
				div2.append($('<h3 style="cursor:pointer;margin:5px 0;">').html("+ "+v.q).on("click",e=>{
					f1.css("display", clicked ? "none" : "block");
					clicked = !clicked;
				}));
				let f1 = $('<div style="display:none;padding:0 0 15px 15px;">').html(v.t).appendTo(div2);
			});
		});

DIV.html(getBackButtonDiv());
		DIV.append(div);
	}

function _displaySeatingplanArea() {
		STATE = 'seatingplan';
		let div = $('<div>').html(_getSpinnerHTML());
		const version = system.is_debug ? new Date().getTime() : myAjax._plugin_version;
		const jsFile = 'js/seating_admin.js?v=' + version;
		const cssFile = 'css/seating_admin';

addStyleTag(myAjax._plugin_home_url + '/' + cssFile + '.css?v=' + version, 'saso_seating_admin_css');

// Load JS if not already loaded (or always in debug mode)
		if (!system.is_debug && system.DYNJS[jsFile]) {
			sasoEventtickets_js_seating_admin(myAjax, getHelperFunktions()).initAdmin(div);
		} else {
			console.log('Loading seating admin JS: ' + jsFile);
			$.getScript(myAjax._plugin_home_url + '/' + jsFile, (data) => {
				system.DYNJS[jsFile] = data;
				eval(data);
				sasoEventtickets_js_seating_admin(myAjax, getHelperFunktions()).initAdmin(div);
			});
		}

return div;
	}
	function _renderLicenseStatus(container, info) {
		container.html('');
		if (!info || typeof info === 'undefined') {
			container.append('<div class="et-kv-row"><span class="et-kv-label">'+__('Status', 'event-tickets-with-ticket-scanner')+'</span><span class="et-badge" style="background:#f3f4f6;color:#6b7280;">'+__('Not checked yet', 'event-tickets-with-ticket-scanner')+'</span></div>');
			return;
		}
		let statusLabel, badgeClass;
		if (typeof info.active !== 'undefined') {
			statusLabel = info.active ? __('Active', 'event-tickets-with-ticket-scanner') : __('Inactive', 'event-tickets-with-ticket-scanner');
			badgeClass = info.active ? 'et-badge-success' : 'et-badge-danger';
		} else if (info.subscription_type === 'lifetime' || info.timestamp == -1) {
			statusLabel = __('Active', 'event-tickets-with-ticket-scanner') + ' (Lifetime)';
			badgeClass = 'et-badge-success';
		} else if (info.timestamp > 0 && info.timestamp * 1000 > Date.now()) {
			statusLabel = __('Active', 'event-tickets-with-ticket-scanner');
			badgeClass = 'et-badge-success';
		} else if (info.timestamp > 0) {
			statusLabel = __('Expired', 'event-tickets-with-ticket-scanner');
			badgeClass = 'et-badge-danger';
		} else {
			statusLabel = __('Not checked yet', 'event-tickets-with-ticket-scanner');
			badgeClass = '';
		}
		container.append('<div class="et-kv-row"><span class="et-kv-label">'+__('Status', 'event-tickets-with-ticket-scanner')+'</span><span class="et-badge '+badgeClass+'">'+statusLabel+'</span></div>');
		if (info.last_success && parseInt(info.last_success) > 0) {
			let lastDate = new Date(parseInt(info.last_success) * 1000);
			container.append('<div class="et-kv-row"><span class="et-kv-label">'+__('Last successful check', 'event-tickets-with-ticket-scanner')+'</span><span class="et-kv-value">'+lastDate.toLocaleString()+'</span></div>');
		}
		if (info.expiration_date && info.expiration_date !== '') {
			container.append('<div class="et-kv-row"><span class="et-kv-label">'+__('Expiration date', 'event-tickets-with-ticket-scanner')+'</span><span class="et-kv-value">'+info.expiration_date+'</span></div>');
		}
		if (info.subscription_type && info.subscription_type !== '') {
			container.append('<div class="et-kv-row"><span class="et-kv-label">'+__('Subscription type', 'event-tickets-with-ticket-scanner')+'</span><span class="et-kv-value" style="text-transform:capitalize;">'+info.subscription_type+'</span></div>');
		}
		let failures = parseInt(info.consecutive_failures || 0);
		if (failures > 0) {
			container.append('<div class="et-kv-row"><span class="et-kv-label">'+__('Consecutive failures', 'event-tickets-with-ticket-scanner')+'</span><span class="et-badge et-badge-danger">'+failures+'</span></div>');
		}
		if (parseInt(info.notvalid || 0) > 0) {
			container.append('<div class="et-kv-row"><span class="et-kv-label">'+__('Server flagged as not valid', 'event-tickets-with-ticket-scanner')+'</span><span class="et-badge et-badge-danger">'+__('Yes', 'event-tickets-with-ticket-scanner')+'</span></div>');
		}
	}

function _displaySupportInfoArea() {
		STATE = 'support';
		DIV.html(_getSpinnerHTML());
		getOptionsFromServer(reply=>{
			let newline = '<br>';
			let div_stats = $('<div/>').html(_getSpinnerHTML());
			let statsData = null;

_makeGet('getSupportInfos', {}, infos=>{
				statsData = infos.amount;
				let statsRows = '';
				statsRows += '<div class="et-kv-row"><span class="et-kv-label">Ticket Counter</span><span class="et-kv-value">'+reply.infos.ticket.counter+'</span></div>';
				statsRows += '<div class="et-kv-row"><span class="et-kv-label">Codes</span><span class="et-kv-value">'+infos.amount.codes+'</span></div>';
				statsRows += '<div class="et-kv-row"><span class="et-kv-label">Lists</span><span class="et-kv-value">'+infos.amount.lists+'</span></div>';
				statsRows += '<div class="et-kv-row"><span class="et-kv-label">IPs</span><span class="et-kv-value">'+infos.amount.ips+'</span></div>';
				div_stats.html('<div class="et-kv-table">'+statsRows+'</div>');
				// Update textarea with stats
				if (typeof supportTextarea !== 'undefined') {
					supportTextarea.val(_buildSupportText());
				}
			});

let data = reply.options; // options values
			let versions = reply.versions;

DIV.html(getBackButtonDiv());

// ── Quick Links row ──
			let quickLinks = $('<div class="et-support-quicklinks">').appendTo(DIV);
			$('<a class="et-card et-support-link" href="https://vollstart.com/event-tickets-with-ticket-scanner/docs/" target="_blank"><span class="dashicons dashicons-book" style="color:var(--et-primary);"></span><div><strong>Documentation</strong><span>'+__('Visit the full plugin docs', 'event-tickets-with-ticket-scanner')+'</span></div></a>').appendTo(quickLinks);
			$('<a class="et-card et-support-link" href="https://chatgpt.com/g/g-6819d8f68338819193a4be7e7973cce0-event-tickets-support-gpt" target="_blank"><span class="dashicons dashicons-format-chat" style="color:var(--et-primary);"></span><div><strong>AI Support Bot</strong><span>'+__('Get instant answers from our AI', 'event-tickets-with-ticket-scanner')+'</span></div></a>').appendTo(quickLinks);
			$('<a class="et-card et-support-link" href="https://vollstart.com/posts/category/eventticketupdates/" target="_blank"><span class="dashicons dashicons-megaphone" style="color:var(--et-primary);"></span><div><strong>Release Notes</strong><span>'+__('See latest updates', 'event-tickets-with-ticket-scanner')+'</span></div></a>').appendTo(quickLinks);
			$('<div class="et-card et-support-link" style="cursor:default;"><span class="dashicons dashicons-email" style="color:var(--et-primary);"></span><div><strong>Support Email</strong><span>support@vollstart.com</span></div></div>').appendTo(quickLinks);

// ── Useful Videos ──
			DIV.append(getUseFulVideosHTML);

// ── Two-column layout: left = System Info, right = License + Date + Stats ──
			let row1 = $('<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;">').appendTo(DIV);
			let row1Right = $('<div style="display:flex;flex-direction:column;gap:16px;">').appendTo(row1);

// ── System Info Card (left) ──
			let sysCard = $('<div class="et-card">').appendTo(row1);
			sysCard.append('<div class="et-card-header"><span class="dashicons dashicons-info-outline" style="color:var(--et-primary);margin-right:6px;"></span>'+__('Support Context Information', 'event-tickets-with-ticket-scanner')+'</div>');
			sysCard.append('<p style="color:var(--et-text-secondary);font-size:13px;margin-bottom:12px;">'+__('Please copy the following information, so that we can support you better and faster. Remove any critical information if needed.', 'event-tickets-with-ticket-scanner')+'</p>');

// ── License & Connectivity Card (right) ──
			if (versions.premium != "" || isPremium() || _getOptions_Versions_getByKey('isOldPremiumDetected')) {
				let licenseCard = $('<div class="et-card">').appendTo(row1Right);
				licenseCard.append('<div class="et-card-header"><span class="dashicons dashicons-admin-network" style="color:var(--et-primary);margin-right:6px;"></span>'+__('License Status', 'event-tickets-with-ticket-scanner')+'</div>');
				let licenseStatusDiv = $('<div>').appendTo(licenseCard);
				_renderLicenseStatus(licenseStatusDiv, reply.infos.premium_expiration);
				let licenseBtnRow = $('<div style="display:flex;gap:8px;align-items:center;margin-top:12px;">').appendTo(licenseCard);
				let recheckBtn = $('<button class="button button-secondary">').html(__('Check License Now', 'event-tickets-with-ticket-scanner'));
				recheckBtn.on('click', function() {
					recheckBtn.prop('disabled', true).html(__('Checking...', 'event-tickets-with-ticket-scanner'));
					_makePost('recheckLicense', {}, function(result) {
						recheckBtn.prop('disabled', false).html(__('Check License Now', 'event-tickets-with-ticket-scanner'));
						if (result) _renderLicenseStatus(licenseStatusDiv, result);
					}, function() {
						recheckBtn.prop('disabled', false).html(__('Check License Now', 'event-tickets-with-ticket-scanner'));
					});
				});
				licenseBtnRow.append(recheckBtn);
				let serverCheckBtn = $('<button class="button button-secondary">').html('Check License Server');
				let serverCheckResult = $('<span style="font-size:13px;">');
				licenseBtnRow.append(serverCheckBtn).append(serverCheckResult);
				serverCheckBtn.on('click', function() {
					serverCheckBtn.prop('disabled', true).text('Checking...');
					serverCheckResult.html('<span style="color:var(--et-text-muted);">Connecting...</span>');
					_makePost('checkLicenseServer', {}, function(response) {
						serverCheckBtn.prop('disabled', false).text('Check License Server');
						if (response.success && response.reachable) {
							serverCheckResult.html('<span class="et-badge et-badge-success">'+response.message+'</span>');
						} else {
							serverCheckResult.html('<span class="et-badge et-badge-danger">'+response.message+'</span>');
						}
					}, function() {
						serverCheckBtn.prop('disabled', false).text('Check License Server');
						serverCheckResult.html('<span class="et-badge et-badge-danger">Connection failed</span>');
					});
				});
			} else {
				// No premium — just connectivity check
				let connCard = $('<div class="et-card">').appendTo(row1Right);
				connCard.append('<div class="et-card-header"><span class="dashicons dashicons-admin-network" style="color:var(--et-primary);margin-right:6px;"></span>License Server Connectivity</div>');
				connCard.append('<p style="color:var(--et-text-secondary);font-size:13px;margin-bottom:12px;">Check if the license/update server is reachable.</p>');
				let connBtnRow = $('<div style="display:flex;gap:8px;align-items:center;">').appendTo(connCard);
				let connBtn = $('<button class="button button-secondary">').html('Check License Server');
				let connResult = $('<span style="font-size:13px;">');
				connBtnRow.append(connBtn).append(connResult);
				connBtn.on('click', function() {
					connBtn.prop('disabled', true).text('Checking...');
					connResult.html('<span style="color:var(--et-text-muted);">Connecting...</span>');
					_makePost('checkLicenseServer', {}, function(response) {
						connBtn.prop('disabled', false).text('Check License Server');
						if (response.success && response.reachable) {
							connResult.html('<span class="et-badge et-badge-success">'+response.message+'</span>');
						} else {
							connResult.html('<span class="et-badge et-badge-danger">'+response.message+'</span>');
						}
					}, function() {
						connBtn.prop('disabled', false).text('Check License Server');
						connResult.html('<span class="et-badge et-badge-danger">Connection failed</span>');
					});
				});
			}

// System info table (appended to sysCard defined above)
			let sysRows = '';
			sysRows += '<div class="et-kv-row"><span class="et-kv-label">WordPress</span><span class="et-kv-value">'+versions.wp+'</span></div>';
			sysRows += '<div class="et-kv-row"><span class="et-kv-label">Requires WP</span><span class="et-kv-value">'+versions.requires_wp+'</span></div>';
			sysRows += '<div class="et-kv-row"><span class="et-kv-label">Tested up to</span><span class="et-kv-value">'+versions.tested_up_to+'</span></div>';
			sysRows += '<div class="et-kv-row"><span class="et-kv-label">PHP</span><span class="et-kv-value">'+versions.php+'</span></div>';
			sysRows += '<div class="et-kv-row"><span class="et-kv-label">Requires PHP</span><span class="et-kv-value">'+versions.requires_php+'</span></div>';
			sysRows += '<div class="et-kv-row"><span class="et-kv-label">MySQL/MariaDB</span><span class="et-kv-value">'+versions.mysql+'</span></div>';
			sysRows += '<div class="et-kv-row"><span class="et-kv-label">Basic Plugin</span><span class="et-kv-value">'+versions.basic+'</span></div>';
			sysRows += '<div class="et-kv-row"><span class="et-kv-label">Basic DB</span><span class="et-kv-value">'+versions.db+'</span></div>';
			if (versions.first_activated_at) {
				sysRows += '<div class="et-kv-row"><span class="et-kv-label">First Activated</span><span class="et-kv-value">'+_formatActivationDate(versions.first_activated_at)+'</span></div>';
			}
			if (versions.premium != "") {
				sysRows += '<div class="et-kv-row"><span class="et-kv-label">Premium License Key</span><span class="et-kv-value" style="font-family:monospace;font-size:12px;">'+versions.premium_serial+'</span></div>';
				sysRows += '<div class="et-kv-row"><span class="et-kv-label">Premium Plugin</span><span class="et-kv-value">'+versions.premium+'</span></div>';
				sysRows += '<div class="et-kv-row"><span class="et-kv-label">Premium DB</span><span class="et-kv-value">'+versions.premium_db+'</span></div>';
			}
			sysCard.append('<div class="et-kv-table">'+sysRows+'</div>');

// ── Copy-able Support Text ──
			// Build plain-text version of ALL support info for easy copy-paste
			function _buildSupportText() {
				let lines = [];
				lines.push('=== Support Context Information ===');
				lines.push('WordPress Version: '+versions.wp);
				lines.push('Requires WP: '+versions.requires_wp);
				lines.push('Tested up to: '+versions.tested_up_to);
				lines.push('PHP Version: '+versions.php);
				lines.push('Requires PHP: '+versions.requires_php);
				lines.push('MySQL/MariaDB Version: '+versions.mysql);
				lines.push('Product: Event Tickets with WooCommerce');
				lines.push('Basic Plugin Version: '+versions.basic);
				lines.push('Basic DB Version: '+versions.db);
				if (versions.first_activated_at) {
					lines.push('First Activated: '+_formatActivationDate(versions.first_activated_at));
				}
				if (versions.premium != "") {
					lines.push('Premium License Key: '+versions.premium_serial);
					lines.push('Premium Plugin Version: '+versions.premium);
					lines.push('Premium DB Version: '+versions.premium_db);
				}
				lines.push('');
				lines.push('=== Date & Timezone ===');
				lines.push('Default Timezone: '+versions.date_default_timezone);
				lines.push('WP Timezone: '+versions.date_WP_timezone);
				lines.push('WP Timezone Full: '+versions.date_WP_timezone_time);
				lines.push('Your Date: '+versions.date_default_timezone_time);
				lines.push('UTC Date: '+versions.date_UTC_timezone_time);
				lines.push('');
				lines.push('=== Stats ===');
				lines.push('Ticket Counter: '+reply.infos.ticket.counter);
				if (statsData) {
					lines.push('Codes: '+statsData.codes);
					lines.push('Lists: '+statsData.lists);
					lines.push('IPs: '+statsData.ips);
				}
				lines.push('');
				lines.push('=== URLs ===');
				lines.push('Multisite: '+reply.infos.site.is_multisite);
				lines.push('Home: '+reply.infos.site.home);
				lines.push('Network Home: '+reply.infos.site.network_home);
				lines.push('Site URL: '+reply.infos.site.site_url);
				lines.push('');
				lines.push('=== Ticket URLs ===');
				lines.push('Detail Own URL: '+reply.infos.site.home+'/'+_getOptions_getValByKey("wcTicketCompatibilityModeURLPath"));
				lines.push('Scanner Own URL: '+reply.infos.site.home+'/'+_getOptions_getValByKey("wcTicketCompatibilityModeURLPath")+'/scanner/');
				lines.push('Detail Default URL: '+reply.infos.ticket.ticket_base_url);
				lines.push('Scanner Default: '+reply.infos.ticket.ticket_scanner_path);
				lines.push('Detail Plugin Path: '+reply.infos.ticket.ticket_detail_path);
				lines.push('Scanner Plugin Path: '+reply.infos.ticket.ticket_detail_path+'scanner/');
				return lines.join('\n');
			}
			let supportText = _buildSupportText();
			let copyArea = $('<div style="margin-top:16px;">').appendTo(sysCard);
			let copyBtnRow = $('<div style="display:flex;gap:8px;align-items:center;margin-bottom:8px;">').appendTo(copyArea);
			let copyBtn = $('<button class="button button-secondary">').html('<span class="dashicons dashicons-clipboard" style="vertical-align:middle;margin-right:4px;font-size:16px;"></span>'+__('Copy to clipboard', 'event-tickets-with-ticket-scanner'));
			let copyStatus = $('<span style="font-size:13px;">');
			copyBtnRow.append(copyBtn).append(copyStatus);
			copyBtn.on('click', function() {
				supportTextarea[0].select();
				if (navigator.clipboard) {
					navigator.clipboard.writeText(supportTextarea.val()).then(()=>{
						copyStatus.html('<span class="et-badge et-badge-success">Copied!</span>');
						setTimeout(()=>{ copyStatus.html(''); }, 2000);
					});
				} else {
					document.execCommand('copy');
					copyStatus.html('<span class="et-badge et-badge-success">Copied!</span>');
					setTimeout(()=>{ copyStatus.html(''); }, 2000);
				}
			});
			let supportTextarea = $('<textarea readonly class="et-support-textarea">').val(supportText).appendTo(copyArea);

// ── Date & Timezone Card ──
			let dateCard = $('<div class="et-card">').appendTo(row1Right);
			dateCard.append('<div class="et-card-header"><span class="dashicons dashicons-clock" style="color:var(--et-primary);margin-right:6px;"></span>Date &amp; Timezone</div>');
			let dateRows = '';
			dateRows += '<div class="et-kv-row"><span class="et-kv-label">Default Timezone</span><span class="et-kv-value">'+versions.date_default_timezone+'</span></div>';
			dateRows += '<div class="et-kv-row"><span class="et-kv-label">WP Timezone</span><span class="et-kv-value">'+versions.date_WP_timezone+'</span></div>';
			dateRows += '<div class="et-kv-row"><span class="et-kv-label">WP Timezone Full</span><span class="et-kv-value">'+versions.date_WP_timezone_time+'</span></div>';
			dateRows += '<div class="et-kv-row"><span class="et-kv-label">Your Date</span><span class="et-kv-value">'+versions.date_default_timezone_time+'</span></div>';
			dateRows += '<div class="et-kv-row"><span class="et-kv-label">UTC Date</span><span class="et-kv-value">'+versions.date_UTC_timezone_time+'</span></div>';
			dateCard.append('<div class="et-kv-table">'+dateRows+'</div>');

// ── Stats Card ──
			let statsCard = $('<div class="et-card">').appendTo(row1Right);
			statsCard.append('<div class="et-card-header"><span class="dashicons dashicons-chart-bar" style="color:var(--et-primary);margin-right:6px;"></span>Stats</div>');
			statsCard.append(div_stats);

// ── Two-column row: URLs + Libraries ──
			let row3 = $('<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;">').appendTo(DIV);

// ── URLs Card ──
			let urlsCard = $('<div class="et-card">').appendTo(row3);
			urlsCard.append('<div class="et-card-header"><span class="dashicons dashicons-admin-links" style="color:var(--et-primary);margin-right:6px;"></span>URLs</div>');
			let urlRows = '';
			urlRows += '<div class="et-kv-row"><span class="et-kv-label">Multisite</span><span class="et-kv-value">'+reply.infos.site.is_multisite+'</span></div>';
			urlRows += '<div class="et-kv-row"><span class="et-kv-label">Home</span><span class="et-kv-value" style="word-break:break-all;">'+reply.infos.site.home+'</span></div>';
			urlRows += '<div class="et-kv-row"><span class="et-kv-label">Network Home</span><span class="et-kv-value" style="word-break:break-all;">'+reply.infos.site.network_home+'</span></div>';
			urlRows += '<div class="et-kv-row"><span class="et-kv-label">Site URL</span><span class="et-kv-value" style="word-break:break-all;">'+reply.infos.site.site_url+'</span></div>';
			urlsCard.append('<div class="et-kv-table">'+urlRows+'</div>');

// Ticket URLs sub-section
			urlsCard.append('<div class="et-card-header" style="margin-top:16px;"><span class="dashicons dashicons-tickets-alt" style="color:var(--et-primary);margin-right:6px;"></span>Ticket URLs</div>');
			let ticketUrlRows = '';
			ticketUrlRows += '<div class="et-kv-row"><span class="et-kv-label">Detail Own URL</span><span class="et-kv-value" style="word-break:break-all;">'+reply.infos.site.home+'/'+_getOptions_getValByKey("wcTicketCompatibilityModeURLPath")+'</span></div>';
			ticketUrlRows += '<div class="et-kv-row"><span class="et-kv-label">Scanner Own URL</span><span class="et-kv-value" style="word-break:break-all;">'+reply.infos.site.home+'/'+_getOptions_getValByKey("wcTicketCompatibilityModeURLPath")+'/scanner/</span></div>';
			ticketUrlRows += '<div class="et-kv-row"><span class="et-kv-label">Detail Default URL</span><span class="et-kv-value" style="word-break:break-all;">'+reply.infos.ticket.ticket_base_url+'</span></div>';
			ticketUrlRows += '<div class="et-kv-row"><span class="et-kv-label">Scanner Default</span><span class="et-kv-value" style="word-break:break-all;">'+reply.infos.ticket.ticket_scanner_path+'</span></div>';
			ticketUrlRows += '<div class="et-kv-row"><span class="et-kv-label">Detail Plugin Path</span><span class="et-kv-value" style="word-break:break-all;">'+reply.infos.ticket.ticket_detail_path+'</span></div>';
			ticketUrlRows += '<div class="et-kv-row"><span class="et-kv-label">Scanner Plugin Path</span><span class="et-kv-value" style="word-break:break-all;">'+reply.infos.ticket.ticket_detail_path+'scanner/</span></div>';
			urlsCard.append('<div class="et-kv-table">'+ticketUrlRows+'</div>');

// ── Error Logs Card ──
			let errorCard = $('<div class="et-card">').appendTo(DIV);
			errorCard.append('<div class="et-card-header"><span class="dashicons dashicons-warning" style="color:var(--et-danger);margin-right:6px;"></span>Error Logs</div>');
			let tabelle_errorlogs_datatable;
			$('<div style="display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px;">')
				.append($('<button>').html(__('Refresh table', 'event-tickets-with-ticket-scanner')).addClass("button-secondary").on("click", ()=>{
					tabelle_errorlogs_datatable.ajax.reload();
				}))
				.append($('<button>').html('<span class="dashicons dashicons-download" style="vertical-align:middle;margin-right:2px;font-size:16px;"></span>'+__('Export CSV', 'event-tickets-with-ticket-scanner')).addClass("button-secondary").on("click", ()=>{
					window.open(_requestURL('downloadErrorLogsCSV'), '_blank');
				}))
				.append($('<button>').html(__('Empty table', 'event-tickets-with-ticket-scanner')).addClass("sngmbh_btn-delete").on("click", ()=>{
					LAYOUT.renderYesNo(__('Empty table', 'event-tickets-with-ticket-scanner'), sprintf(/* translators: %s: name of ticket table */__('Do you want to empty the "%s" table? All data will be lost.', 'event-tickets-with-ticket-scanner'), _x("Error Logs", 'title', 'event-tickets-with-ticket-scanner')), ()=>{
						LAYOUT.renderYesNo(__('Empty table - last chance', 'event-tickets-with-ticket-scanner'), sprintf(/* translators: %s: name of ticket table */__('Are you sure? You will not be able to restore the data, except you have a backup of your database. All data will be lost.', 'event-tickets-with-ticket-scanner'), _x("Error Logs", 'title', 'event-tickets-with-ticket-scanner')), ()=>{
							_makeGet('emptyTableErrorLogs', null, ()=>{
							tabelle_errorlogs_datatable.ajax.reload();
							});
						});
					});
				}))
				.appendTo(errorCard);

let div_tabelle = $('<div>').appendTo(errorCard);

// ── Libraries Card ──
			let libCard = $('<div class="et-card">').appendTo(row3);
			let label_version = _x('Version', 'label', 'event-tickets-with-ticket-scanner');
			libCard.append('<div class="et-card-header"><span class="dashicons dashicons-admin-plugins" style="color:var(--et-primary);margin-right:6px;"></span>Used Libraries</div>');
			libCard.append('<ul class="et-lib-list">'
				+'<li><span class="et-lib-name">jQuery</span> <span class="et-badge et-badge-purple">'+jQuery.fn.jquery+'</span></li>'
				+'<li><span class="et-lib-name">jQuery UI</span> <span class="et-badge et-badge-purple">'+jQuery.ui.version+'</span></li>'
				+'<li><span class="et-lib-name">PHP TWIG</span> <span class="et-badge et-badge-purple">3.22.0</span></li>'
				+'<li><span class="et-lib-name">PHP QR Code</span> <span class="et-badge et-badge-purple">1.1.4</span></li>'
				+'<li><span class="et-lib-name">FPDI</span> <span class="et-badge et-badge-purple">2.3.7</span></li>'
				+'<li><span class="et-lib-name">FPDF</span> <span class="et-badge et-badge-purple">1.85</span></li>'
				+'<li><span class="et-lib-name">TCPDF</span> <span class="et-badge et-badge-purple">6.3.2</span></li>'
				+'<li><span class="et-lib-name">QR Scanner</span> <span class="et-badge et-badge-purple">1.4.2</span></li>'
				+'<li><span class="et-lib-name">DataTables</span> <span class="et-badge et-badge-purple">1.10.21</span></li>'
				+'<li><span class="et-lib-name">Raphael</span> <span class="et-badge et-badge-purple">2.3.0</span></li>'
				+'<li><span class="et-lib-name">Ace Editor</span></li>'
				+'<li><span class="et-lib-name">html5-qrcode</span> <span class="et-badge et-badge-purple">2.3.8</span></li>'
				+'</ul>');

// ── Options Dump ──
			let optCard = $('<div class="et-card">').appendTo(DIV);
			optCard.append('<div class="et-card-header"><span class="dashicons dashicons-admin-generic" style="color:var(--et-primary);margin-right:6px;"></span>Options</div>');
			let optionsContainer = $('<div/>').appendTo(optCard);
			$('<button/>').addClass("button button-secondary").html(__('Show all options', 'event-tickets-with-ticket-scanner')).appendTo(optionsContainer).on("click", function(){
				$(this).remove();
				let optTable = $('<div class="et-kv-table">');
				data.forEach(v=>{
					if (v.type != 'heading' && v.key != "serial") {
						if (v.additional && v.additional.doNotRender && v.additional.doNotRender === 1) {}
						else {
							let value = v.value;
							let def = '';
							if (value == '') {
								def = ' (DEFAULT)';
								value = v.default;
							}
							optTable.append('<div class="et-kv-row"><span class="et-kv-label" style="font-family:monospace;font-size:11px;">'+v.key+def+'</span><span class="et-kv-value">'+$('<span>').text(value).html()+'</span></div>');
						}
					}
				});
				optionsContainer.append(optTable);
			});

// ── Repair Tables Button ──
			$('<button/>').css("margin-top", "8px").addClass("sngmbh_btn-delete").html(_x("Repair tables", 'label', 'event-tickets-with-ticket-scanner')).appendTo(DIV).on("click", ()=>{
	    		LAYOUT.renderYesNo(__('Repair database tables?', 'event-tickets-with-ticket-scanner'), __('Do you really want to try to repair your database table definitions for the plugin? It should be safe, but only needed in very rare cases. You might see errors messages during the page reload - that is normal. Why not asking support, if you should do it? ;)', 'event-tickets-with-ticket-scanner'), dlg=>{
					dlg.html(_getSpinnerHTML());
					dlg.dialog({
						title:_x('Repaired', 'title', 'event-tickets-with-ticket-scanner'), modal:true, dialogClass: "no-close",
						close: function(event, ui){ abort=true; },
						buttons: [
							{
								text: _x('Ok', 'label', 'event-tickets-with-ticket-scanner'),
								click: function() {
									$( this ).dialog( _x('Close', 'label', 'event-tickets-with-ticket-scanner') );
									$( this ).html('');
								}
							}
						]
					});
					_makePost('repairTables', {}, result=>{
						speakOutLoud(result, true);
						dlg.html(result);
					});
	    		});
			});

function __renderTabelleErrorLogs() {
				div_tabelle.html(_getSpinnerHTML());
				let table_id = myAjax.divPrefix+'_tabelle_errorlogs';
				let tabelle = $('<table/>').attr("id", table_id);
				tabelle.html('<thead><tr><th></th><th align="left">'+_x('Created', 'label', 'event-tickets-with-ticket-scanner')+'</th><th align="left">'+_x('Exception', 'label', 'event-tickets-with-ticket-scanner')+'</th><th>'+_x('Function', 'label', 'event-tickets-with-ticket-scanner')+'</th></tr></thead>');
				div_tabelle.html(tabelle);

});
			}
			__renderTabelleErrorLogs();

});
	}

/**
	 * returns 0 if the versions are the same, 1 if version1 is greater, -1 if version2 is greater
	 */
	function compareVersions(version1, version2) {
		const v1 = version1.split('.').map(Number);
		const v2 = version2.split('.').map(Number);

for (let i = 0; i < Math.max(v1.length, v2.length); i++) {
			const num1 = v1[i] || 0;
			const num2 = v2[i] || 0;

if (num1 > num2) return 1;
			if (num1 < num2) return -1;
		}

/*
		// Example usage:
		const result = compareVersions('5.8.1', '5.8.2');
		if (result > 0) {
			console.log('Version 5.8.1 is greater than 5.8.2');
		} else if (result < 0) {
			console.log('Version 5.8.1 is less than 5.8.2');
		} else {
			console.log('Both versions are equal');
		}
		*/

return 0;
	}

function _displayOptionsArea() {
		STATE = 'options';
		DIV.html(_getSpinnerHTML());
		getOptionsFromServer(reply=>{
			let data = reply.options; // options values
			let meta_tags_keys = reply.meta_tags_keys;

DIV.html(getBackButtonDiv());

// Create tabs
			let tabs = $('<div class="tabs"/>');
			let tabOptions = $('<div id="tab-options" class="tab-content"/>');

// Create tab navigation
			let tabNav = $('<ul class="tab-nav"/>');
			tabNav.append('<li><a href="#tab-options">Options</a></li>');
			if (isPremium() && typeof PREMIUM.displayOptionsArea_Templates !== "undefined") {
				tabNav.append(PREMIUM.displayOptionsArea_Tab);
			}

tabs.append(tabNav);
			tabs.append(tabOptions);
			if (isPremium() && typeof PREMIUM.displayOptionsArea_Templates !== "undefined") {
				tabs.append(PREMIUM.displayOptionsArea_Templates(_getOptions_Versions_getByKey('premium')));
			}

// seating plan tab
			let tabNavSeatingplan = $('<li><a href="#tab-seatingplan">Seating Plans</a></li>');
			tabNavSeatingplan.on("click", ()=>{
				tabSeatingplan.html(_displaySeatingplanArea());
			});
			tabNav.append(tabNavSeatingplan);
			let tabSeatingplan = $('<div id="tab-seatingplan" class="tab-content"/>');
			tabs.append(tabSeatingplan);

// change history tab
			let tabNavHistory = $('<li><a href="#tab-options-history">' + _x('Change History', 'label', 'event-tickets-with-ticket-scanner') + '</a></li>');
			let tabHistory = $('<div id="tab-options-history" class="tab-content"/>');
			let historyRendered = false;
			tabNavHistory.on("click", ()=>{
				if (!historyRendered) {
					historyRendered = true;
					__renderTabelleOptionsHistory(tabHistory);
				}
			});
			tabNav.append(tabNavHistory);
			tabs.append(tabHistory);

DIV.append(tabs);

// Populate Options tab
			let div_options = $('<div/>');
			let div_infos = $('<div style="padding-top: 50px;"/>');
			let resetOption_div = $('<div class="reset_option_wrap" style="padding-top: 20px;"/>');
			tabOptions.append(div_options);
			tabOptions.append('<hr>');
			tabOptions.append(resetOption_div);
			$('<button class="button reset_btn_actn">').html(_x('Reset All Options', 'label', 'event-tickets-with-ticket-scanner'))
				.on('click', ()=>{
					LAYOUT.renderYesNo(_x('Reset All Options', 'title', 'event-tickets-with-ticket-scanner'), __('Do you really want to reset all the option?', 'event-tickets-with-ticket-scanner'), ()=>{
						_makePost('resetOptions','', function(result) {
							if(result){
								_displayOptionsArea();
							}
						});
					});
				}).appendTo(resetOption_div);
			tabOptions.append(div_infos);
			div_infos.append('<a name="replacementtags"></a><h3>'+_x('Replacement Tags', 'title', 'event-tickets-with-ticket-scanner')+'</h3>').append('<p>'+__('You can use these replacement tags in your text messages and URLs for the meta ticket values', 'event-tickets-with-ticket-scanner')+'</p>');
			meta_tags_keys.forEach(v=>{
				let t = '<p><b>{'+v.key+'}</b>: '+v.label+'</p>';
				div_infos.append(t);
			});

//div_options.append('<h3>'+_x('Options', 'title', 'event-tickets-with-ticket-scanner')+'</h3>');
			div_options.append('<p><span class="dashicons dashicons-external"></span><a href="https://vollstart.com/event-tickets-with-ticket-scanner/docs/" target="_blank">Click here, to visit the documentation.</a></p>');
			div_options.append(getUseFulVideosHTML());

// Add jQuery for tab functionality
			$('.tab-nav a').on('click', function(e) {
				e.preventDefault();
				$('.tab-content').hide();
				$($(this).attr('href')).show();
				$('.tab-nav a').removeClass('active');
				$(this).addClass('active');
			});

// Show the first tab by default
			if (typeof PARAS.subdisplay !== "undefined" && PARAS.subdisplay == 'templates') {
				$('.tab-nav a').eq(1).click();
			} else {
				$('.tab-nav a:first').click();
			}

function __createTicketTemplateChooserBox(ticket_template, editor) {
				return $('<div style="width:250px;display:inline-block;margin-right:5px;text-align:center;">')
						.append('<img style="width:250px;" src="'+myAjax._plugin_home_url+'/img/ticket_templates/'+ticket_template.image_url+'">')
						.append("<br>Zero-Padding: "+(ticket_template.wcTicketPDFZeroMarginTest ? "Yes" : "No"))
						.append(", Size: ("+ticket_template.wcTicketSizeWidthTest+'x'+ticket_template.wcTicketSizeHeightTest+")")
						.append("<br>")
						.append($('<button class="button button-primary">').text(__('Load template','event-tickets-with-ticket-scanner')).on("click", ()=>{
							LAYOUT.renderYesNo(_x('Load Template Ticket Code', 'title', 'event-tickets-with-ticket-scanner'),
								__('Do you want to replace the test ticket template code with this template?', 'event-tickets-with-ticket-scanner')+'<br><p><img style="width:250px;" src="'+myAjax._plugin_home_url+'/img/ticket_templates/'+ticket_template.image_url+'"></p><p>Following values will be changed:'
								+'<br><b>wcTicketPDFZeroMarginTest</b>: '+(ticket_template.wcTicketPDFZeroMarginTest ? "Yes" : "No")
								+'<br><b>wcTicketPDFisRTLTest</b>: '+(ticket_template.wcTicketPDFisRTLTest ? "Yes" : "No")
								+'<br><b>wcTicketSizeWidthTest</b>: '+ticket_template.wcTicketSizeWidthTest
								+'<br><b>wcTicketSizeHeightTest</b>: '+ticket_template.wcTicketSizeHeightTest
								+'<br><b>wcTicketQRSizeTest</b>: '+ticket_template.wcTicketQRSizeTest
								+'</p>'
								, ()=>{
									editor.wcTicketDesignerTemplateTest_editor.setValue(ticket_template.wcTicketDesignerTemplateTest);
									$('input[data-key="wcTicketPDFZeroMarginTest"').prop("checked",ticket_template.wcTicketPDFZeroMarginTest).trigger("change");
									$('input[data-key="wcTicketPDFisRTLTest"').prop("checked",ticket_template.wcTicketPDFisRTLTest).trigger("change");
									$('input[data-key="wcTicketSizeWidthTest"').val(ticket_template.wcTicketSizeWidthTest).trigger("change");
									$('input[data-key="wcTicketSizeHeightTest"').val(ticket_template.wcTicketSizeHeightTest).trigger("change");
									$('input[data-key="wcTicketQRSizeTest"').val(ticket_template.wcTicketQRSizeTest).trigger("change");
									let value = editor.wcTicketDesignerTemplateTest_editor.getValue().trim();
									_saveOptionValue("wcTicketDesignerTemplateTest", value);
									editor.wcTicketDesignerTemplateTest_btn.prop("disabled", true);

});
						}));
			}

// render die input felder
			function __getOptionByKey(key) {
				for(let a=0;a<data.length;a++) {
					if (key == data[a].key) return data[a];
				}
				return null;
			}

let cbf = null;
					let pcbf = null;
					let value = v.value;
					if (typeof v._do_not_trim !== "undefined" && v._do_not_trim) {
					} else {
						value = (""+v.value) !== "" ? (""+v.value).trim() : ""+v.default;
					}

v.label = v.label + ' <span style="color:grey;">{'+v.key+'}</span>';
					if (typeof v._doc_video !== "undefined" && v._doc_video != "") {
						v.label += ' <span class="dashicons dashicons-external"></span> <a href="'+v._doc_video+'" target="_blank">Video Help</a>';
					}

switch (v.type) {
						case "editor":
							elem_input = $('<div id="'+v.key+'_editor" style="height:'+(typeof v.additional !== "undefined" && typeof v.additional.height !== "undefined" ? v.additional.height : '500px')+';">').text(value.trim());
							break;
						case "textarea":
							elem_input = $('<textarea>');
							elem_input.attr("placeholder", v.default);
							//elem_input.val(value);
							elem_input.val(value);
							if (typeof v.additional !== "undefined" && typeof v.additional.rows !== "undefined") {
								elem_input.attr("rows", v.additional.rows);
							}
							break;
						case "checkbox":
							v.value = intval(v.value);
							elem_input.prop("checked",v.value === 1 ? true : false);
							elem_input.on("change", function(){
								_makePost('changeOption', {'key':v.key, 'value':elem_input[0].checked ? 1:0});
							});
							elem_div.html(elem_input).append(v.label).append(v.desc !== "" ? '<br><i>'+v.desc+'</i>':'');
							break;
						case "number":
							if (typeof v.additional.min !== "undefined") elem_input.attr("min", v.additional.min);
							break;
						case "dropdown":
							elem_input = $('<select>');
							if (v.additional.multiple) {
								elem_input.prop("multiple", true);
							}
							v.additional.values.forEach(_v=>{
								$('<option>').attr("value", _v.value).html(_v.label).appendTo(elem_input);
							});
							if (v.additional.multiple) {
								if (v.value.length == 0) {
									value = v.default;
								} else {
									value = v.value;
								}
							} else {
								if (value == "") value = 1;
							}
							elem_input.val(value);
							break;
						case "media":
							let image_info = $('<div>');
							let image = $('<image style="display:none;">');
							let image_btn_del = $('<button class="sngmbh_btn sngmbh_btn-delete" style="display:none;">').html(_x('Remove file', 'label', 'event-tickets-with-ticket-scanner'));
							image_btn_del.on('click', ()=>{
								LAYOUT.renderYesNo(_x('Remove file', 'title', 'event-tickets-with-ticket-scanner'), __('Do you really want to remove the file information from this option?', 'event-tickets-with-ticket-scanner'), ()=>{
									elem_input.val("");
									elem_input.trigger("change");
									_renderMedia(0, v, image_info, image, image_btn_del);
								});
							});
							if (typeof v.additional == "undefined") v.additional = {};
							if (v.additional.max) {
								if (v.additional.max.width) {
									image.css("max-width", v.additional.max.width+'px');
								}
								if (v.additional.max.height) {
									image.css("max-height", v.additional.max.height+'px');
								}
							}
							elem_input.attr("type", "hidden");
							let image_btn_add = $('<button style="display:block;" />').addClass("button-primary")
										.html(v.additional.button)
										.on("click", ()=>{
											let is_multiple = typeof v.additional.is_multiple != "undefined" ? v.additional.is_multiple : false;
											let imgContainer = null;
											let type_filter = typeof v.additional.type_filter != "undefined" ? v.additional.type_filter : null;
											_openMediaChooser(elem_input, is_multiple, imgContainer, type_filter);
										});
							$('<div/>').css({"margin-bottom": "15px","margin-right": "15px"})
								.html(v.label+'<br>')
								.append(image_btn_add)
								.append(v.desc !== "" ? '<i>'+v.desc+'</i>':'')
								.append(elem_input)
								.append(image_info)
								.append(image)
								.append(image_btn_del)
								.appendTo(elem_div);
							_renderMedia(value, v, image_info, image, image_btn_del);
							pcbf = function() {
								image_info.html(_getSpinnerHTML());
								image.css('display', 'none');
							}
							cbf = function () {
								let value = elem_input.val();
								_renderMedia(value, v, image_info, image, image_btn_del);
							}
							break;
					}

if (v.type != "checkbox") {
						if (v.type != "media") {
							elem_div.html(v.label+'<br>').append(elem_input);
							let desc = v.desc+" ";
							if (typeof v._do_not_trim !== "undefined" && v._do_not_trim) {
								desc += 'To leave this value blank, enter a space. ';
							}
							desc = desc.trim();
							elem_div.append(desc !== "" ? '<br><i>'+desc+'</i>':'');
						}
						if (v.type != "number" && v.type != "color") {
							elem_input.css({"width":"90%"});
						}
						if (v.type != "dropdown" && v.type != "editor") {
							elem_input.attr("value",value);
						}
						if (v.type != "editor") {
							elem_input.on("change", ()=>{
								let value = elem_input.val();
								_saveOptionValue(v.key, value, cbf, pcbf);
							});
						}
					}

elem_input.attr("data-key", v.key);

if (v.key == "serial") {
						let serialStatusSpan = $('<span style="margin-left:10px;">');
						let serialCheckBtn = $('<button class="button button-secondary" style="margin-left:5px;">').html(__('Check License', 'event-tickets-with-ticket-scanner'));
						serialCheckBtn.on('click', function(e) {
							e.preventDefault();
							serialCheckBtn.prop('disabled', true).html(__('Checking...', 'event-tickets-with-ticket-scanner'));
							serialStatusSpan.html('');
							_makePost('recheckLicense', {}, function(result) {
								serialCheckBtn.prop('disabled', false).html(__('Check License', 'event-tickets-with-ticket-scanner'));
								if (result) {
									let color = result.active ? 'green' : 'red';
									let label = result.active ? __('Active', 'event-tickets-with-ticket-scanner') : __('Inactive', 'event-tickets-with-ticket-scanner');
									if (result.subscription_type === 'lifetime') label += ' (Lifetime)';
									serialStatusSpan.html('<span style="color:'+color+';font-weight:bold;">'+label+'</span>');
									if (result.consecutive_failures > 0) {
										serialStatusSpan.append(' — '+result.consecutive_failures+' '+__('failures', 'event-tickets-with-ticket-scanner'));
									}
								}
							}, function() {
								serialCheckBtn.prop('disabled', false).html(__('Check License', 'event-tickets-with-ticket-scanner'));
								serialStatusSpan.html('<span style="color:red;">'+__('Error', 'event-tickets-with-ticket-scanner')+'</span>');
							});
						});
						elem_div.append(serialCheckBtn).append(serialStatusSpan);
					}

if (v.key == "wcassignmentUseGlobalSerialFormatter") {
						let option = __getOptionByKey('wcassignmentUseGlobalSerialFormatter_values');
						let formatterValues = null;
						if (option.value != "") {
							try {
								formatterValues = JSON.parse(option.value);
							} catch (e) {
								//console.log(e);
							}
						}
						let extra_div = $('<div>').appendTo(elem_div).css("margin-top", "10px").css("margin-left", "50px").css("padding", "10px").css("border", "1px solid black");
						// render here den formatter
						let serialCodeFormatter = _form_fields_serial_format(extra_div);
						serialCodeFormatter.setNoNumberOptions();
						serialCodeFormatter.setFormatterValues(formatterValues);
						serialCodeFormatter.setCallbackHandle(_formatterValues=>{
							// speicher formatterValues
							_makePost('changeOption', {'key':'wcassignmentUseGlobalSerialFormatter_values', 'value':JSON.stringify(_formatterValues)});
						});
						serialCodeFormatter.render();
					}

if (v.key == "wcTicketDesignerTemplate") {
						$('<button class="button button-primary">').html("Show Default Template").on("click", e=>{
							LAYOUT.renderInfoBox(_x('Ticket Default Template', 'title', 'event-tickets-with-ticket-scanner'), $('<textarea style="width:100%;height:400px">').val(v.default));
						}).appendTo(div_options);
					}

if (v.type == "editor") {
						//https://ace.c9.io/#nav=howto
						let btn_group = $('<div>').prependTo(elem_div);
						editor[v.key+"_editor"] = null; // will be filled later
						editor[v.key+"_btn"] = $('<button class="button button-primary">').prop("disabled", true).html(_x('Save Template Code', 'title', 'event-tickets-with-ticket-scanner')).on("click", evt=>{
							let value = editor[v.key+"_editor"].getValue().trim();
							_saveOptionValue(v.key, value, cbf, pcbf);
							editor[v.key+"_btn"].prop("disabled", true);
						}).appendTo(btn_group);
						$('<button class="button button-danger">').html(_x('Copy Template Code To Live Code', 'title', 'event-tickets-with-ticket-scanner')).on("click", evt=>{
							LAYOUT.renderYesNo(_x('Replace Live Template Code', 'title', 'event-tickets-with-ticket-scanner'), __('Do you want to replace the live template code with the template code from the test?', 'event-tickets-with-ticket-scanner'), ()=>{
								let value = editor[v.key+"_editor"].getValue().trim();
								$('input[data-key="'+v.key.replace("Test", "")+'"').val(value).trigger("change");
								if (v.key == "wcTicketDesignerTemplateTest") {
									$('input[data-key="wcTicketPDFZeroMargin"').prop("checked",$('input[data-key="wcTicketPDFZeroMarginTest"').is(':checked')).trigger("change");
									$('input[data-key="wcTicketPDFFullBleed"').prop("checked",$('input[data-key="wcTicketPDFFullBleedTest"').is(':checked')).trigger("change");
									$('input[data-key="wcTicketPDFisRTL"').prop("checked",$('input[data-key="wcTicketPDFisRTLTest"').is(':checked')).trigger("change");
									$('input[data-key="wcTicketSizeWidth"').val($('input[data-key="wcTicketSizeWidthTest"').val()).trigger("change");
									$('input[data-key="wcTicketSizeHeight"').val($('input[data-key="wcTicketSizeHeightTest"').val()).trigger("change");
									$('input[data-key="wcTicketQRSize"').val($('input[data-key="wcTicketQRSizeTest"').val()).trigger("change");
									$('input[data-key="wcTicketPDFBackgroundColor"').val($('input[data-key="wcTicketPDFBackgroundColorTest"').val()).trigger("change");
								}
							});
						}).appendTo(btn_group);

if (v.key == "wcTicketDesignerTemplateTest") {
							let ticket_test_chooser = $('<div>');
							let ticket_template_chooser = $('<div style="padding-top:5px;padding-bottom:20px;">').html('<b>Templates</b><br>You can choose from the templates below to have a starting point.<br>').appendTo(ticket_test_chooser);
							let ticket_test_select = $('<select>').appendTo(ticket_test_chooser);
							let ticket_test_direct_input = $('<input type="text" style="width:180px;" placeholder="or enter a public ticket number">');
							// display the template thumbnails
							for(let a=0;a<reply.ticket_templates.length;a++) {
								let ticket_template = reply.ticket_templates[a];
								__createTicketTemplateChooserBox(ticket_template, editor).appendTo(ticket_template_chooser);
							}

if (OPTIONS.tickets_for_testing.length > 0) {
								let option_values = [];
								for(let a=0;a<OPTIONS.tickets_for_testing.length;a++) {
									let ticket = OPTIONS.tickets_for_testing[a];
									let metaObj = null;
									try {
										metaObj = JSON.parse(ticket.meta);
									} catch(e) {}
									if (metaObj != null) {
										option_values.push({t:ticket, m:metaObj});
									}
								}
								if (option_values.length > 0) {
									for(let a=0;a<option_values.length;a++) {
										let item = option_values[a];
										$('<option value="'+item.m.wc_ticket._public_ticket_id+'">')
											.text("Order Id: "+item.t.order_id+" - "+item.m.wc_ticket._public_ticket_id+" - "+item.t._PRODUCT_NAME+" (#"+item.m.woocommerce.product_id+")")
											.attr("data-url-pdf", item.m.wc_ticket._url)
											.appendTo(ticket_test_select);
									}
									ticket_test_direct_input.appendTo(ticket_test_chooser);
									$('<button class="button button-primary" id="wcTicketDesignerTemplateTest_button_PDF">')
										.html(__('Preview Test Template Code as PDF', 'event-tickets-with-ticket-scanner')).
										appendTo(ticket_test_chooser).on("click", ()=>{
											let ticket_url = ticket_test_select.find(":selected").attr("data-url-pdf");
											let v = ticket_test_direct_input.val().trim();
											if (v != "") {
												ticket_url = reply.infos.ticket.ticket_base_url + v; // myAjax.ticket_base_url
											}
											iframe.attr("src", ticket_url+'?pdf&testDesigner=1&t='+time()+'&nonce='+DATA.nonce);
											iframe
												.css("width", "80%")
												.css("height", "500px")
												.css("margin-top", "10px")
												.css("display", "block");
										});
									let iframe = $('<iframe style="display:none;">').appendTo(ticket_test_chooser);
								} else {
									$('<option value="">').text(__("ticket cannot be used. Public Ticket Id missing.",'event-tickets-with-ticket-scanner')).appendTo(ticket_test_select);
								}
							} else {
								$('<option value="">').text(__("no ticket for preview available", 'event-tickets-with-ticket-scanner')).appendTo(ticket_test_select);
							}
							ticket_test_chooser.appendTo(elem_div);
						}
					}

elem_div.appendTo(div_options);
				}
			});
			__renderContextSuggestions(div_options);
			if (window.location.hash != "") {
				window.setTimeout(()=>{
					let h = window.location.hash;
					window.location.hash = "";
					window.location.hash = h;
				}, 250);
			}
			window.setTimeout(()=>{
				for(var k in editor) {
					if (k.substring(k.length -7) == "_editor") {
						editor[k] = ace.edit(k);
						//editor.wcTicketDesignerTemplateTest_editor.setTheme("ace/theme/monokai");
						editor[k].session.setMode("ace/mode/twig");
						editor[k].setShowPrintMargin(false);
						editor[k].commands.addCommand({name:'save', bindKey:{win:'Ctrl-S', mac:'Command-S'}, readOnly:false, exec:myEditor=>{
							myEditor.trigger("change");
						}});
						editor[k].session.on("change", delta=>{
							editor[k.replace("_editor", "_btn")].prop("disabled", false);
						});
					}
				}
			}, 250)

function __renderTabelleOptionsHistory(container) {
				container.html('');
				let tabelle_history_datatable;
				let table_id = myAjax.divPrefix+'_tabelle_options_history';

$('<div style="text-align:right;margin-bottom:10px;">')
					.append($('<button>').html(__('Refresh table', 'event-tickets-with-ticket-scanner')).addClass("button-secondary").on("click", ()=>{
						tabelle_history_datatable.ajax.reload();
					}))
					.appendTo(container);

let tabelle = $('<table/>').attr("id", table_id);
				tabelle.html('<thead><tr>'
					+'<th></th>'
					+'<th align="left">'+_x('Date', 'label', 'event-tickets-with-ticket-scanner')+'</th>'
					+'<th align="left">'+_x('Option', 'label', 'event-tickets-with-ticket-scanner')+'</th>'
					+'<th align="left">'+_x('Old Value', 'label', 'event-tickets-with-ticket-scanner')+'</th>'
					+'<th align="left">'+_x('New Value', 'label', 'event-tickets-with-ticket-scanner')+'</th>'
					+'<th align="left">'+_x('Changed By', 'label', 'event-tickets-with-ticket-scanner')+'</th>'
					+'<th></th>'
					+'</tr></thead>');
				container.append(tabelle);

$(tabelle).DataTable().clear().destroy();
				tabelle_history_datatable = $(tabelle).DataTable({
					"responsive": true,
					"searching": true,
					"ordering": true,
					"processing": true,
					"serverSide": true,
					"stateSave": false,
					"pageLength": 25,
					"ajax": {
						url: _requestURL('getOptionsHistory'),
						type: 'POST',
					},
					"order": [[ 1, "desc" ]],
					"columns": [
						{"data": null, "className": 'details-control', "orderable": false, "defaultContent": '', "width": 10},
						{"data": "changed_at", "orderable": true, "width": 140},
						{"data": "option_key", "orderable": true},
						{"data": "old_value", "orderable": false, "render": function(data) {
							if (data && data.length > 60) return '<span title="'+destroy_tags(data)+'">'+destroy_tags(data.substring(0, 60))+'&hellip;</span>';
							return destroy_tags(data);
						}},
						{"data": "new_value", "orderable": false, "render": function(data) {
							if (data && data.length > 60) return '<span title="'+destroy_tags(data)+'">'+destroy_tags(data.substring(0, 60))+'&hellip;</span>';
							return destroy_tags(data);
						}},
						{"data": "changed_by_name", "orderable": true, "width": 120, "defaultContent": ""},
						{"data": null, "orderable": false, "width": 80, "render": function(data, type, row) {
							return '<button class="button button-small saso-revert-btn" data-history-id="'+row.id+'">'+_x('Revert', 'label', 'event-tickets-with-ticket-scanner')+'</button>';
						}},
					]
				});
				tabelle.css("width", "100%");

// details-control: expand row to show full values
				$('#'+table_id+' tbody').on('click', 'td.details-control', e=>{
					var tr = $(e.target).parents('tr');
					var row = tabelle_history_datatable.row(tr);
					if (row.child.isShown()) {
						row.child.hide();
						tr.removeClass('shown');
					} else {
						let d = row.data();
						row.child(
							'<div style="padding:5px 10px;">'
							+'<b>'+_x('Old Value', 'label', 'event-tickets-with-ticket-scanner')+':</b><pre style="white-space:pre-wrap;max-height:200px;overflow:auto;">'+destroy_tags(d.old_value)+'</pre>'
							+'<b>'+_x('New Value', 'label', 'event-tickets-with-ticket-scanner')+':</b><pre style="white-space:pre-wrap;max-height:200px;overflow:auto;">'+destroy_tags(d.new_value)+'</pre>'
							+'</div>'
						).show();
						tr.addClass('shown');
					}
				});

// revert button
				$('#'+table_id+' tbody').on('click', '.saso-revert-btn', e=>{
					let btn = $(e.target);
					let historyId = btn.data('history-id');
					let tr = btn.closest('tr');
					let row = tabelle_history_datatable.row(tr);
					let d = row.data();
					LAYOUT.renderYesNo(
						_x('Revert Option', 'title', 'event-tickets-with-ticket-scanner'),
						sprintf(__('Revert option "%s" to its previous value?', 'event-tickets-with-ticket-scanner'), d.option_key),
						()=>{
							_makePost('revertOption', {history_id: historyId}, function(result) {
								if (result) {
									_displayOptionsArea();
								}
							});
						}
					);
				});
			}

});
	}

// ── Attendance Area with Tabs (#236) ──

function _displayAttendanceArea() {
		STATE = 'attendance';
		DIV.html(getBackButtonDiv());

// Tab bar
		let tabBar = $('<div style="display:flex;gap:0;margin-bottom:16px;border-bottom:2px solid #e5e7eb;">').appendTo(DIV);
		let tabSold = $('<button class="button" style="border:none;border-bottom:2px solid var(--et-primary);margin-bottom:-2px;border-radius:0;font-weight:600;">').html(_x('Sold Tickets', 'tab', 'event-tickets-with-ticket-scanner')).appendTo(tabBar);
		let tabRedemption = $('<button class="button" style="border:none;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:0;color:#666;">').html(_x('Daily Redemption Summary', 'tab', 'event-tickets-with-ticket-scanner')).appendTo(tabBar);

let tabContentSold = $('<div>').appendTo(DIV);
		let tabContentRedemption = $('<div style="display:none;">').appendTo(DIV);

// ── Tab 1: Sold Tickets Calendar ──
		_buildSoldTicketsTab(tabContentSold);

// ── Tab 2: Daily Redemption Summary ──
		_buildRedemptionTab(tabContentRedemption);
	}

function _buildSoldTicketsTab(container) {
		container.empty();

let now = new Date();
		let calMonth = now.getMonth(); // 0-based
		let calYear = now.getFullYear();

// ── Filter box ──
		let filterCard = $('<div class="et-card" style="padding:12px 16px;margin-bottom:16px;">').appendTo(container);
		let productRow = $('<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;">').appendTo(filterCard);
		productRow.append('<strong style="margin-right:4px;">' + __('Products:', 'event-tickets-with-ticket-scanner') + '</strong>');
		let productCheckboxes = $('<span style="display:inline-flex;gap:12px;flex-wrap:wrap;">').appendTo(productRow);

// Export row
		let today = now.toISOString().split('T')[0];
		let exportRow = $('<div style="display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;">').appendTo(filterCard);
		let div_from = _createDivInput(_x('Export from', 'label', 'event-tickets-with-ticket-scanner')).appendTo(exportRow);
		let input_from = $('<input type="date"/>').val(today).css('padding','4px 8px').appendTo(div_from);
		let div_to = _createDivInput(_x('Export to', 'label', 'event-tickets-with-ticket-scanner')).appendTo(exportRow);
		let input_to = $('<input type="date"/>').val(today).css('padding','4px 8px').appendTo(div_to);
		$('<button/>').addClass("button-secondary").css({'margin-bottom':'15px'}).html('<span class="dashicons dashicons-download" style="vertical-align:middle;margin-right:2px;"></span>' + _x('Export CSV', 'button', 'event-tickets-with-ticket-scanner')).on('click', function() {
			let df = input_from.val(), dt = input_to.val();
			if (!df || !dt) return;
			window.open(_requestURL('downloadSoldTicketsCSV', {date_from: df, date_to: dt, exclude_products: getExcluded().join(',')}), '_blank');
		}).appendTo(exportRow);

// ── Calendar box ──
		let calCard = $('<div class="et-card" style="padding:16px;">').appendTo(container);

// Nav: « month year » [Refresh]
		let navRow = $('<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">').appendTo(calCard);
		let navLeft = $('<div style="display:flex;align-items:center;gap:8px;">').appendTo(navRow);
		let btnPrev = $('<button type="button" class="button button-small">&laquo;</button>').appendTo(navLeft);
		let monthLabel = $('<strong style="min-width:140px;text-align:center;">').appendTo(navLeft);
		let btnNext = $('<button type="button" class="button button-small">&raquo;</button>').appendTo(navLeft);
		let btnRefresh = $('<button type="button" class="button button-secondary"><span class="dashicons dashicons-update" style="vertical-align:middle;"></span></button>').appendTo(navRow);

// Auto-refresh
		let autoRefreshDiv = $('<div style="display:flex;align-items:center;gap:6px;">').appendTo(navRow);
		autoRefreshDiv.append('<span style="font-size:12px;color:#666;">' + __('Auto-refresh:', 'event-tickets-with-ticket-scanner') + '</span>');
		let autoRefreshSelect = $('<select style="padding:2px 20px 2px 4px;font-size:12px;">').appendTo(autoRefreshDiv);
		autoRefreshSelect.append('<option value="0">' + __('Off', 'event-tickets-with-ticket-scanner') + '</option>');
		autoRefreshSelect.append('<option value="10">10s</option>');
		autoRefreshSelect.append('<option value="30">30s</option>');
		autoRefreshSelect.append('<option value="60">1 min</option>');
		autoRefreshSelect.append('<option value="300">5 min</option>');
		let autoRefreshTimer = null;
		let autoRefreshCountdown = $('<span style="font-size:11px;color:#999;min-width:30px;">').appendTo(autoRefreshDiv);

let calRow = $('<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;">').appendTo(calCard);
		let calendarDiv = $('<div>').appendTo(calRow);
		let detailDiv = $('<div>').appendTo(calRow);

function getExcluded() {
			let excluded = [];
			productCheckboxes.find('input:not(:checked)').each(function() { excluded.push($(this).val()); });
			return excluded;
		}

function loadCalendar() {
			let monthNames = [
				__('January'), __('February'), __('March'), __('April'),
				__('May'), __('June'), __('July'), __('August'),
				__('September'), __('October'), __('November'), __('December')
			];
			monthLabel.text(monthNames[calMonth] + ' ' + calYear);
			calendarDiv.html(_getSpinnerHTML());
			detailDiv.html('');

let first = calYear + '-' + String(calMonth + 1).padStart(2, '0') + '-01';
			let last = calYear + '-' + String(calMonth + 1).padStart(2, '0') + '-' + String(new Date(calYear, calMonth + 1, 0).getDate()).padStart(2, '0');

_makeGet('getAllDaychooserCalendarData', {
				date_from: first,
				date_to: last,
				exclude_products: getExcluded().join(',')
			}, function(data) {
				renderCalendarGrid(calendarDiv, detailDiv, data);
			}, function() {
				calendarDiv.html('<p style="color:red;">' + __('Error loading data.', 'event-tickets-with-ticket-scanner') + '</p>');
			});
		}

btnPrev.on('click', function() { calMonth--; if (calMonth < 0) { calMonth = 11; calYear--; } loadCalendar(); });
		btnNext.on('click', function() { calMonth++; if (calMonth > 11) { calMonth = 0; calYear++; } loadCalendar(); });
		btnRefresh.on('click', loadCalendar);

// Load product list, then load calendar
		_makeGet('getAllDaychooserCalendarData', {date_from: '2099-01-01', date_to: '2099-01-01'}, function(data) {
			if (data.products) {
				data.products.forEach(function(p) {
					let lbl = $('<label style="font-size:13px;cursor:pointer;">');
					let cb = $('<input type="checkbox" value="' + p.id + '" checked>');
					lbl.append(cb).append(' ' + p.name);
					productCheckboxes.append(lbl);
				});
			}
			loadCalendar();
		});
	}

function renderCalendarGrid(calendarDiv, detailDiv, data) {
		let allDates = data.dates || {};
		let dateFrom = data.date_from;
		let dateTo = data.date_to;

let startD = new Date(dateFrom + 'T00:00:00');
		let endD = new Date(dateTo + 'T00:00:00');
		let currentMonth = {year: startD.getFullYear(), month: startD.getMonth()};
		let endMonth = {year: endD.getFullYear(), month: endD.getMonth()};

let monthNames = [
			__('January', 'event-tickets-with-ticket-scanner'), __('February', 'event-tickets-with-ticket-scanner'),
			__('March', 'event-tickets-with-ticket-scanner'), __('April', 'event-tickets-with-ticket-scanner'),
			__('May', 'event-tickets-with-ticket-scanner'), __('June', 'event-tickets-with-ticket-scanner'),
			__('July', 'event-tickets-with-ticket-scanner'), __('August', 'event-tickets-with-ticket-scanner'),
			__('September', 'event-tickets-with-ticket-scanner'), __('October', 'event-tickets-with-ticket-scanner'),
			__('November', 'event-tickets-with-ticket-scanner'), __('December', 'event-tickets-with-ticket-scanner')
		];
		let dayHeaders = [
			__('Mon', 'event-tickets-with-ticket-scanner'), __('Tue', 'event-tickets-with-ticket-scanner'),
			__('Wed', 'event-tickets-with-ticket-scanner'), __('Thu', 'event-tickets-with-ticket-scanner'),
			__('Fri', 'event-tickets-with-ticket-scanner'), __('Sat', 'event-tickets-with-ticket-scanner'),
			__('Sun', 'event-tickets-with-ticket-scanner')
		];

let $wrapper = $('<div>');
		let grandTotal = 0;

// Render each month in the range
		while (currentMonth.year < endMonth.year || (currentMonth.year === endMonth.year && currentMonth.month <= endMonth.month)) {
			let year = currentMonth.year;
			let month = currentMonth.month;

let $monthBlock = $('<div style="margin-bottom:24px;">');
			$monthBlock.append('<h4 style="margin:0 0 8px;">' + monthNames[month] + ' ' + year + '</h4>');

let $table = $('<table class="widefat" style="table-layout:fixed;text-align:center;">');
			let $thead = $('<thead><tr></tr></thead>');
			for (let i = 0; i < 7; i++) {
				$thead.find('tr').append('<th style="text-align:center;padding:4px;">' + dayHeaders[i] + '</th>');
			}
			$table.append($thead);

let $tbody = $('<tbody>');
			let firstDay = new Date(year, month, 1).getDay();
			let startOffset = (firstDay === 0 ? 6 : firstDay - 1);
			let daysInMonth = new Date(year, month + 1, 0).getDate();
			let day = 1;

for (let row = 0; row < 6 && day <= daysInMonth; row++) {
				let $tr = $('<tr>');
				for (let col = 0; col < 7; col++) {
					if ((row === 0 && col < startOffset) || day > daysInMonth) {
						$tr.append('<td style="padding:4px;"></td>');
					} else {
						let dateStr = year + '-' + String(month + 1).padStart(2, '0') + '-' + String(day).padStart(2, '0');
						let dayData = allDates[dateStr] || [];
						let dayTotal = 0;
						dayData.forEach(function(d) { dayTotal += d.count; });
						grandTotal += dayTotal;

let $td = $('<td style="padding:4px;position:relative;vertical-align:top;height:45px;">');
						$td.append('<div style="font-size:11px;color:#666;">' + day + '</div>');
						if (dayTotal > 0) {
							let $badge = $('<div style="font-weight:bold;color:#0073aa;cursor:pointer;">' + dayTotal + '</div>');
							$badge.data('cal-date', dateStr);
							$badge.data('cal-products', dayData);
							$badge.on('click', function(e) {
								e.preventDefault();
								let ds = $(this).data('cal-date');
								let dd = $(this).data('cal-products');

detailDiv.html('<h4 style="margin:0 0 8px;">' + sprintf(__('Tickets for %s', 'event-tickets-with-ticket-scanner'), ds) + '</h4>' + _getSpinnerHTML());

// Load details for each product
								let promises = dd.map(function(p) {
									return new Promise(function(resolve) {
										_makeGet('getProductCalendarDetails', {product_id: p.product_id, date: ds}, function(tickets) {
											resolve({product: p, tickets: tickets || []});
										}, function() {
											resolve({product: p, tickets: []});
										});
									});
								});

Promise.all(promises).then(function(results) {
									let $detail = $('<div>');
									$detail.append('<h4 style="margin:0 0 8px;">' + sprintf(__('Tickets for %s', 'event-tickets-with-ticket-scanner'), ds) + '</h4>');

results.forEach(function(r) {
										$detail.append('<strong>' + r.product.product_name + ' (' + r.product.count + ')</strong>');
										if (r.tickets.length === 0) {
											$detail.append('<p><em>' + __('No details available.', 'event-tickets-with-ticket-scanner') + '</em></p>');
											return;
										}
										let $table = $('<table class="widefat striped" style="margin:4px 0 16px;">');
										$table.append('<thead><tr>'
											+ '<th>' + __('Ticket', 'event-tickets-with-ticket-scanner') + '</th>'
											+ '<th>' + __('Order', 'event-tickets-with-ticket-scanner') + '</th>'
											+ '<th>' + __('Status', 'event-tickets-with-ticket-scanner') + '</th>'
											+ '</tr></thead>');
										let $tbody = $('<tbody>');
										r.tickets.forEach(function(t) {
											let ticketHtml = t.code_display;
											let orderHtml = t.order_id > 0
												? '<a href="post.php?post=' + t.order_id + '&action=edit" target="_blank">#' + t.order_id + '</a>'
												: '-';
											let statusText = t.redeemed ? __('Redeemed', 'event-tickets-with-ticket-scanner') : __('Active', 'event-tickets-with-ticket-scanner');
											let statusColor = t.redeemed ? '#d63638' : '#00a32a';
											$tbody.append('<tr><td>' + ticketHtml + '</td><td>' + orderHtml + '</td><td style="color:' + statusColor + ';">' + statusText + '</td></tr>');
										});
										$table.append($tbody);
										$detail.append($table);
									});
									detailDiv.empty().append($detail);
								});
							});
							$td.append($badge);
							$td.css('background', '#f0f7ff');
						}
						$tr.append($td);
						day++;
					}
				}
				$tbody.append($tr);
			}
			$table.append($tbody);
			$monthBlock.append($table);
			$wrapper.append($monthBlock);

// Next month
			currentMonth.month++;
			if (currentMonth.month > 11) { currentMonth.month = 0; currentMonth.year++; }
		}

let totalText = grandTotal > 0
			? sprintf(__('Total sold: %d tickets', 'event-tickets-with-ticket-scanner'), grandTotal)
			: __('No tickets found for this month.', 'event-tickets-with-ticket-scanner');
		$wrapper.append('<div style="margin-top:8px;font-size:12px;color:#666;">' + totalText + '</div>');

calendarDiv.empty().append($wrapper);
	}

function _buildRedemptionTab(container) {

// Date range filter + Export button
		let today = new Date().toISOString().split('T')[0];
		let div_filters = $('<div class="et-card"/>').css({'display':'flex','gap':'15px','align-items':'flex-end','flex-wrap':'wrap'}).appendTo(container);

let div_from = _createDivInput(_x('From', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_filters);
		let input_from = $('<input type="date"/>').val(today).css('padding','4px 8px').appendTo(div_from);

let div_to = _createDivInput(_x('To', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_filters);
		let input_to = $('<input type="date"/>').val(today).css('padding','4px 8px').appendTo(div_to);

let btn_load = $('<button/>').addClass("button-primary").css({'margin-bottom':'15px'}).html(_x('Load', 'button', 'event-tickets-with-ticket-scanner')).appendTo(div_filters);

// Summary cards
		let div_summary = $('<div/>').css({'display':'flex','gap':'20px','margin-bottom':'15px'}).appendTo(container);
		let cardStyle = {'padding':'15px','background':'white','border-radius':'5px','flex':'1','text-align':'center','border':'1px solid #c3c4c7'};
		let card_redeemed = $('<div/>').css(cardStyle).appendTo(div_summary);
		let card_total = $('<div/>').css(cardStyle).appendTo(div_summary);
		let card_noshow = $('<div/>').css(cardStyle).appendTo(div_summary);

// Table area
		let div_table = $('<div/>').css({'background':'white','padding':'15px','border-radius':'5px','border':'1px solid #c3c4c7'}).appendTo(container);

let tabelle_attendance_datatable = null;

function __loadData() {
			let date_from = input_from.val();
			let date_to = input_to.val();
			if (!date_from || !date_to) return;

div_table.html(_getSpinnerHTML());
			card_redeemed.html('...');
			card_total.html('...');
			card_noshow.html('...');

_makeGet('getRedemptionSummary', {date_from: date_from, date_to: date_to}, function(data) {
				// Summary cards
				card_redeemed.html(
					'<h2 style="margin:0;color:#2e74b5;">' + data.summary.total_redeemed + '</h2>' +
					'<p style="margin:5px 0 0;">' + _x('Redeemed', 'label', 'event-tickets-with-ticket-scanner') + '</p>'
				);
				card_total.html(
					'<h2 style="margin:0;color:#666;">' + data.summary.total_codes + '</h2>' +
					'<p style="margin:5px 0 0;">' + _x('Total Tickets', 'label', 'event-tickets-with-ticket-scanner') + '</p>'
				);
				card_noshow.html(
					'<h2 style="margin:0;color:#d63638;">' + data.summary.total_no_show + '</h2>' +
					'<p style="margin:5px 0 0;">' + _x('No Show', 'label', 'event-tickets-with-ticket-scanner') + '</p>'
				);

// Build DataTable
				let table_id = myAjax.divPrefix + '_tabelle_attendance';
				let tabelle = $('<table/>').attr("id", table_id);
				tabelle.html(
					'<thead><tr>' +
					'<th></th>' +
					'<th>' + _x('Date', 'column', 'event-tickets-with-ticket-scanner') + '</th>' +
					'<th>' + _x('Event / List', 'column', 'event-tickets-with-ticket-scanner') + '</th>' +
					'<th>' + _x('Product', 'column', 'event-tickets-with-ticket-scanner') + '</th>' +
					'<th>' + _x('Redeemed', 'column', 'event-tickets-with-ticket-scanner') + '</th>' +
					'<th>' + _x('Total in List', 'column', 'event-tickets-with-ticket-scanner') + '</th>' +
					'<th>' + _x('No Show', 'column', 'event-tickets-with-ticket-scanner') + '</th>' +
					'</tr></thead>' +
					'<tfoot><tr><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr></tfoot>'
				);
				div_table.html(tabelle);

if (tabelle_attendance_datatable) {
					try { tabelle_attendance_datatable.destroy(); } catch(e) {}
				}

tabelle_attendance_datatable = $('#' + table_id).DataTable({
					"responsive": true,
					"searching": true,
					"ordering": true,
					"processing": false,
					"serverSide": false,
					"stateSave": false,
					"paging": data.rows.length > 25,
					"pageLength": 25,
					"data": data.rows,
					"order": [[1, "desc"], [2, "asc"]],
					"columns": [
						{"data": null, "className": "details-control", "orderable": false, "defaultContent": "", "width": 10},
						{"data": "date", "orderable": true},
						{"data": "list_name", "orderable": true, "render": function(d){ return d || '-'; }},
						{"data": "product_name", "orderable": true, "render": function(d, type, row){
							return row.product_id > 0 ? d + ' <small>(#' + row.product_id + ')</small>' : (d || '-');
						}},
						{"data": "redeemed_count", "orderable": true, "className": "dt-right"},
						{"data": "total_in_list", "orderable": true, "className": "dt-right"},
						{"data": "no_show_count", "orderable": true, "className": "dt-right"}
					],
					"footerCallback": function() {
						let api = this.api();
						let sumRedeemed = api.column(4).data().reduce(function(a, b){ return a + b; }, 0);
						let sumTotal = api.column(5).data().reduce(function(a, b){ return a + b; }, 0);
						let sumNoShow = api.column(6).data().reduce(function(a, b){ return a + b; }, 0);
						$(api.column(0).footer()).html('');
						$(api.column(1).footer()).html('<b>' + _x('Total', 'label', 'event-tickets-with-ticket-scanner') + '</b>');
						$(api.column(2).footer()).html('');
						$(api.column(3).footer()).html('');
						$(api.column(4).footer()).html('<b>' + sumRedeemed + '</b>');
						$(api.column(5).footer()).html('<b>' + sumTotal + '</b>');
						$(api.column(6).footer()).html('<b>' + sumNoShow + '</b>');
					}
				});
				tabelle.css("width", "100%");

// Drill-down: click details-control to show individual codes
				$('#' + table_id + ' tbody').on('click', 'td.details-control', function() {
					let tr = $(this).closest('tr');
					let row = tabelle_attendance_datatable.row(tr);
					if (row.child.isShown()) {
						row.child.hide();
						tr.removeClass('shown');
					} else {
						let d = row.data();
						let childDiv = $('<div/>').css('padding', '5px 10px').html(_getSpinnerHTML());
						row.child(childDiv).show();
						tr.addClass('shown');

_makeGet('getRedemptionDetails', {date: d.date, list_id: d.list_id}, function(details) {
							if (!details || details.length === 0) {
								childDiv.html('<p><i>' + _x('No individual ticket data available.', 'label', 'event-tickets-with-ticket-scanner') + '</i></p>');
								return;
							}
							let html = '<table class="widefat striped" style="margin:5px 0;">' +
								'<thead><tr>' +
								'<th>' + _x('Ticket', 'column', 'event-tickets-with-ticket-scanner') + '</th>' +
								'<th>' + _x('Order', 'column', 'event-tickets-with-ticket-scanner') + '</th>' +
								'<th>' + _x('Redeemed At', 'column', 'event-tickets-with-ticket-scanner') + '</th>' +
								'</tr></thead><tbody>';
							for (let i = 0; i < details.length; i++) {
								let item = details[i];
								let orderLink = item.order_id > 0
									? '#' + item.order_id + ' <a target="_blank" href="post.php?post=' + item.order_id + '&action=edit">' + _x('View', 'label', 'event-tickets-with-ticket-scanner') + '</a>'
									: '-';
								html += '<tr><td>' + item.code_display + '</td><td>' + orderLink + '</td><td>' + item.redeemed_time + '</td></tr>';
							}
							html += '</tbody></table>';
							childDiv.html(html);
						}, function() {
							childDiv.html('<p style="color:red;">' + _x('Error loading details.', 'label', 'event-tickets-with-ticket-scanner') + '</p>');
						});
					}
				});
			}, function(response) {
				div_table.html('<p style="color:red;">' + (response.data || _x('Error loading data.', 'label', 'event-tickets-with-ticket-scanner')) + '</p>');
				card_redeemed.html('-');
				card_total.html('-');
				card_noshow.html('-');
			});
		}

btn_load.on("click", __loadData);
		__loadData();
	}

// ── End Attendance ──

image_frame.on('close',function() {
			// On close, get selections and save to the hidden input
			// plus other AJAX stuff to refresh the image preview
			var selection =  image_frame.state().get('selection');

if (imgContainer) { // zeige erstes bild an
				var attachment = selection.first().toJSON();
				imgContainer.html( '<img src="'+attachment.url+'" style="max-width:100%;"/>' );
			}

var gallery_ids = new Array();
			var my_index = 0;
			selection.each(function(attachment) {
				gallery_ids[my_index] = attachment['id'];
				my_index++;
			});
			var ids = gallery_ids.join(",");
			input_elem.val(ids);
			input_elem.trigger("change");
   		});

image_frame.on('open',function() {
			// On open, get the id from the hidden input
			// and select the appropiate images in the media manager
			var selection =  image_frame.state().get('selection');
			var ids = input_elem.val().split(',');
			ids.forEach(function(id) {
				var attachment = wp.media.attachment(id);
				attachment.fetch();
				selection.add( attachment ? [ attachment ] : [] );
			});
		});
		image_frame.open();
	} // ende openmediachooser

function getBackButtonDiv() {
		let div_buttons = $('<div class="event-tickets-with-ticket-scanner-topbar">');
		let div = $('<div/>').addClass("event-tickets-with-ticket-scanner-topbar-left").append(
			$('<button />')
				.addClass("event-tickets-with-ticket-scanner-back-btn")
				.html('<span class="event-tickets-with-ticket-scanner-back-icon">&lt;</span> ' + _x('Back', 'label', 'event-tickets-with-ticket-scanner'))
				.on("click", ()=>{ LAYOUT.renderAdminPageLayout(); }
			)
		);
		div_buttons.append(div);
		div_buttons.append(_displaySettingAreaButton());
		return div_buttons;
	}

if (isPremium()) {
			btn_grp = PREMIUM.displaySettingAreaButton(btn_grp);
		}
		return btn_grp;
	}

function _form_fields_serial_format(appendToDiv) {
		let input_prefix_codes;
		let input_type_codes;
		let input_amount_letters;
		let input_letter_excl;
		let input_letter_style;
		let input_include_numbers;
		let input_serial_delimiter;
		let input_serial_delimiter_space;
		let input_number_start;
		let input_number_offset;

let noNumbersOptions = false;
		let cbk = null;
		let formatterValues;

if (noNumbersOptions) {
				input_type_codes.prop("disabled", true);
			}
			input_type_codes.on("change", function() {
				if (input_type_codes.val() === "2") {
					div_serials && div_serials.find("input").prop("disabled", true);
					div_serials && div_serials.find("select").prop("disabled", true);
					div_numbers && div_numbers.find("input").prop("disabled", false);
					div_numbers && div_numbers.find("select").prop("disabled", false);
				} else {
					div_serials && div_serials.find("input").prop("disabled", false);
					div_serials && div_serials.find("select").prop("disabled", false);
					div_numbers && div_numbers.find("input").prop("disabled", true);
					div_numbers && div_numbers.find("select").prop("disabled", true);
				}
				_callCallbackHandle();
			});
			// serials options
			let div_serials = $('<div>').html('<h4>'+_x('Serials options', 'title', 'event-tickets-with-ticket-scanner')+'</h4>').appendTo(appendToDiv);
				// anzahl letters
				let div_amount_letters = _createDivInput(_x('Amount of letter needed', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_serials);
				input_amount_letters = $('<input type="number" required value="21" min="1" max="30">').appendTo(div_amount_letters);
				if (formatterValues && formatterValues['input_amount_letters'] != null) input_amount_letters.val(formatterValues['input_amount_letters']);
				input_amount_letters.on("change", function(){
					input_serial_delimiter.trigger("change");
					_callCallbackHandle();
				});
				// select letter exclusion
				let div_letter_excl = _createDivInput(_x('Letter exclusion', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_serials);
				input_letter_excl = $('<select><option value="1">'+_x('None', 'option value', 'event-tickets-with-ticket-scanner')+'</option><option value="2" selected>i,l,o,p,q</option></select>').appendTo(div_letter_excl);
				if (formatterValues && formatterValues['input_letter_excl'] != null) input_letter_excl.val(formatterValues['input_letter_excl']);
				input_letter_excl.on("change", ()=>{
					_callCallbackHandle();
				});
				// radio button text gross/klein/both/none
				let div_letter_style = _createDivInput(_x('Letter style', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_serials);
				input_letter_style = $('<select><option value="1" selected>'+_x('Uppercase', 'option value', 'event-tickets-with-ticket-scanner')+'</option><option value="2">'+_x('Lowercase', 'option value', 'event-tickets-with-ticket-scanner')+'</option><option value="3">'+_x('Both', 'option value', 'event-tickets-with-ticket-scanner')+'</option></select>').appendTo(div_letter_style);
				if (formatterValues && formatterValues['input_letter_style'] != null) input_letter_style.val(formatterValues['input_letter_style']);
				input_letter_style.on("change", ()=>{
					_callCallbackHandle();
				});
				// radio button numbers/none
				let div_include_numbers = _createDivInput(_x('Numbers needed?', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_serials);
				input_include_numbers = $('<select><option value="1">'+_x('No', 'label', 'event-tickets-with-ticket-scanner')+'</option><option value="2" selected>'+_x('Yes', 'label', 'event-tickets-with-ticket-scanner')+'</option><option value="3">'+_x('Only numbers', 'option value', 'event-tickets-with-ticket-scanner')+'</option></select>').appendTo(div_include_numbers);
				if (formatterValues && formatterValues['input_include_numbers'] != null) input_include_numbers.val(formatterValues['input_include_numbers']);
				input_include_numbers.on("change", ()=>{
					_callCallbackHandle();
				});
				// select delimiter none/-/./space
				let div_serial_delimiter = _createDivInput(_x('Delimiter?', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_serials);
				input_serial_delimiter = $('<select><option value="1">'+_x('None', 'option value', 'event-tickets-with-ticket-scanner')+'</option><option value="2" selected>-</option><option value="4">:</option><option value="3">'+_x('Space', 'option value', 'event-tickets-with-ticket-scanner')+'</option></select>').appendTo(div_serial_delimiter);
				if (formatterValues && formatterValues['input_serial_delimiter'] != null) input_serial_delimiter.val(formatterValues['input_serial_delimiter']);
				function __refreshDelimiterSpace() {
					input_serial_delimiter_space.html("");
					if (input_serial_delimiter.val() !== "1") {
						let anzahl = parseInt(input_amount_letters.val(),10);
						if (anzahl > 0) {
							for(let a=1;a<anzahl;a++) input_serial_delimiter_space.append($('<option'+(anzahl > 2 && a === 7 ? " selected": "")+'>').attr("value",a).html(a));
						}
					}
				}
				input_serial_delimiter.on("change", function(){
					__refreshDelimiterSpace();
					_callCallbackHandle();
				});
				// choose delimiter space
				let div_serial_delimiter_space = _createDivInput(_x('After how many letters?', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_serials);
				input_serial_delimiter_space = $('<select></select>').appendTo(div_serial_delimiter_space);
				if (formatterValues && formatterValues['input_serial_delimiter'] != null) {
					// setze Werte erstmal ein
					__refreshDelimiterSpace();
				}
				if (formatterValues && formatterValues['input_serial_delimiter_space'] != null) input_serial_delimiter_space.val(formatterValues['input_serial_delimiter_space']);
				input_serial_delimiter_space.on("change", ()=>{
					_callCallbackHandle();
				});
			// numbers options
			let div_numbers = $('<div>').html('<h4>'+_x('Numbers options', 'title', 'event-tickets-with-ticket-scanner')+'</h4>').appendTo(appendToDiv);
				if (noNumbersOptions) div_numbers.css("display","none");
				// number start
				let div_number_start = _createDivInput(_x('Start number', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_numbers);
				input_number_start = $('<input type="number" disabled required value="10000" min="1">').appendTo(div_number_start);
				if (formatterValues && formatterValues['input_number_start'] != null) input_number_start.val(formatterValues['input_number_start']);
				input_number_start.on("change", ()=>{
					_callCallbackHandle();
				});
				// number offset
				let div_number_offset = _createDivInput(_x('Offset for each number', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_numbers);
				input_number_offset = $('<input type="number" disabled required value="1" min="1">').appendTo(div_number_offset);
				if (formatterValues && formatterValues['input_number_offset'] != null) input_number_offset.val(formatterValues['input_number_offset']);
				input_number_offset.on("change", ()=>{
					_callCallbackHandle();
				});
		}

return {
			render:__render,
			getAmountLetters:_getAmountLetters,
			getLetterExclusion:_getLetterExclusion,
			getLetterStyle:_getLetterStyle,
			getIncludeNumbers:_getIncludeNumbers,
			getSerialDelimiter:_getSerialDelimiter,
			getSerialDelimiterSpace:_getSerialDelimiterSpace,
			getNumberStart:_getNumberStart,
			getNumberOffset:_getNumberOffset,
			isTypeNumbers:_isTypeNumbers,
			getPrefix:_getPrefix,
			generateSerialCode:_generateSerialCode,
			setNoNumberOptions:_setNoNumberOptions,
			getFormatterValues:_getFormatterValues,
			setCallbackHandle:_setCallbackHandle,
			setFormatterValues:_setFormatterValues
		};
	}

function _createDivInput(label) {
		return $('<div/>').css({
			"display": "inline-block",
		    "margin-bottom": "15px",
		    "margin-right": "15px"
		}).html(label+"<br>");
	}

// ── Context-Wizards: smart suggestions on options page (#232) ──

var _sessionDismissedSuggestions = [];

function __getSuggestionMessage(id) {
		var messages = {
			'email_ics_attach': {
				context: __('You have PDF ticket attachment enabled for emails.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you also want to attach the ICS calendar file to the purchase emails?', 'event-tickets-with-ticket-scanner')
			},
			'email_download_all_pdf': {
				context: __('You have PDF ticket attachment enabled for emails.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you also want to include a "Download all tickets as one PDF" link in the email?', 'event-tickets-with-ticket-scanner')
			},
			'email_badge_link': {
				context: __('You show the badge download button on the ticket detail page.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you also want to include the badge download link in the purchase emails?', 'event-tickets-with-ticket-scanner')
			},
			'email_view_link_when_pdf_hidden': {
				context: __('You have hidden the PDF download button on purchase emails.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you want to show the "View all tickets" link in the email instead?', 'event-tickets-with-ticket-scanner')
			},
			'scanner_auto_redeem': {
				context: __('You have auto-start camera enabled for the ticket scanner.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you also want to enable automatic ticket redemption on scan?', 'event-tickets-with-ticket-scanner')
			},
			'scanner_vibrate': {
				context: __('You have automatic scan-and-redeem enabled.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you also want to enable haptic feedback (vibration) when a ticket is scanned?', 'event-tickets-with-ticket-scanner')
			},
			'scanner_confirmed_count': {
				context: __('You allow tickets to be redeemed after the event end date.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you also want to display the confirmed scan count on the ticket scanner?', 'event-tickets-with-ticket-scanner')
			},
			'display_date_on_product': {
				context: __('You show the event date on the purchase order email.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you also want to show the event date on the product detail page?', 'event-tickets-with-ticket-scanner')
			},
			'display_customer_note': {
				context: __('You show input fields on the checkout page.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you also want to display the customer note on the ticket PDF?', 'event-tickets-with-ticket-scanner')
			},
			'display_redirect_after_redeem': {
				context: __('You show the self-redeem button on the ticket detail page.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you also want to redirect the customer after they redeem their ticket?', 'event-tickets-with-ticket-scanner')
			},
			'security_ip_block': {
				context: __('You have the premium plugin active.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you want to enable IP blocking to protect against brute-force ticket validation attempts?', 'event-tickets-with-ticket-scanner')
			},
			'security_ip_tracking': {
				context: __('You have the premium plugin active.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you want to enable IP tracking for ticket validation requests?', 'event-tickets-with-ticket-scanner')
			},
			'wallet_vollstart_enable': {
				context: __('Your customers can collect their tickets in the free Vollstart Wallet app.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you want to enable the "Add to Vollstart Wallet" button on ticket pages and in emails?', 'event-tickets-with-ticket-scanner')
			},
			'eventado_publish_enable': {
				context: __('Eventado.com is a free public event calendar — Premium customers can list their ticket events automatically.', 'event-tickets-with-ticket-scanner'),
				question: __('Do you want to publish your ticket events to Eventado.com for more reach and SEO?', 'event-tickets-with-ticket-scanner')
			}
		};
		return messages[id] || {context: '', question: ''};
	}

function __renderContextSuggestions(container) {
		container.find('.saso-context-suggestions').remove();

var suggestions = __getContextSuggestions();
		var dismissed = (OPTIONS.dismissed_suggestions || []).concat(_sessionDismissedSuggestions);

active = active.slice(0, 3);
		if (active.length === 0) return;

if (!$('#saso-ctx-suggestions-styles').length) {
			$('<style id="saso-ctx-suggestions-styles"/>').text(
				'.saso-context-suggestions{margin:15px 0 20px 0;}' +
				'.saso-ctx-card{background:#fff;border:1px solid #c3c4c7;border-left:4px solid #dba617;padding:14px 18px;margin-bottom:10px;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.04);}' +
				'.saso-ctx-body{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;}' +
				'.saso-ctx-icon{color:#dba617;font-size:22px;flex-shrink:0;margin-top:2px;}' +
				'.saso-ctx-text{flex:1;}' +
				'.saso-ctx-context{font-size:13px;color:#646970;margin-bottom:3px;}' +
				'.saso-ctx-question{font-size:14px;color:#1d2327;font-weight:500;}' +
				'.saso-ctx-buttons{display:flex;gap:8px;align-items:center;}' +
				'.saso-ctx-btn-dismiss{color:#646970!important;text-decoration:none!important;}'
			).appendTo('head');
		}

var wrap = $('<div class="saso-context-suggestions"/>');

active.forEach(function(s) {
			var msg = __getSuggestionMessage(s.id);
			var card = $('<div class="saso-ctx-card" data-suggestion-id="' + s.id + '"/>');

var body = $('<div class="saso-ctx-body"/>');
			$('<span class="saso-ctx-icon dashicons dashicons-lightbulb"/>').appendTo(body);
			var textWrap = $('<div class="saso-ctx-text"/>').appendTo(body);
			$('<div class="saso-ctx-context"/>').text(msg.context).appendTo(textWrap);
			$('<div class="saso-ctx-question"/>').text(msg.question).appendTo(textWrap);
			card.append(body);

var btnWrap = $('<div class="saso-ctx-buttons"/>');

$('<button class="button button-primary button-small"/>')
				.text(__('Yes, enable', 'event-tickets-with-ticket-scanner'))
				.on('click', function() {
					_makePost('changeOption', {'key': s.targetKey, 'value': s.targetVal}, function() {
						if (OPTIONS.mapKeys[s.targetKey]) {
							OPTIONS.mapKeys[s.targetKey].value = s.targetVal;
						}
						_sessionDismissedSuggestions.push(s.id);
						card.slideUp(300, function() {
							card.remove();
							var optionRow = $('[data-key="' + s.targetKey + '"]').closest('div');
							if (optionRow.length) {
								optionRow.css('background-color', '#e7f5e7');
								setTimeout(function() { optionRow.css('background-color', ''); }, 2000);
							}
							__renderContextSuggestions(container);
						});
					});
				}).appendTo(btnWrap);

$('<button class="button button-secondary button-small"/>')
				.text(__('No thanks', 'event-tickets-with-ticket-scanner'))
				.on('click', function() {
					_sessionDismissedSuggestions.push(s.id);
					card.slideUp(300, function() { card.remove(); __renderContextSuggestions(container); });
				}).appendTo(btnWrap);

$('<button class="button button-link button-small saso-ctx-btn-dismiss"/>')
				.text(__("Don't ask again", 'event-tickets-with-ticket-scanner'))
				.on('click', function() {
					_makePost('dismissSuggestion', {suggestion_id: s.id}, function() {
						if (!OPTIONS.dismissed_suggestions) OPTIONS.dismissed_suggestions = [];
						OPTIONS.dismissed_suggestions.push(s.id);
						card.slideUp(300, function() { card.remove(); __renderContextSuggestions(container); });
					});
				}).appendTo(btnWrap);

card.append(btnWrap);
			wrap.append(card);
		});

container.prepend(wrap);
	}

// ── End Context-Wizards ──

// ── Version Notices ("What's New") ──

function __showVersionNotices() {
		var seenVersion = _getOptions_getValByKey('versionNoticeSeen');
		var currentVersion = myAjax._plugin_version;
		if (seenVersion === currentVersion) return null;

var notices = myAjax._versionNotices;
		if (!notices || !Array.isArray(notices) || notices.length === 0) return null;

var wrap = $('<div class="et-version-notices"/>');

if (!$('#et-version-notices-styles').length) {
			$('<style id="et-version-notices-styles"/>').text(
				'.et-version-notices{margin:15px 0 20px 0;}' +
				'.et-vn-card{background:#fff;border:1px solid #c3c4c7;padding:16px 20px;margin-bottom:10px;border-radius:6px;box-shadow:0 1px 1px rgba(0,0,0,.04);}' +
				'.et-vn-body{display:flex;align-items:flex-start;gap:12px;}' +
				'.et-vn-icon{font-size:20px;flex-shrink:0;margin-top:1px;}' +
				'.et-vn-text{flex:1;}' +
				'.et-vn-title{font-size:14px;font-weight:600;color:#1d2327;margin-bottom:3px;}' +
				'.et-vn-msg{font-size:13px;color:#50575e;line-height:1.5;}' +
				'.et-vn-link{font-size:13px;margin-left:4px;}' +
				'.et-vn-dismiss{margin-top:12px;text-align:right;}' +
				'.et-vn-dismiss-btn{color:#646970!important;text-decoration:none!important;font-size:13px;cursor:pointer;background:none;border:none;}'
			).appendTo('head');
		}

notices.forEach(function(n) {
			var colors = typeColors[n.type] || typeColors.info;
			var card = $('<div class="et-vn-card"/>').css('border-left', '4px solid ' + colors.border).css('background', colors.bg);
			var body = $('<div class="et-vn-body"/>');
			$('<span class="et-vn-icon"/>').html(colors.icon).css('color', colors.iconColor).appendTo(body);
			var textWrap = $('<div class="et-vn-text"/>');
			$('<div class="et-vn-title"/>').text(n.title).appendTo(textWrap);
			var msgEl = $('<div class="et-vn-msg"/>').text(n.message);
			if (n.link && n.linkText) {
				msgEl.append(' ');
				$('<a class="et-vn-link"/>').attr('href', n.link).attr('target', '_blank').text(n.linkText + ' →').appendTo(msgEl);
			}
			textWrap.append(msgEl);
			body.append(textWrap);
			card.append(body);
			wrap.append(card);
		});

return wrap;
	}

var _firstStepsBox = null;

function __showFirstSteps() {
		if (!_getOptions_isActivatedByKey("displayFirstStepsHelp")) return null;

let hasTickets = OPTIONS.infos && OPTIONS.infos.ticket && OPTIONS.infos.ticket.counter > 0;
		let hasRedeemed = OPTIONS.infos && OPTIONS.infos.ticket && OPTIONS.infos.ticket.redeemed_count > 0;
		// DATA_LISTS may not be loaded yet — steps update later via __updateFirstStepsProgress()
		let hasLists = DATA_LISTS && DATA_LISTS.length > 0;
		let productsUrl = myAjax.url.replace('admin-ajax.php', 'edit.php?post_type=product');
		let scannerUrl = myAjax.ticket_url + 'scanner/';

let steps = [
			{key: 'list',    done: hasLists,    label: __('Create a ticket list', 'event-tickets-with-ticket-scanner'), desc: __('Organize your tickets in lists for different events or purposes.', 'event-tickets-with-ticket-scanner'), actionLabel: _x('View lists', 'label', 'event-tickets-with-ticket-scanner'), actionType: 'scroll'},
			{key: 'product', done: hasTickets,   label: __('Assign list to a WooCommerce product', 'event-tickets-with-ticket-scanner'), desc: __('Open a product, go to the Event Ticket tab, and enable ticketing.', 'event-tickets-with-ticket-scanner'), actionLabel: _x('Go to products', 'label', 'event-tickets-with-ticket-scanner'), actionType: 'link', actionUrl: productsUrl},
			{key: 'order',   done: hasTickets,   label: __('Process a test order', 'event-tickets-with-ticket-scanner'), desc: __('Place an order and complete it to generate tickets.', 'event-tickets-with-ticket-scanner'), actionLabel: '', actionType: 'none'},
			{key: 'scan',    done: hasRedeemed,  label: __('Scan a ticket at the entrance', 'event-tickets-with-ticket-scanner'), desc: __('Use the browser-based QR scanner to redeem tickets.', 'event-tickets-with-ticket-scanner'), actionLabel: _x('Open Scanner', 'label', 'event-tickets-with-ticket-scanner'), actionType: 'link', actionUrl: scannerUrl}
		];

let doneCount = steps.filter(s => s.done).length;

// --- Build card ---
		let card = $('<div class="saso-first-steps-card"/>');

// Header with progress
		let header = $('<div class="saso-first-steps-header"/>').appendTo(card);
		$('<h3/>').html(_x('Getting Started', 'title', 'event-tickets-with-ticket-scanner')).appendTo(header);
		let progressWrap = $('<div class="saso-first-steps-progress"/>').appendTo(header);
		let barOuter = $('<div class="saso-first-steps-bar-outer"/>').appendTo(progressWrap);
		let barInner = $('<div class="saso-first-steps-bar-inner"/>').css('width', (doneCount / steps.length * 100) + '%').appendTo(barOuter);
		let progressLabel = $('<span class="saso-first-steps-progress-label"/>').text(doneCount + '/' + steps.length).appendTo(progressWrap);

// Steps list
		let stepsList = $('<div class="saso-first-steps-list"/>').appendTo(card);
		steps.forEach((step, i) => {
			let row = $('<div class="saso-first-steps-step' + (step.done ? ' done' : '') + '" data-step="' + step.key + '"/>');
			let icon = $('<span class="saso-first-steps-icon"/>').html(step.done ? '&#10003;' : (i + 1)).appendTo(row);
			let content = $('<div class="saso-first-steps-content"/>').appendTo(row);
			$('<strong/>').text(step.label).appendTo(content);
			$('<div class="saso-first-steps-desc"/>').text(step.desc).appendTo(content);
			if (step.actionLabel && !step.done) {
				let btn = $('<button class="button button-small"/>').text(step.actionLabel).appendTo(content);
				if (step.actionType === 'scroll') {
					btn.on('click', () => {
						let target = $('h3:contains("' + _x('List of tickets', 'title', 'event-tickets-with-ticket-scanner') + '")');
						if (target.length) $('html,body').animate({scrollTop: target.offset().top - 50}, 400);
					});
				} else if (step.actionType === 'link') {
					btn.on('click', () => window.open(step.actionUrl, '_blank'));
				}
			}
			row.appendTo(stepsList);
		});

// Videos
		let videosWrap = $('<div class="saso-first-steps-videos"/>').appendTo(card);
		$(getUseFulVideosHTML()).appendTo(videosWrap);

// Footer with dismiss
		let footer = $('<div class="saso-first-steps-footer"/>').appendTo(card);
		$('<p/>').html(__('If you need help, please contact us via email. The information is in "Support Info" area - button above.', 'event-tickets-with-ticket-scanner')).appendTo(footer);
		let btn_dont_show = $('<button class="button button-secondary button-small"/>').html(_x("Don't show this again", 'label', 'event-tickets-with-ticket-scanner')).appendTo(footer);
		btn_dont_show.on("click", function(){
			_saveOptionValue("displayFirstStepsHelp", "0", ()=>{
				card.slideUp(300, function(){ card.remove(); _firstStepsBox = null; });
			});
		});

// Inject styles once
		if (!$('#saso-first-steps-styles').length) {
			$('<style id="saso-first-steps-styles"/>').text(
				'.saso-first-steps-card{background:#fff;border:1px solid #c3c4c7;border-left:4px solid #2271b1;padding:20px 24px;margin:20px 0;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.04);}' +
				'.saso-first-steps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}' +
				'.saso-first-steps-header h3{margin:0;font-size:16px;color:#1d2327;}' +
				'.saso-first-steps-progress{display:flex;align-items:center;gap:10px;}' +
				'.saso-first-steps-bar-outer{width:120px;height:8px;background:#dcdcde;border-radius:4px;overflow:hidden;}' +
				'.saso-first-steps-bar-inner{height:100%;background:#2271b1;border-radius:4px;transition:width .4s ease;}' +
				'.saso-first-steps-progress-label{font-size:13px;color:#646970;font-weight:500;}' +
				'.saso-first-steps-list{display:flex;flex-direction:column;gap:2px;}' +
				'.saso-first-steps-step{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:4px;transition:background .15s;}' +
				'.saso-first-steps-step:hover{background:#f6f7f7;}' +
				'.saso-first-steps-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:#dcdcde;color:#50575e;}' +
				'.saso-first-steps-step.done .saso-first-steps-icon{background:#00a32a;color:#fff;}' +
				'.saso-first-steps-content{flex:1;min-width:0;}' +
				'.saso-first-steps-content strong{display:block;font-size:14px;color:#1d2327;margin-bottom:2px;}' +
				'.saso-first-steps-step.done .saso-first-steps-content strong{color:#646970;text-decoration:line-through;}' +
				'.saso-first-steps-desc{font-size:13px;color:#646970;margin-bottom:6px;}' +
				'.saso-first-steps-content .button{margin-top:2px;}' +
				'.saso-first-steps-videos{margin-top:14px;padding-top:14px;border-top:1px solid #dcdcde;}' +
				'.saso-first-steps-videos h3{font-size:14px;margin:0 0 6px;}' +
				'.saso-first-steps-videos ul{margin:0 0 0 18px;}' +
				'.saso-first-steps-videos li{margin-bottom:4px;}' +
				'.saso-first-steps-footer{margin-top:14px;padding-top:14px;border-top:1px solid #dcdcde;display:flex;align-items:center;justify-content:space-between;gap:12px;}' +
				'.saso-first-steps-footer p{margin:0;font-size:13px;color:#646970;}'
			).appendTo('head');
		}

_firstStepsBox = card;
		return card;
	}

// ============================================================
	// Setup Wizard (#187 Phase 2)
	// ============================================================

var _wizardPresetQuestions = {
		'event': [
			{key: 'wcTicketDontAllowRedeemTicketBeforeStart', label: __('Lock ticket redemption until event starts?', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'ticketScannerScanAndRedeemImmediately', label: __('Auto-redeem when scanned?', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'wcTicketDisplayOrderTicketsViewLinkOnMail', label: __('Show "Open Tickets" link in email? All QR codes on one page — ideal for groups.', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'wcTicketSetOrderToCompleteIfAllOrderItemsAreTickets', label: __('Auto-complete orders when all items are tickets? Tickets are generated immediately.', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'walletVollstartEnable', label: __('Enable Vollstart Wallet? Customers can collect tickets in the free wallet app.', 'event-tickets-with-ticket-scanner'), preset: 1}
		],
		'daypass': [
			{key: 'wcTicketAllowRedeemTicketAfterEnd', label: __('Allow redemption after closing time?', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'ticketScannerScanAndRedeemImmediately', label: __('Auto-redeem when scanned?', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'wcTicketDisplayOrderTicketsViewLinkOnMail', label: __('Show "Open Tickets" link in email? All QR codes on one page — ideal for families.', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'wcTicketSetOrderToCompleteIfAllOrderItemsAreTickets', label: __('Auto-complete orders when all items are tickets? Tickets are generated immediately.', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'walletVollstartEnable', label: __('Enable Vollstart Wallet? Customers can collect tickets in the free wallet app.', 'event-tickets-with-ticket-scanner'), preset: 1}
		],
		'membership': [
			{key: 'wcTicketUserProfileDisplayRedeemAmount', label: __('Show redemption counter to customer? E.g. "15 of 30 visits used"', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'wcTicketShowRedeemBtnOnTicket', label: __('Show self-redeem button on ticket page? For self-service access.', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'ticketScannerScanAndRedeemImmediately', label: __('Auto-redeem when scanned? Disable to verify identity first.', 'event-tickets-with-ticket-scanner'), preset: 0},
			{key: 'walletVollstartEnable', label: __('Enable Vollstart Wallet? Customers can collect tickets in the free wallet app.', 'event-tickets-with-ticket-scanner'), preset: 1}
		],
		'voucher': [
			{key: 'ticketScannerScanAndRedeemImmediately', label: __('Auto-redeem when scanned?', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'wcTicketShowRedeemBtnOnTicket', label: __('Show self-redeem button? Customer redeems the voucher themselves.', 'event-tickets-with-ticket-scanner'), preset: 1},
			{key: 'walletVollstartEnable', label: __('Enable Vollstart Wallet? Customers can collect tickets in the free wallet app.', 'event-tickets-with-ticket-scanner'), preset: 1}
		]
	};

// ── Premium Update Check after serial key entry ──────────────────
	function __checkPremiumUpdateAfterSerial(serialValue) {
		if (!serialValue || serialValue.trim() === '') return;
		_makePost('checkPremiumUpdate', {}, function(r) {
			if (r.hasUpdate) {
				__showPremiumUpdateDialog(r);
			} else {
				__showPremiumReleaseNotesHint();
			}
		});
	}

function __showSetupWizard(force) {
		if (!force) {
			let wizardVal = _getOptions_getValByKey('wizardCompleted');
			if (wizardVal && wizardVal !== '') return;
		}

// Inject wizard styles once
		if (!$('#saso-wizard-styles').length) {
			$('<style id="saso-wizard-styles"/>').text(
				'.saso-wizard-dialog .ui-dialog-titlebar{background:#2271b1;color:#fff;border:none;border-radius:4px 4px 0 0;padding:12px 16px;}' +
				'.saso-wizard-dialog .ui-dialog-titlebar-close{display:none;}' +
				'.saso-wizard-dialog .ui-dialog-buttonpane{border-top:1px solid #dcdcde;padding:12px 16px;}' +
				'.saso-wizard-dialog .ui-dialog-buttonpane button{margin-left:8px;}' +
				'.saso-wizard{padding:8px 0;min-height:250px;}' +
				'.saso-wizard-steps{display:flex;justify-content:center;gap:8px;margin-bottom:20px;}' +
				'.saso-wizard-step-dot{width:10px;height:10px;border-radius:50%;background:#dcdcde;transition:background .2s;}' +
				'.saso-wizard-step-dot.active{background:#2271b1;}' +
				'.saso-wizard-step-dot.done{background:#00a32a;}' +
				'.saso-wizard-welcome{text-align:center;padding:20px 0;}' +
				'.saso-wizard-welcome h2{font-size:20px;margin:0 0 10px;color:#1d2327;}' +
				'.saso-wizard-welcome p{font-size:14px;color:#646970;margin:0 0 6px;}' +
				'.saso-wizard-usecases{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 4px;}' +
				'.saso-wizard-usecase{border:2px solid #dcdcde;border-radius:8px;padding:16px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center;}' +
				'.saso-wizard-usecase:hover{border-color:#2271b1;background:#f0f6fc;}' +
				'.saso-wizard-usecase.selected{border-color:#2271b1;background:#e7f0f9;}' +
				'.saso-wizard-usecase-icon{font-size:28px;display:block;margin-bottom:6px;}' +
				'.saso-wizard-usecase-label{font-size:14px;font-weight:600;color:#1d2327;display:block;}' +
				'.saso-wizard-usecase-desc{font-size:12px;color:#646970;display:block;margin-top:2px;}' +
				'.saso-wizard-questions{display:flex;flex-direction:column;gap:14px;padding:0 4px;}' +
				'.saso-wizard-question{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #dcdcde;border-radius:6px;background:#fff;}' +
				'.saso-wizard-question-label{font-size:14px;color:#1d2327;flex:1;padding-right:12px;}' +
				'.saso-wizard-toggle{position:relative;width:44px;height:24px;flex-shrink:0;}' +
				'.saso-wizard-toggle input{opacity:0;width:0;height:0;}' +
				'.saso-wizard-toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:24px;transition:.2s;}' +
				'.saso-wizard-toggle .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s;}' +
				'.saso-wizard-toggle input:checked + .slider{background:#2271b1;}' +
				'.saso-wizard-toggle input:checked + .slider:before{transform:translateX(20px);}' +
				'.saso-wizard-done{text-align:center;padding:20px 0;}' +
				'.saso-wizard-done-icon{font-size:48px;color:#00a32a;display:block;margin-bottom:10px;}' +
				'.saso-wizard-done h2{font-size:20px;margin:0 0 10px;color:#1d2327;}' +
				'.saso-wizard-done p{font-size:14px;color:#646970;margin:0 0 6px;}' +
				'.saso-wizard-done-steps{text-align:left;margin:16px auto;max-width:320px;}' +
				'.saso-wizard-done-steps li{font-size:13px;color:#1d2327;margin-bottom:4px;}' +
				'.saso-wizard-tip{margin-top:14px;padding:12px 14px;background:#f0f6fc;border:1px solid #c3c4c7;border-left:3px solid #2271b1;border-radius:4px;font-size:13px;color:#1d2327;}' +
				'.saso-wizard-tip strong{display:block;margin-bottom:4px;}' +
				'.saso-wizard-tip span{color:#646970;}'
			).appendTo('head');
		}

var currentStep = 1;
		var selectedPreset = '';
		var overrides = {};

var dlg = $('<div class="saso-wizard"/>');

function renderStepDots() {
			var dots = $('<div class="saso-wizard-steps"/>');
			for (var i = 1; i <= 4; i++) {
				var cls = 'saso-wizard-step-dot';
				if (i < currentStep) cls += ' done';
				if (i === currentStep) cls += ' active';
				$('<span/>').addClass(cls).appendTo(dots);
			}
			return dots;
		}

function renderStep() {
			dlg.empty();
			dlg.append(renderStepDots());

if (currentStep === 1) {
				var welcome = $('<div class="saso-wizard-welcome"/>');
				$('<h2/>').text(__('Welcome to Event Tickets!', 'event-tickets-with-ticket-scanner')).appendTo(welcome);
				$('<p/>').text(__("Let's configure your ticketing system.", 'event-tickets-with-ticket-scanner')).appendTo(welcome);
				$('<p/>').text(__('This takes less than 2 minutes.', 'event-tickets-with-ticket-scanner')).appendTo(welcome);
				dlg.append(welcome);

dlg.dialog('option', 'buttons', [
					{text: __("Skip, I'll configure manually", 'event-tickets-with-ticket-scanner'), class: 'button', click: function() { skipWizard(); }},
					{text: __('Start Setup', 'event-tickets-with-ticket-scanner'), class: 'button button-primary', click: function() { currentStep = 2; renderStep(); }}
				]);
			}
			else if (currentStep === 2) {
				var wrap = $('<div class="saso-wizard-usecases"/>');
				_wizardUseCases.forEach(function(uc) {
					var card = $('<div class="saso-wizard-usecase"/>').attr('data-preset', uc.key);
					if (uc.key === selectedPreset) card.addClass('selected');
					$('<span class="saso-wizard-usecase-icon"/>').html(uc.icon).appendTo(card);
					$('<span class="saso-wizard-usecase-label"/>').text(uc.label).appendTo(card);
					$('<span class="saso-wizard-usecase-desc"/>').text(uc.desc).appendTo(card);
					card.on('click', function() {
						selectedPreset = uc.key;
						overrides = {};
						wrap.find('.saso-wizard-usecase').removeClass('selected');
						$(this).addClass('selected');
						updateButtons();
					});
					wrap.append(card);
				});
				dlg.append(wrap);

var ucLabel = '';
				_wizardUseCases.forEach(function(uc) { if (uc.key === selectedPreset) ucLabel = uc.label; });
				$('<p/>').css({fontSize:'14px',color:'#1d2327',margin:'0 4px 10px',fontWeight:'600'}).text(ucLabel).appendTo(qWrap);

questions.forEach(function(q) {
					var row = $('<div class="saso-wizard-question"/>');
					$('<span class="saso-wizard-question-label"/>').text(q.label).appendTo(row);
					var toggle = $('<label class="saso-wizard-toggle"/>');
					var val = typeof overrides[q.key] !== 'undefined' ? overrides[q.key] : q.preset;
					var input = $('<input type="checkbox"/>').prop('checked', !!val);
					input.on('change', function() {
						overrides[q.key] = $(this).prop('checked') ? 1 : 0;
					});
					toggle.append(input);
					toggle.append($('<span class="slider"/>'));
					row.append(toggle);
					qWrap.append(row);
				});

if (!isPremium()) {
					var tip = $('<div class="saso-wizard-tip"/>');
					$('<strong/>').text('&#9889; ' + __('Tip: PDF attachment to email', 'event-tickets-with-ticket-scanner')).appendTo(tip);
					$('<span/>').text(__('With the Premium version you can attach PDF tickets directly to the order email — as individual files or merged into one PDF.', 'event-tickets-with-ticket-scanner')).appendTo(tip);
					qWrap.append(tip);
				} else {
					var premiumQuestions = [];
					if (selectedPreset === 'event' || selectedPreset === 'daypass') {
						premiumQuestions.push({key: 'wcTicketAttachTicketToMailAsOnePDF', label: __('Attach all tickets as one PDF to the order email?', 'event-tickets-with-ticket-scanner'), preset: 1});
					} else {
						premiumQuestions.push({key: 'wcTicketAttachTicketToMail', label: __('Attach PDF ticket to the order email?', 'event-tickets-with-ticket-scanner'), preset: 1});
					}
					if (premiumQuestions.length > 0) {
						var premLabel = $('<p/>').css({fontSize:'13px',color:'#2271b1',margin:'10px 4px 6px',fontWeight:'600'}).text(__('Premium', 'event-tickets-with-ticket-scanner'));
						qWrap.append(premLabel);
						premiumQuestions.forEach(function(q) {
							var row = $('<div class="saso-wizard-question"/>');
							$('<span class="saso-wizard-question-label"/>').text(q.label).appendTo(row);
							var toggle = $('<label class="saso-wizard-toggle"/>');
							var val = typeof overrides[q.key] !== 'undefined' ? overrides[q.key] : q.preset;
							var input = $('<input type="checkbox"/>').prop('checked', !!val);
							input.on('change', function() {
								overrides[q.key] = $(this).prop('checked') ? 1 : 0;
							});
							toggle.append(input);
							toggle.append($('<span class="slider"/>'));
							row.append(toggle);
							qWrap.append(row);
						});
					}
				}

dlg.append(qWrap);

dlg.dialog('option', 'buttons', [
					{text: __('Back', 'event-tickets-with-ticket-scanner'), class: 'button', click: function() { currentStep = 2; renderStep(); }},
					{text: __('Apply & Finish', 'event-tickets-with-ticket-scanner'), class: 'button button-primary', click: function() { applyPreset(); }}
				]);
			}
			else if (currentStep === 4) {
				var done = $('<div class="saso-wizard-done"/>');
				$('<span class="saso-wizard-done-icon"/>').html('&#10003;').appendTo(done);
				$('<h2/>').text(__("You're all set!", 'event-tickets-with-ticket-scanner')).appendTo(done);

var ucLabel2 = '';
				_wizardUseCases.forEach(function(uc) { if (uc.key === selectedPreset) ucLabel2 = uc.label; });
				$('<p/>').text(sprintf(__('Your settings have been configured for %s.', 'event-tickets-with-ticket-scanner'), ucLabel2)).appendTo(done);

var nextSteps = $('<ol class="saso-wizard-done-steps"/>');
				$('<li/>').text(__('Create a ticket list', 'event-tickets-with-ticket-scanner')).appendTo(nextSteps);
				$('<li/>').text(__('Enable tickets on a WooCommerce product', 'event-tickets-with-ticket-scanner')).appendTo(nextSteps);
				$('<li/>').text(__('Place a test order', 'event-tickets-with-ticket-scanner')).appendTo(nextSteps);
				done.append(nextSteps);
				dlg.append(done);

function skipWizard() {
			_saveOptionValue('wizardCompleted', myAjax._plugin_version, function() {
				closeDialog(dlg);
			});
		}

dlg.dialog({
			title: __('Setup Wizard', 'event-tickets-with-ticket-scanner'),
			modal: true,
			width: 550,
			minHeight: 350,
			dialogClass: 'saso-wizard-dialog',
			closeOnEscape: false,
			buttons: [],
			open: function() { renderStep(); }
		});
	}

// ── Premium Wizard (#233) ──────────────────────────────────────

function __showPremiumWizard(force) {
		if (!isPremium()) return;
		if (!force) {
			let val = _getOptions_getValByKey('premiumWizardCompleted');
			if (val && val !== '') return;
			// Don't show if setup wizard hasn't been completed yet (let that run first)
			let setupVal = _getOptions_getValByKey('wizardCompleted');
			if (!setupVal || setupVal === '') return;
		}

let dlg = $('<div class="saso-wizard"/>');
		let step = 1;

dlg.dialog({
			title: __('Premium Features', 'event-tickets-with-ticket-scanner'),
			modal: true,
			width: 480,
			minHeight: 280,
			dialogClass: 'saso-wizard-dialog',
			closeOnEscape: false,
			buttons: [],
			open: function() { renderStep(); }
		});
	}

class Layout {
		constructor(){
			DIV.addClass("sngmbh_container");
			this.div_liste = $('<div class="et-card"/>').html(_getSpinnerHTML());
			this.div_codes = $('<div class="et-card"/>').html(_getSpinnerHTML());
			this.div_spinner = $('<div class="et-spinner-overlay"/>').html(_getSpinnerHTML("loading"));
			$("body").append(this.div_spinner);
		}
		renderMainBody() {
			let versionNotices = __showVersionNotices();
			let infoBoxFirstSteps = __showFirstSteps();
			__showSetupWizard();
			__showPremiumWizard();

// display upgrade to premium link
			if (!isPremium()) {
				let btn_upgrade = $('<a/>')
					.html('<img src="'+myAjax._plugin_home_url+'/img/button_premium_icon.gif" alt="" class="event-tickets-with-ticket-scanner-upgrade-icon">' + _x('Upgrade', 'label', 'event-tickets-with-ticket-scanner'))
					.addClass("event-tickets-with-ticket-scanner-upgrade-btn")
					.attr("href", getPremiumProductURL())
					.attr("target", "_blank");
				$('body').find('#event-tickets-with-ticket-scanner-header-actions').html(btn_upgrade);
			}

}
					let uniq = {};
					let versuche = 0;
					if (serialCodeFormatterForm.isTypeNumbers()) { // numbers
						for(let a=0; a < amount_codes; a++) {
							let code = serialCodeFormatterForm.generateSerialCode( a );
							if (typeof uniq[code] !== "undefined") {
								continue;
							}
							uniq[code] = true;
						}
						versuche = amount_codes;
					} else {
						// erstmal kein check ob mit dem alphabet und die geforderte Menge an letters, unique codes erstellt werden können
						let counter = 0;
						let versuche_max = amount_codes * 1.5;
						while(counter < amount_codes && versuche < versuche_max) {
							versuche++;
							let code = serialCodeFormatterForm.generateSerialCode();
							if (typeof uniq[code] !== "undefined") {
								continue;
							}
							uniq[code] = true;
							counter++;
						}
					}
					return [Object.keys(uniq), versuche];
				} // __generateCodes

let div = $('<div>').append(getBackButtonDiv());
				// eingabe generator options
				let div_generator = $('<div class="et-card"/>').html('<h3>'+_x('1. Ticket number generator (optional step)', 'title', 'event-tickets-with-ticket-scanner')+'</h3>').appendTo(div);
				div_generator.append($('<p>').html(__("You can generate ticket numbers.", 'event-tickets-with-ticket-scanner')));
				if (isPremium()) div_generator.append('<p>'+__('Up 100.000 tickets generation per run. The limit is to prevent performance issues.', 'event-tickets-with-ticket-scanner')+'<br>'+__('You can repeat the "store tickets" operations as often as needed.', 'event-tickets-with-ticket-scanner')+'</p>');
				// anzahl codes
				let div_amount_codes = _createDivInput(_x('Enter amount of needed ticket numbers', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_generator);
				let _maxCodes = myAjax._max.codes;
				if (!isPremium()) div_amount_codes.append(sprintf(/* translators: 1: amount of possible codes 2: premium info */__('%1$d max. %2$s up to 100.000 for each run', 'event-tickets-with-ticket-scanner'), _maxCodes, getLabelPremiumOnly())+'<br>');
				let input_amount_codes = $('<input type="number" required value="100" min="1" max="'+_maxCodes+'">').appendTo(div_amount_codes);

// predefine elements
				let serialCodeFormatterForm = _form_fields_serial_format(div_generator);
				serialCodeFormatterForm.render();

let elem_clean_codebox = $('<input checked type="checkbox" />');
				$('<div/>').css({"margin-bottom": "15px","margin-right": "15px"})
					.html(elem_clean_codebox)
					.append(_x('Clear the ticket numbers list textarea field below to add fill in the new generated ticket numbers', 'label', 'event-tickets-with-ticket-scanner'))
					.appendTo(div_generator);

let elem_create_cvv = $('<input type="checkbox" />');
				$('<div/>').css({"margin-bottom": "15px","margin-right": "15px"})
					.html(elem_create_cvv)
					.append(_x('Generate Code Verification Value (CVV) for each ticket number', 'label', 'event-tickets-with-ticket-scanner'))
					.appendTo(div_generator);

// button generate
				div_generator.append($('<button/>').addClass("button-secondary").html(_x('Generate ticket numbers', 'label', 'event-tickets-with-ticket-scanner')).on("click", function(){
					let time_start = performance.now();
					btn_store_codes.prop("disabled", false);
					input_textarea.prop("disabled", false);
					if (elem_clean_codebox[0].checked) {
						input_textarea.html("");
					}
					input_textarea.prop("disabled", true);
					div_textarea_info.css("padding-bottom", "50px").html(_getSpinnerHTML());
					setTimeout(function(){
						let r = __generateCodes();
						let codes = r[0];
						let secs = ((performance.now() - time_start) / 1000)+"";
						if (elem_create_cvv[0].checked) {
							codes = codes.map(v=>{
								return v += ';'+(Math.floor(Math.random() * 10000) + 10000).toString().substring(1);
							});
						}
						input_textarea.append(codes.join("\n")).append("\n");
						input_textarea.prop("disabled", false);
						div_textarea_info.html(sprintf(/* translators: 1: amount of created tickets 2: seconds 3: amount of runs */__('Created %1$d tickets. In %2$s seconds, with %3$d runs to find unique ticket numbers.', 'event-tickets-with-ticket-scanner'), codes.length, secs.slice(0,5), r[1]));
						_calcLinesOfCodeTextArea();
					},250);
				}));

// eingabe maske textarea
				function _calcLinesOfCodeTextArea() {
					let codesAmount = 0;
					input_textarea.val().trim().split('\n').forEach(v=>{
						if (v.trim() !== "") codesAmount++;
					});
					input_textarea_info.html(sprintf(/* translators: %d: amout of ticket numbers */__('contains %d tickets', 'event-tickets-with-ticket-scanner'), codesAmount));
				}
				let div_textarea = $('<div/>').html('<h3>'+_x('2. Ticket numbers to store on the server', 'title', 'event-tickets-with-ticket-scanner')+'</h3><p>'+__('One number per line and/or comma-separated (,). <br>If you want to add the CVV number then separate your ticket number with (;) and append your CVV number.<br>While storing the numbers to the server, it will check if the ticket number is unique and mark the ones, that are not.', 'event-tickets-with-ticket-scanner')+'</p>').appendTo(div);
				let div_textarea_info = $('<div/>').appendTo(div_textarea);
				let input_textarea = $('<textarea>').change(_calcLinesOfCodeTextArea).css("height","135px").css("width","100%").appendTo(div_textarea);
				let input_textarea_info = $('<div/>').appendTo(div_textarea);
				div_textarea.append("<br>");
				_calcLinesOfCodeTextArea();
				// list auswahl
				let div_code_list = _createDivInput(_x('Assign to this ticket list', 'label', 'event-tickets-with-ticket-scanner')).appendTo(div_textarea);
				let input_code_list = $('<select><option value="0">'+_x('None', 'option value', 'event-tickets-with-ticket-scanner')+'</select></select>').appendTo(div_code_list);
				DATA_LISTS.forEach(v=>{
					input_code_list.append('<option value="'+v.id+'">'+v.name+'</option>');
				});
				div_textarea.append("<br>");

// additional prem fields
				if (isPremium() && PREMIUM.addAddCodeFields) {
					div_textarea.append(PREMIUM.addAddCodeFields());
				}

// button store codes
				if (!isPremium()) div_textarea.append('<b>'+sprintf(/* translators: 1: max amout of ticket numbers 2: premium info */__('You can store up to %1$d. %2$s unlimited', 'event-tickets-with-ticket-scanner'), myAjax._max.codes_total, getLabelPremiumOnly())+'<br>');
				let btn_store_codes = $('<button/>');
				btn_store_codes.addClass("button-primary").html(_x('Store ticket numbers', 'label', 'event-tickets-with-ticket-scanner')).on("click", function(){
					// extract codes and
					let codes = [];
					let codesLines = input_textarea.val().split("\n").map(x=>x.trim());
					codesLines.forEach(x=>{
						x.split(",").forEach(y=>{
							y = y.trim();
							y = destroy_tags(y);
							if (y != "") codes.push(y);
						});
					});
					if (codes.length === 0) return;

// sperre btn store codes
					btn_store_codes.prop("disabled", true);
					input_textarea.prop("disabled", true);

div_textarea_info.append($('<div/>').addClass("notice notice-info").html(__("Each entry will turn green (successful stored) or red (NOT OK - duplicate entry on the server).<br>Scroll down and wait for all to finish.<br>In the textarea below you will find all the successful stored tickets.", 'event-tickets-with-ticket-scanner')));
					let _output = $('<ol/>').appendTo(div_textarea_info);
					div_textarea_info.append('<h3>'+_x('Successful stored ticket numbers', 'title', 'event-tickets-with-ticket-scanner')+'</h3>');
					let output_textarea_codes_done = $('<textarea disabled style="4px solid green;width:100%;height:150px;"></textarea>').appendTo(div_textarea_info);

let list_id = parseInt(input_code_list.val(),10);

function __addCodesInChunks(chunk_size) {
					    let dlg = $('<div/>').html(_getSpinnerHTML());
						dlg.dialog({title:_x('Importing', 'title', 'event-tickets-with-ticket-scanner'),closeOnEscape: true,modal: true, dialogClass: "no-close", close: function(event, ui){ abort=true; } });

_makePost("addCodes", attr, function(data){
								counter_ok += data.ok.length;
								counter_notok += data.notok.length;
								if (myAjax._max.codes_total > 0 && myAjax._max.codes_total <= parseInt(data.total_size)) {
									div_textarea_info.prepend('<h3 style="color:red;">'+sprintf(/* translators: %d: total ticket count */_x('Your Limit of %d tickets is reached. Use the premium version to have unlimited tickets', 'title', 'event-tickets-with-ticket-scanner'),myAjax._max.codes_total)+'</h3>');
								}
								let per = Math.ceil(((counter_ok+counter_notok)/counter_all)*100);
								let info_content = '<div style="width:100%;border:1px solid #efefef;background-color:white;"><div style="text-align:center;height:20px;background-color:#428bca;color:white;width:'+per+'%;">'+per+'%</div></div>';
								info_content += '<p style="margin-top:20px;">'+_x('Amount', 'title', 'event-tickets-with-ticket-scanner')+': '+(counter_ok+counter_notok)+'/'+counter_all+'<br>'+_x('Ok', 'label', 'event-tickets-with-ticket-scanner')+': '+counter_ok+'<br>'+_x('Not Ok', 'label', 'event-tickets-with-ticket-scanner')+': '+counter_notok+'</p>';
								dlg.html(info_content);
								data.ok.forEach(_v=> {
									_output.find('li[data-id="code_'+_v+'"]').css("color","green").append(' ('+_x('Ok', 'label', 'event-tickets-with-ticket-scanner')+')');
									output_textarea_codes_done.append(_v+"\n");
								});
								data.notok.forEach(_v=> {
									_output.find('li[data-id="code_'+_v+'"]').css("color","red").append(' ('+_x('Not Ok', 'label', 'event-tickets-with-ticket-scanner')+')');
								});
								setTimeout(()=>{
									_addCodeChunk(idx+1);
								}, 100);
							}, function(response){
								if (response.data.slice(0,4) === "#208") {
									FATAL_ERROR === false && LAYOUT.renderFatalError(response.data);
									FATAL_ERROR = true;
								}
							});
						}

if (chunks.length === 0) {
							closeDialog(dlg);
						} else {
							_addCodeChunk(0);
						}
					} // __addCodesInChunks
					__addCodesInChunks(100);

// zeige ok button, der info area leer macht und den btn store codes wieder aktiviert
					div_textarea_info.append($('<button/>').addClass("button-primary").css("margin-bottom", "20px").html(_x('Ok', 'label', 'event-tickets-with-ticket-scanner')).on("click", function(){
						div_textarea_info.html("");
						btn_store_codes.prop("disabled", false);
						input_textarea.prop("disabled", false);
						window.scrollTo(0,0);
					}));

}).appendTo(div_textarea);
				DIV.html(div);
			});
		}
		renderAdminPageLayout(cbf) {
			function __showMaskExport(totalRecordCount) {
				if (!totalRecordCount) totalRecordCount = 0;
				let maxRange = totalRecordCount > 40000 ? 40000 : totalRecordCount;
				let _options = {
					title: _x('Export tickets', 'title', 'event-tickets-with-ticket-scanner'),
			      	modal: true,
			      	minWidth: 400,
					minHeight: 200,
			      	buttons: [
			      		{
			      			text: _x('Export', 'label', 'event-tickets-with-ticket-scanner'),
			      			click: function() {
								___submitForm();
			      			}
			      		},
			      		{
			      			text: _x('Cancel', 'label', 'event-tickets-with-ticket-scanner'),
			      			click: function() {
			      				closeDialog(this);
			      			}
			      		}
		      		]
			    };
			    let formdlg = $('<form/>').html('<b>'+_x('Choose your export settings', 'title', 'event-tickets-with-ticket-scanner')+'</b><p>');
			    formdlg.append(_x('Choose the delimiter for the column values', 'label', 'event-tickets-with-ticket-scanner')+'<br><select name="delimiter"><option value="1">, ('+_x('Comma', 'option value', 'event-tickets-with-ticket-scanner')+')</option><option value="2">; ('+_x('Semicolon', 'option value', 'event-tickets-with-ticket-scanner')+')</option><option value="3">| ('+_x('Pipe', 'option value', 'event-tickets-with-ticket-scanner')+')</option></select><p>');
			    formdlg.append(_x('Choose a file suffix', 'label', 'event-tickets-with-ticket-scanner')+'<br><select name="suffix"><option value="1">.csv</option><option value="2">.txt</option></select><p>');

let _listChooser = $('<select name="listchooser"><option value="0">'+_x('All', 'option value', 'event-tickets-with-ticket-scanner')+'</option></select>');
			    for(let a=0;a<DATA_LISTS.length;a++) {
			    	_listChooser.append('<option value="'+DATA_LISTS[a].id+'">'+DATA_LISTS[a].name+'</option>');
			    }
			    formdlg.append(_x('Limit export to ticket list', 'label', 'event-tickets-with-ticket-scanner')+'<br>').append(_listChooser).append('<p>');

formdlg.append(_x('Choose a sorting field', 'label', 'event-tickets-with-ticket-scanner')+'<br><select name="orderby"><option value="1" selected>'+_x('Creation date', 'option value', 'event-tickets-with-ticket-scanner')+'</option><option value="2">'+__('Ticket number', 'event-tickets-with-ticket-scanner')+'</option><option value="3">'+__('Ticket display number', 'event-tickets-with-ticket-scanner')+'</option><option value="4">'+_x('List name', 'option value', 'event-tickets-with-ticket-scanner')+'</option></select><p>');
			    formdlg.append(_x('Choose a sorting direction', 'label', 'event-tickets-with-ticket-scanner')+'<br><select name="orderbydirection"><option value="1" selected>'+_x('Ascending', 'option value', 'event-tickets-with-ticket-scanner')+'</option><option value="2">'+_x('Descending', 'option value', 'event-tickets-with-ticket-scanner')+'</option></select><p>');
			    formdlg.append(_x('Set a range', 'label', 'event-tickets-with-ticket-scanner')+'<br><i>'+sprintf(/* translators: %d: total record count */__('You have %d tickets stored.', 'event-tickets-with-ticket-scanner'), totalRecordCount)+'<br>'+__('Some systems are slow and the connection timeout interrupts the export, if you have too many tickets. In that case, you can export your tickets in several steps. e.g. 0 and 20000 amount and then 20001 and 20000 amount.', 'event-tickets-with-ticket-scanner')+'</i><br>'+__('Enter your row start (0 = from the first)', 'event-tickets-with-ticket-scanner')+'<br><input type="number" name="rangestart" value="0"><br>'+_x('Enter amount of tickets', 'label', 'event-tickets-with-ticket-scanner')+'<br><input type="number" name="rangeamount" value="'+maxRange+'"><p>');
				if (isPremium() && PREMIUM && PREMIUM.addExportTicketsInputFields) {
					formdlg.append(PREMIUM.addExportTicketsInputFields());
				}
			    let dlg = $('<div/>').append(formdlg);

dlg.dialog(_options);

let form = dlg.find("form").on("submit", function(event) {
					event.preventDefault();
					___submitForm();
				});

function ___submitForm() {
					let delimiter = dlg.find('select[name="delimiter"]').val();
					let filesuffix = dlg.find('select[name="suffix"]').val();
					let orderby = dlg.find('select[name="orderby"]').val();
					let orderbydirection = dlg.find('select[name="orderbydirection"]').val();
					let rangestart = dlg.find('input[name="rangestart"]').val();
					let rangeamount = dlg.find('input[name="rangeamount"]').val();
					let listchooser = dlg.find('select[name="listchooser"]').val();

let data = {'delimiter':delimiter, 'filesuffix':filesuffix, 'orderby':orderby, 'orderbydirection':orderbydirection, 'rangestart':rangestart, 'rangeamount':rangeamount, 'listchooser':listchooser};
					if (isPremium() && PREMIUM && PREMIUM.addExportTicketsInputFieldsData) {
						data = PREMIUM.addExportTicketsInputFieldsData(data, dlg);
					}

dlg.find("form").append($('<p>'+_x('Description', 'label', 'event-tickets-with-ticket-scanner')+'<br><textarea name="desc" style="width:100%;"></textarea></p>'));

if (isPremium()) PREMIUM.addListMaskEditFields(dlg, editValues);
				else {
					if (_getOptions_isActivatedByKey("oneTimeUseOfRegisterCode")) {
						dlg.append($('<p><b>'+sprintf(/* translators: %s: h4 option name */__('Overrule %s per Ticket list', 'event-tickets-with-ticket-scanner'), _getOptions_getLabelByKey("h4"))+'</b> '+getLabelPremiumOnly()+'</p>'));
					}
				}

let metaObj = [];
				if (editValues && typeof editValues.meta !== "undefined" && editValues.meta != "") {
					try {
						metaObj = JSON.parse(editValues.meta);
					} catch(e) {}
				}

if (_getOptions_isActivatedByKey("userJSRedirectActiv")) {
					dlg.find("form").append($('<p>'+_getOptions_getLabelByKey("userJSRedirectURL")+'<br><input type="text" name="redirecturl" style="width:100%;"></p>'));
				}

dlg.find("form").append($('<p><input name="serialformatter" type="checkbox"> '+_x('Overrule the ticket format settings', 'label', 'event-tickets-with-ticket-scanner')+'</p>'));
				let extra_div = $('<div>').appendTo(dlg).css("margin-top", "10px").css("margin-left", "24px").css("padding", "10px").css("border", "1px solid black")
						.html('<p><b>'+_x('Note', 'label', 'event-tickets-with-ticket-scanner')+':</b> '+__('Will be overridden if you set the ticket number format settings on the product!', 'event-tickets-with-ticket-scanner')+'</p>');
				let serialCodeFormatter = _form_fields_serial_format(extra_div);
				serialCodeFormatter.setNoNumberOptions();
				if (typeof metaObj.formatter !== "undefined" && metaObj.formatter.format != "") {
					let formatterValues;
					try {
						let o = metaObj.formatter.format.replace(new RegExp("\\\\", "g"), "").trim();
						formatterValues = JSON.parse(o);
						serialCodeFormatter.setFormatterValues(formatterValues);
					} catch (e) {}
				}
				serialCodeFormatter.render();

$('<hr>').appendTo(dlg);
				$('<h4>').html(_x('Webhook', 'heading', 'event-tickets-with-ticket-scanner')).appendTo(dlg);
				if (!_getOptions_isActivatedByKey("webhooksActiv")) {
					$('<div style="color:red">').html(_x('The webhook need to be activated first in the options to be executed, even if the URL is set here.', 'label', 'event-tickets-with-ticket-scanner')).appendTo(dlg);
				}
				$('<div>').html(_x('URL to your service if the WooCommerce ticket is sold', 'label', 'event-tickets-with-ticket-scanner')).appendTo(dlg);
				let meta_webhooks_webhookURLaddwcticketsold = $('<input name="meta_webhooks_webhookURLaddwcticketsold" type="text" style="width:100%;">').appendTo(dlg);

let form = dlg.find("form").on("submit", function(event) {
					event.preventDefault();
					___submitForm();
				});

if (editValues) {
					form[0].elements['inputName'].value = editValues.name;
					form[0].elements['inputName'].select();
					if (typeof metaObj.desc !== "undefined") {
						form[0].elements['desc'].value = metaObj.desc.replace(new RegExp("\\\\", "g"), "").trim();
					}
					if (typeof metaObj.formatter !== "undefined" && metaObj.formatter.active) {
						form[0].elements['serialformatter'].checked = true;
					}
					if (_getOptions_isActivatedByKey("userJSRedirectActiv") && typeof metaObj.redirect !== "undefined" && metaObj.redirect.url) {
						form[0].elements['redirecturl'].value = metaObj.redirect.url.trim();
					}
					if (typeof metaObj.webhooks != "undefined") {
						if (typeof metaObj.webhooks.webhookURLaddwcticketsold != "undefined") {
							meta_webhooks_webhookURLaddwcticketsold.val(metaObj.webhooks.webhookURLaddwcticketsold);
						}
					}
				}

function ___submitForm() {
					let inputName = form[0].elements['inputName'].value.trim();
					if (inputName === "") return;

dlg.html(_getSpinnerHTML());
					let _data = {"name":inputName};
					_data['meta'] = {"desc":"", "formatter":{}, "webhooks":{}};
					_data['meta']['desc'] = form[0].elements['desc'].value.trim();
					_data['meta']['formatter']['active'] = form[0].elements['serialformatter'].checked ? 1 : 0;
					_data['meta']['formatter']['format'] = JSON.stringify(serialCodeFormatter.getFormatterValues());
					if (_getOptions_isActivatedByKey("userJSRedirectActiv")) {
						_data['meta']['redirect'] = {"url":form[0].elements['redirecturl'].value.trim()};
					}
					_data['meta']['webhooks']['webhookURLaddwcticketsold'] = meta_webhooks_webhookURLaddwcticketsold.val().trim();
					if (isPremium()) PREMIUM.addListMaskEditFieldsData(_data, form[0], editValues);

form[0].reset();
					if (editValues) {
						_data.id = editValues.id;
						_makePost('editList', _data, result=>{
							DATA_LISTS = null;
							__renderTabelleListen();
							tabelle_codes_datatable.ajax.reload();
							setTimeout(function(){closeDialog(dlg);},250);
						}, function() {
							closeDialog(dlg);
						});
					} else {
						_makePost('addList', _data, result=>{
							DATA_LISTS = null;
							__renderTabelleListen();
							closeDialog(dlg);
						}, function(response) {
							closeDialog(dlg);
							if (response.data.slice(0,1) === "#") {
								FATAL_ERROR === false && LAYOUT.renderFatalError(response.data);
								FATAL_ERROR = true;
							}
						});
					}
				}

} // ende showmaskliste

let elem_cvv = $('<input type="text" size="6" minlength="5" maxlength="4" />');
				$('<div/>').css({"margin-top":"10px","margin-bottom": "15px","margin-right": "15px"})
					.html(_x('CVV - use 4 digits for best results', 'label', 'event-tickets-with-ticket-scanner')+'<br>')
					.append(elem_cvv)
					.append('<br><i>'+__('If CVV is set, then your user will be asked to enter also the CVV to check the ticket number.', 'event-tickets-with-ticket-scanner')+'</i>')
					.appendTo(dlg.find("form"));

let div_status = $('<div/>');
				div_status.append(
					$('<select name="inputStatus"/>')
						.append('<option '+(editValues.aktiv === "1"?'selected':'')+' value="1">'+_x('is activ', 'option value', 'event-tickets-with-ticket-scanner')+'</option>')
						.append('<option '+(editValues.aktiv === "0"?'selected':'')+' '+(!isPremium()?'disabled':'')+' value="0">'+_x('is inactiv', 'option value', 'event-tickets-with-ticket-scanner')+' '+(!isPremium()?getLabelPremiumOnly():'')+'</option>')
						.append('<option '+(editValues.aktiv === "2"?'selected':'')+' value="2">'+_x('is stolen', 'label', 'event-tickets-with-ticket-scanner')+'</option>')
					)
				.appendTo(dlg);

dlg.dialog(_options);

if (editValues) {
					if (editValues.cvv) elem_cvv.val(editValues.cvv);
				}

if (isPremium()) PREMIUM.addCodeMaskEditFields(dlg, editValues);

let id_codes = myAjax.divPrefix+'_tabelle_codes';
			let tabelle_liste_datatable;
			let tabelle_codes_datatable;
			let tabelle_codes = $('<table/>').attr("id", id_codes);
			let tplace = $('<div/>');

function __renderTabelleListen() {
				getDataLists(()=>{
					let id_liste = myAjax.divPrefix+'_tabelle_liste';
					let tabelle_liste = $('<table/>').attr("id", id_liste);
					tabelle_liste.html('<thead><tr><th align="left">'+_x('Name', 'label', 'event-tickets-with-ticket-scanner')+'</th><th align="left">'+_x('Created', 'label', 'event-tickets-with-ticket-scanner')+'</th><th style="width:300px"></th></tr></thead>');
					tplace.html(tabelle_liste);

LAYOUT.renderYesNo(_x('Do you want to delete?', 'title', 'event-tickets-with-ticket-scanner'), content, ()=>{
		        			let _data = {
								'id': data.id,
								'skip_product_check': !checkbox.is(':checked')
							};
		        			_makePost('removeList', _data, result=>{
								if (result && result.error === 'list_in_use' && result.products) {
									let errorContent = $('<div>');
									errorContent.append('<p style="color:#b32d2e;font-weight:bold;">' + __('This list is still assigned to products:', 'event-tickets-with-ticket-scanner') + '</p>');
									let productList = $('<ul style="margin:10px 0;padding-left:20px;">');
									result.products.forEach(function(product) {
										let li = $('<li style="margin:5px 0;">');
										if (product.edit_url) {
											li.append('<a href="' + product.edit_url + '" target="_blank">' + product.name + '</a> (ID: ' + product.id + ')');
										} else {
											li.append(product.name + ' (ID: ' + product.id + ')');
										}
										productList.append(li);
									});
									errorContent.append(productList);
									errorContent.append('<p>' + __('Please reassign these products first, or uncheck the product check option.', 'event-tickets-with-ticket-scanner') + '</p>');
									LAYOUT.renderInfoBox(__('Cannot delete list', 'event-tickets-with-ticket-scanner'), errorContent);
								} else {
									__renderTabelleListen();
									tabelle_codes_datatable.ajax.reload();
								}
							});
		        		});
					});
				table.on('click', 'button[data-type="deleteAllTickets"]', e=>{
					let data = tabelle_liste_datatable.row( $(e.target).parents('tr') ).data();
					LAYOUT.renderYesNo(
						_x('Delete all tickets?', 'title', 'event-tickets-with-ticket-scanner'),
						sprintf(__('Are you sure you want to delete ALL tickets from the list "%s"?', 'event-tickets-with-ticket-scanner'), '<b>'+data.name+'</b>') + '<br><br><span style="color:#b32d2e;">' + __('This action cannot be undone!', 'event-tickets-with-ticket-scanner') + '</span>',
						()=>{
							let content = $('<div>');
							content.append('<p>' + __('To confirm deletion, type DELETE in the field below:', 'event-tickets-with-ticket-scanner') + '</p>');
							let confirmInput = $('<input type="text" style="width:100%;" placeholder="DELETE">');
							content.append(confirmInput);
							LAYOUT.renderYesNo(
								_x('Final confirmation', 'title', 'event-tickets-with-ticket-scanner'),
								content,
								()=>{
									if (confirmInput.val().trim().toUpperCase() !== 'DELETE') {
										alert(__('You must type DELETE to confirm.', 'event-tickets-with-ticket-scanner'));
										return;
									}
									let btn = $(e.target);
									btn.prop('disabled', true).text(__('Deleting...', 'event-tickets-with-ticket-scanner'));
									_makePost('removeAllCodesFromList', {'list_id': data.id}, result=>{
										btn.prop('disabled', false).text(_x('Delete All Tickets', 'label', 'event-tickets-with-ticket-scanner'));
										tabelle_codes_datatable.ajax.reload();
										if (result && result.deleted !== undefined) {
											alert(sprintf(__('%d tickets have been deleted.', 'event-tickets-with-ticket-scanner'), result.deleted));
										}
									});
								}
							);
						}
					);
				});
			}); // end of loading lists
		} // __renderTabelleListen
			tabelle_codes.css("width", "100%");

STATE = 'admin';
			DIV.html(_getSpinnerHTML());
			getOptionsFromServer(optionData=>{
				DIV.html('');
				DIV.append(this.renderMainBody());

__renderTabelleListen();

tabelle_codes.html('<thead><tr><th style="text-align:left;padding-left:10px;"><input type="checkbox" data-id="checkAll"></th><th>&nbsp;</th><th align="left">'
					+_x('Ticket', 'label', 'event-tickets-with-ticket-scanner')+'</th>'+additionalColumn.customerName+additionalColumn.customerCompany+'<th align="left">'
					+_x('List', 'label', 'event-tickets-with-ticket-scanner')+'</th><th align="left">'
					+_x('Created', 'label', 'event-tickets-with-ticket-scanner')+'</th>'+additionalColumn.confirmedCount+'<th align="left">'
					+_x('Redeemed', 'label', 'event-tickets-with-ticket-scanner')+'</th>'+additionalColumn.redeemAmount+'<th>'
					+_x('OrderId', 'label', 'event-tickets-with-ticket-scanner')+'</th><th>CVV</th><th>'
					+_x('Status', 'label', 'event-tickets-with-ticket-scanner')+'</th><th ></th></tr></thead><tfoot><th colspan="10" style="text-align:left;font-weight:normal;padding-left:0;padding-bottom:0;"></th></tfoot>');
				tabelle_codes.find('input[data-id="checkAll"]').on('click', (e)=> {
					let isChecked = $(e.currentTarget).prop('checked');
					let found = false;
					tabelle_codes.find('input[data-type="select-checkbox"]').each((i,v)=>{
						$(v).prop('checked', isChecked);
						found = true;
					});
					if (isChecked && found) {
						//drop_codes_bulk.prop("disabled", false);
					} else {
						//drop_codes_bulk.prop("disabled", true);
					}
				});
				let btn_codes_new = $('<button/>').addClass("button-primary").html(_x('Add', 'label', 'event-tickets-with-ticket-scanner')).on("click", ()=>{
					if (tabelle_liste_datatable.page.info().recordsTotal === 0) {
						alert(__("You need to create a ticket list first before you can add tickets.", 'event-tickets-with-ticket-scanner'));
					} else {
						if (!isPremium() && tabelle_codes_datatable.page.info().recordsTotal > myAjax._max.codes_total) {
							alert(__("You reached maximum amount of tickets. You need to delete tickets before you can add more new tickets or buy the premium version to have unlimited tickets.", 'event-tickets-with-ticket-scanner'));
						} else {
							LAYOUT.renderAddCodes();
						}
					}
				});
				let btn_codes_empty = $('<button/>').addClass("button-secondary").html(__('Empty table', 'event-tickets-with-ticket-scanner')).on("click", ()=>{
					LAYOUT.renderYesNo(__('Empty table', 'event-tickets-with-ticket-scanner'), sprintf(/* translators: %s: name of ticket table */__('Do you want to empty the "%s" table? All data will be lost.', 'event-tickets-with-ticket-scanner'), _x("Event Tickets", 'title', 'event-tickets-with-ticket-scanner')), ()=>{
						LAYOUT.renderYesNo(__('Empty table - last chance', 'event-tickets-with-ticket-scanner'), sprintf(/* translators: %s: name of ticket table */__('Are you sure? You will not be able to restore the data, except you have a backup of your database. All data will be lost.', 'event-tickets-with-ticket-scanner'), _x("Event Tickets", 'title', 'event-tickets-with-ticket-scanner')), ()=>{
							_makeGet('emptyTableCodes', null, ()=>{
								tabelle_codes_datatable.ajax.reload();
							});
						});
					});
				});
				let btn_codes_reload = $('<button/>').addClass("button-secondary").html(__('Refresh table', 'event-tickets-with-ticket-scanner')).on("click", ()=>{
					LAYOUT.renderSpinnerShow();
					tabelle_codes_datatable.ajax.reload();
					window.setTimeout(()=>{LAYOUT.renderSpinnerHide();}, 1500);
				});
				let btn_codes_export = $('<button/>').addClass("button-secondary").html(_x('Export tickets', 'label', 'event-tickets-with-ticket-scanner')).on("click", ()=>{
					//let url = _requestURL('exportTableCodes', null);
					//window.open(url, "_blank");
					//console.log(tabelle_codes_datatable.page.info());
					__showMaskExport(tabelle_codes_datatable.page.info().recordsTotal);
				});
				let drop_codes_bulk = $('<select data-id="bulk-code-action" />')
					.html('<option value="">'+_x('Bulk Action', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
					//.append('<option value="delete">'+_x('Delete', 'label', 'event-tickets-with-ticket-scanner')+'</option>');
				for (var key in BulkActions.codes) {
					let entry = BulkActions.codes[key];
					drop_codes_bulk.append('<option value="'+key+'">'+entry.label+'</option>');
				}
				drop_codes_bulk.on('change', ()=>{
					let val = drop_codes_bulk.val();
					if (val !== "") {
						let selectedElems = [];
						tabelle_codes.find('input[data-type="select-checkbox"]').each((i,v)=>{
							if ($(v).prop("checked")) selectedElems.push(v);
						});
						if (selectedElems.length) {
							let fkt = null;
							if (typeof BulkActions.codes[val] == "function") {
								fkt = BulkActions.codes[val];
							} else {
								fkt = BulkActions.codes[val].fkt;
							}
							fkt && fkt(selectedElems, tabelle_codes_datatable);
						} else {
							LAYOUT.renderInfoBox(_x('Bulk Action', 'title', 'event-tickets-with-ticket-scanner'), __('Please select at least one ticket first.', 'event-tickets-with-ticket-scanner'));
						}
					}
					drop_codes_bulk.val('');
				});
				let drop_search = $('<select data-id="filter_type" />');
				drop_search.append('<option value="">'+_x('Default search filter', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
				drop_search.append('<option value="LIST:">'+_x('Filter for list id', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
				drop_search.append('<option value="ORDERID:">'+_x('Filter for order id', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
				drop_search.append('<option value="CVV:">'+_x('Filter for cvv value', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
				drop_search.append('<option value="STATUS:">'+_x('Filter for status (1:active, 0:inactive, 2:stolen)', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
				drop_search.append('<option value="REDEEMED:">'+_x('Filter for redeemed status (0:not redeemed yet, 1:redeemed)', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
				drop_search.append('<option value="USERID:">'+_x('Filter for registered user id', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
				drop_search.append('<option value="CUSTOMER:">'+_x('Filter for customer name in billing first and last name', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
				drop_search.append('<option value="PRODUCTID:">'+_x('Filter for product id', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
				drop_search.append('<option value="DAYPERTICKET:">'+_x('Filter for chosen date (enter YYYY-MM-DD)', 'option value', 'event-tickets-with-ticket-scanner')+'</option>');
				drop_search.on("change", e=>{
					let old_search = tabelle_codes_datatable.search().trim();
					let search = drop_search.val();
					if (old_search && old_search.length > 0) {
						search = old_search + " & " + search;
					}
					tabelle_codes_datatable.search(search);
				});
				this.div_codes
					.html($('<div/>').css('text-align', 'right').css('margin-bottom','10px')
					.append(drop_codes_bulk)
					.append(drop_search)
					.append(btn_codes_export)
					.append(btn_codes_empty)
					.append(btn_codes_reload)
					.append(isPremium()?'':' '+sprintf(/* translators: 1: max amount tickets 2: premium link */__('Max. %1$d tickets. Unlimited with %2$s', 'event-tickets-with-ticket-scanner'), myAjax._max.codes_total, getLabelPremiumOnly())+' ').append(btn_codes_new));
				this.div_codes.append(tabelle_codes);

tabelle_codes_datatable = $(this.div_codes).find('#'+id_codes).DataTable({
					"language": {
						emptyTable: '<div style="text-align:left;"><b>'+__('You have no tickets yet.', 'event-tickets-with-ticket-scanner')+'</b>'
							+ '<p>Tickets (number) can be added by two ways.</p>'
							+ '<ol>'
							+ '<li>Automatically with each sale of a ticket product.<br>Please configure a woocommerce product to be a ticket product - recommended<br><a href="https://vollstart.com/event-tickets-quick-start-video" target="_blank">Check out the quick start video</a></li>'
							+ '<li>Or add ticket numbers upfront to a ticket list<br>Click on the add button to import ticket numbers.<br>For this activate the option <b>wcassignmentReuseNotusedCodes</b></li></ol>'
							+ '</div>'
					},
					"responsive": true,
					"search": {
						"search": typeof PARAS.code !== "undefined" ? encodeURIComponent(PARAS.code.trim()) : ''
					},
					footerCallback: function(row, data, start, end, display) {
						let data_anser = tabelle_codes_datatable.ajax.json();
						let text = sprintf(/* translators: 1: amount tickets 2: total amount tickets */__('Redeemed tickets: %1$d (filtered) of %2$d (total redeemed tickets)', 'event-tickets-with-ticket-scanner'), data_anser.redeemedRecordsFiltered, data_anser.redeemedRecordsTotal);
						var api = this.api();
						$(api.column(1).footer()).html(text);
						//$(api.tables().footer()).html(text);
					},
					"processing": true,
	    			"serverSide": true,
	    			"stateSave": false,
					"ajax": {
						"url": _requestURL('getCodes'),
						"type": 'GET'
					},
	    			"order": [[ 4 + additionalColumn_counter_before_created_field, "desc" ]],
	    			"columns": table_columns,
					"initComplete": function () {
						LAYOUT.renderSpinnerHide();
					},
					"autowidth":true
				});
				tabelle_codes.on('click', 'button[data-type="edit"]', function (e) {
	        		let data = tabelle_codes_datatable.row( $(this).parents('tr') ).data();
	        		__showMaskCode(data);
				});
				tabelle_codes.on('click', 'button[data-type="delete"]', function (e) {
	        		let data = tabelle_codes_datatable.row( $(this).parents('tr') ).data();
	        		LAYOUT.renderYesNo(_x('Do you want to delete?', 'title', 'event-tickets-with-ticket-scanner'), __('Are you sure, you want to delete this ticket?', 'event-tickets-with-ticket-scanner')+'<br><br><b>'+data.code+'</b>', ()=>{
	        			let _data = {'id':data.id};
	        			_makePost('removeCode', _data, result=>{
							tabelle_codes_datatable.ajax.reload();
						});
	        		});
				});
	    		$('#'+id_codes+' tbody').on('click', 'td.details-control', function () {
	    			function ___format(d) {
	    				let metaObj = [];
	    				if (d.meta) {
	    					metaObj = JSON.parse(d.meta);
    					}
	    				let div = $('<div/>');

// hole das aktuelle Metaobj
						function __getData(_codeObj) {
							div.html(_getSpinnerHTML());
							_makeGet('getMetaOfCode',{'code':d.code}, dataMeta=>{
								if (_codeObj) { // um eine Aktualisierung in das codeObj aufzunehmen
									_codeObj.meta = JSON.stringify(dataMeta);
									updateCodeObject(d, _codeObj);
									metaObj = getCodeObjectMeta(d);
								}

div.html("");
								d.meta = JSON.stringify(dataMeta);
								d.metaObj = dataMeta;

// male die Inhalte
								div.append('#'+d.id+'<br><b>'+_x('Created', 'label', 'event-tickets-with-ticket-scanner')+':</b> '+DateFormatStringToDateTimeText(d.time)+' ('+d.time+')<br><b>'+__('Ticket number', 'event-tickets-with-ticket-scanner')+':</b> '+d.code+'<br><b>'+__('Ticket display number', 'event-tickets-with-ticket-scanner')+':</b> '+d.code_display+'<br><b>'+_x('Code Verification Value (CVV)', 'label', 'event-tickets-with-ticket-scanner')+':</b> '+(d.cvv == "" ? '-' : d.cvv)+'<br><b>'+__('is active', 'event-tickets-with-ticket-scanner')+':</b> '+(parseInt(d.aktiv,10) === 1?'True':'False'));
								div.append(_displayCodeDetails(d, metaObj, tabelle_codes_datatable));

div.append('<h3>'+_x('WooCommerce Order', 'title', 'event-tickets-with-ticket-scanner')+'</h3>');
								if (!_getOptions_Versions_isActivatedByKey("is_wc_available")) {
									div.append($("<div>").css("color", "red").html(__("WooCommerce not found", 'event-tickets-with-ticket-scanner')));
								}
								div.append('<b>'+_x('OrderId', 'label', 'event-tickets-with-ticket-scanner')+':</b> ' + (parseInt(d.order_id) === 0 ? '-' : '#'+d.order_id+' <a target="_blank" href="post.php?post='+d.order_id+'&action=edit">'+_x('Show in WooCommerce Orders', 'label', 'event-tickets-with-ticket-scanner')+'</a>'));
								if (typeof metaObj['woocommerce'] !== "undefined") {
									if (metaObj.woocommerce.order_id !== 0) {
										div.append($("<div>").html('<b>'+_x('Order from', 'label', 'event-tickets-with-ticket-scanner')+':</b> ').append($('<span>').text(DateFormatStringToDateTimeText(metaObj.woocommerce.creation_date)+' ('+metaObj.woocommerce.creation_date+')')));
										if (dataMeta.woocommerce && dataMeta.woocommerce._order_status) {
											div.append($("<div>").html('<b>'+_x('Order Status', 'label', 'event-tickets-with-ticket-scanner')+':</b> ').append($('<span>').text(dataMeta.woocommerce._order_status)));
										}
										if (dataMeta.woocommerce && dataMeta.woocommerce._billing_email) {
											div.append($("<div>").html('<b>'+_x('Billing Email', 'label', 'event-tickets-with-ticket-scanner')+':</b> ').append($('<span>').text(dataMeta.woocommerce._billing_email)));
										}
										div.append($("<div>").html('<b>'+_x('Product Id', 'label', 'event-tickets-with-ticket-scanner')+':</b> ').append($('<span>').html(metaObj.woocommerce.product_id+' <a target="_blank" href="post.php?post='+encodeURIComponent(metaObj.woocommerce.product_id)+'&action=edit">'+_x('Show Product', 'label', 'event-tickets-with-ticket-scanner')+'</a>')));
										if (dataMeta.woocommerce && dataMeta.woocommerce._product_name) {
											div.append($("<div>").html('<b>'+_x('Product', 'label', 'event-tickets-with-ticket-scanner')+':</b> ').append($('<span>').text(dataMeta.woocommerce._product_name)));
										}
										if (dataMeta.woocommerce && dataMeta.woocommerce._variation_attributes) {
											div.append($("<div>").html('<b>'+_x('Variation', 'label', 'event-tickets-with-ticket-scanner')+':</b> ').append($('<span>').text(dataMeta.woocommerce._variation_attributes)));
										}
									}
								}
								if (typeof metaObj.wc_ticket.subs !== "undefined" && metaObj.wc_ticket.subs.length > 0) {
									div.append('<h4>'+__('Related Subscriptions', 'event-tickets-with-ticket-scanner')+'</h4>');
									metaObj.wc_ticket.subs.forEach(sub=>{
										div.append($("<div>").html('<b>'+_x('Subscription Id', 'label', 'event-tickets-with-ticket-scanner')+':</b> ').append($('<span>').html(sub.order_id+' <a target="_blank" href="post.php?post='+encodeURIComponent(sub.order_id)+'&action=edit">'+_x('Show Subscription', 'label', 'event-tickets-with-ticket-scanner')+'</a> ['+DateTime2Text(sub.date)+']')));
									});
								}
								if (parseInt(d.order_id) > 0) {
									div.append($('<div style="margin-top:10px;">').html($('<button>').addClass("button-delete").html(_x('Delete WooCommerce order info for this ticket', 'label', 'event-tickets-with-ticket-scanner')).on("click", ()=>{
										LAYOUT.renderYesNo(_x('Remove order', 'title', 'event-tickets-with-ticket-scanner'), sprintf(/* translators: %s: ticket number */__('Do you really want to remove your order information of this ticket "%s"? This will also remove the ticket number from the order! For the PREMIUM PLUGIN: It will only remove it from the position of the order. If you have in one order more than one item with ticket number, then it will only remove the ticket number(s) from this item on the order. For the BASIC PLUGIN, it will remove all tickets from all items on this order. Click OK to proceed the removal.', 'event-tickets-with-ticket-scanner'), d.code_display), ()=>{
											_makeGet('removeWoocommerceOrderInfoFromCode', {'code':d.code}, _codeObj=>{
												//tabelle_codes_datatable.ajax.reload();
												__getData(_codeObj);
											});
										});
									})));
								}

div.append('<h4>'+__('WooCommerce ticket sale', 'event-tickets-with-ticket-scanner')+'</h4>');
								div.append(_displayWCETicket(d, tabelle_codes_datatable));

div.append('<h3>'+__('WooCommerce Purchase Restriction', 'event-tickets-with-ticket-scanner')+'</h3>');
								if (typeof metaObj['wc_rp'] !== "undefined") {
									if (metaObj.wc_rp.order_id !== 0) {
										div.append($("<div>").html('<b>'+_x('Used for Order ID', 'label', 'event-tickets-with-ticket-scanner')+':</b> ').append($('<span>').html('#'+metaObj.wc_rp.order_id+' <a target="_blank" href="post.php?post='+encodeURIComponent(metaObj.wc_rp.order_id)+'&action=edit">'+_x('Open WooCommerce Order', 'label', 'event-tickets-with-ticket-scanner')+'</a>')));
										div.append($("<div>").html('<b>'+_x('Order from', 'label', 'event-tickets-with-ticket-scanner')+':</b> ').append($('<span>').text(metaObj.wc_rp.creation_date)));
										div.append($("<div>").html('<b>'+_x('Product Id', 'label', 'event-tickets-with-ticket-scanner')+'s:</b> ').append($('<span>').html(metaObj.wc_rp.product_id+' <a target="_blank" href="post.php?post='+encodeURIComponent(metaObj.wc_rp.product_id)+'&action=edit">'+_x('Show Product', 'label', 'event-tickets-with-ticket-scanner')+'</a>')));
										div.append($('<div style="margin-top:10px;">').html($('<button>').addClass("button-delete").html(__('Remove purchase ticket information', 'event-tickets-with-ticket-scanner')).on("click", ()=>{
											LAYOUT.renderYesNo(__('Remove purchase ticket information', 'event-tickets-with-ticket-scanner'), sprintf(/* translators: %s: ticket nummer */__('Do you really want to remove the purchase ticket information from the order of this ticket "%s"? This will remove the also the ticket(s) from the order items! This ticket can then be reused for purchases. Click OK to proceed the removal.', 'event-tickets-with-ticket-scanner'), d.code_display), ()=>{
												_makeGet('removeWoocommerceRstrPurchaseInfoFromCode', {'code':d.code}, _codeObj=>{
													//tabelle_codes_datatable.ajax.reload();
													__getData(_codeObj);
												});
											});
										})));
									} else {
										div.append($("<div>").html('<b>'+_x('Used for Order ID', 'label', 'event-tickets-with-ticket-scanner')+':</b> -'));
									}
								}

div.append('<h3>'+_x('Registered user', 'title', 'event-tickets-with-ticket-scanner')+'</h3>');
								div.append(_displayRegisteredUserForCode(d, metaObj, tabelle_codes_datatable));

div.append('<h3>Redeem operations</h3>');
								div.append(_displayRedeemOperationsForCode(d, metaObj));

div.append('<h3>'+_x('IP list checked for this ticket', 'title', 'event-tickets-with-ticket-scanner')+'</h3>');
								if (isPremium()) {
									div.append(PREMIUM.displayTrackedIPsForCode(d.code));
								} else {
									div.append(getLabelPremiumOnly());
								}

if (isPremium() && PREMIUM.displayCodeDetailsAtEnd) div.append(PREMIUM.displayCodeDetailsAtEnd(d, tabelle_codes_datatable, metaObj));

div.append("<hr>");
							});
						}
						__getData();
	    				return div;
	            	}

var tr = $(this).closest('tr');
	        		var row = tabelle_codes_datatable.row( tr );
	        		if ( row.child.isShown() ) {
	            		// This row is already open - close it
	            		row.child.hide();
	            		tr.removeClass('shown');
	        		} else {
	            		// Open this row
	            		row.child( ___format(row.data()) ).show();
	            		tr.addClass('shown');
	        		}
				});
				cbf && cbf();
			}); // end getOptions
		} // render layout

renderInfoBox(title, content, displayPlain) {
			let _options = {
				title: title,
		      	modal: true,
		      	minWidth: 400,
				minHeight: 200,
		      	buttons: [{text:_x('Ok', 'label', 'event-tickets-with-ticket-scanner'),
				click: function() {
		      		$(this).dialog("close");
		      		$(this).html("");
		      	}}]
		    };
		    let dlg = $('<div/>');
			if (displayPlain) {
				dlg.text(content);
			} else {
				dlg.html(content);
			}
			dlg.dialog(_options);
			return dlg;
		}
		renderSpinnerShow() {
			this.div_spinner.css("display", "block");
		}
		renderSpinnerHide() {
			this.div_spinner.css("display", "none");
		}
		renderFatalError(content) {
			return LAYOUT.renderInfoBox(_x('Error', 'title', 'event-tickets-with-ticket-scanner'), content);
		}
		renderYesNo(title, content, cbfYes, cbfNo) {
			let _options = {
				title: title,
		      	modal: true,
		      	minWidth: 400,
				minHeight: 200,
		      	buttons: [{text:_x('Yes', 'label', 'event-tickets-with-ticket-scanner'), click:function(){
		      		$(this).dialog("close");
		      		$(this).html("");
		      		cbfYes && cbfYes(dlg);
		      	}},{text:_x('No', 'label', 'event-tickets-with-ticket-scanner'), click:function(){
		      		$(this).dialog("close");
		      		$(this).html("");
		      		cbfNo && cbfNo();
		      	}}]
		    };
		    let dlg = $('<div/>').html(content);
			dlg.dialog(_options);
			return dlg;
		}
	}

function _displayCodeDetails(codeObj, metaObj, tabelle) {
		let div = $('<div/>');
		function __getData(_codeObj) {
			if (_codeObj) { // um eine Aktualisierung in das codeObj aufzunehmen
				updateCodeObject(codeObj, _codeObj);
			}

div.html("");
			if (codeObj.meta !== "") {
				let metaObj = getCodeObjectMeta(codeObj);
				if (typeof metaObj.confirmedCount !== "undefined") {
					div.append($('<div/>').html('<b>Confirmed count:</b> '+metaObj.confirmedCount));
					if (metaObj.confirmedCount > 0 && metaObj.validation) {
						if (metaObj.validation.first_success != "") {
						div.append($('<div/>').html('<b>First successful validation at:</b> '+metaObj.validation.first_success));
						div.append($('<div/>').html('<b>First successful validation IP:</b> '+metaObj.validation.first_ip));
						}
						if (metaObj.validation.last_success != "" && metaObj.validation.last_success != metaObj.validation.first_success) {
							div.append($('<div/>').html('<b>Last successful validation at:</b> '+metaObj.validation.last_success));
							div.append($('<div/>').html('<b>Last successful validation IP:</b> '+metaObj.validation.last_ip));
						}
					}
				}
				let btngrp = $('<div style="margin-top:10px;">');
				if (typeof metaObj.used !== "undefined") {
					div.append("<h3>Code marked as used</h3>");
					if (metaObj.used.reg_request !== "") {
						div.append($("<div>").html("<b>Request from:</b> ").append($('<span>').text(DateFormatStringToDateTimeText(metaObj.used.reg_request)+' ('+metaObj.used.reg_request+')')));
						div.append($("<div>").html("<b>Request by wordpress user:</b> ").append($('<span>').text(metaObj.used.reg_userid)));
						if (metaObj.used._reg_username) div.append($("<div>").html("<b>Request by wordpress user:</b> ").append($('<span>').text(metaObj.used._reg_username)));
						div.append($("<div>").html("<b>Request from IP:</b> ").append($('<span>').text(metaObj.used.reg_ip)));

btngrp.append($('<button/>').addClass("button-delete").html('Delete ticket used information').on("click", function(){
							LAYOUT.renderYesNo('Remove usage information', 'Do you really want to remove the usage information of this ticket "'+codeObj.code_display+'"? This will also reset the "Confirmed count" to 0.', ()=>{
								_makeGet('removeUsedInformationFromCode', {'code':codeObj.code}, _codeObj=>{
									//tabelle.ajax.reload();
									__getData(_codeObj);
								});
							});
						}));
					} else {
						div.append("Not used - still available");
					}

btngrp.append($('<button/>').addClass("button-edit").html('Edit wordpress user information').on("click", function(){
						// display eingabe maske für userid
						function __showMask(){
							let _options = {
								title: 'Edit requested wordpress user',
								modal: true,
								minWidth: 400,
								minHeight: 200,
								buttons: [
									{
										id: 'okBtn',
										text: "Ok",
										click: function() {
											___submitForm();
										}
									},
									{
										text: "Cancel",
										click: function() {
											$( this ).dialog( "close" );
											$( this ).html('');
										}
									}
								]
							};
							let dlg = $('<div />');
							let form = $('<form />').appendTo(dlg);

let elem_userid = $('<input type="number" min="0" value="'+metaObj.used.reg_userid+'" />');
							$('<div/>').css({"margin-top":"10px","margin-bottom": "15px","margin-right": "15px"})
								.html('Requested wordpress userid<br>')
								.append(elem_userid)
								.appendTo(form);

dlg.append('<p>Changes will trigger the webhook, if activated.<br>The IP will be updated too. The requested date will only be changed, if it was not set already.</p>');
							dlg.dialog(_options);

form.on("submit", function(event) {
								event.preventDefault();
								___submitForm();
							});
							function ___submitForm() {
								let reg_userid = intval(elem_userid.val().trim());
								dlg.html(_getSpinnerHTML());
								let _data = {"reg_userid":reg_userid};
								form[0].reset();
								_data.code = codeObj.code;
								$('#okBtn').remove();
								_makeGet('editUseridForUsedInformationFromCode', _data, _codeObj=>{
									//tabelle.ajax.reload();
									__getData(_codeObj);
									closeDialog(dlg);
								}, function() {
									closeDialog(dlg);
								});
							}
						} // ende __showMask
						__showMask();
					})); // end button-edit
				}
				div.append(btngrp);

if (isPremium()) div.append(PREMIUM.displayCodeDetails(codeObj, tabelle, metaObj));
			} // endif codeObj.meta !== ""
		}
		__getData();
		return div;
	}

function _displayWCETicket(codeObj, tabelle) {
		let div = $('<div/>');
		function __getData(_codeObj) {
			if (_codeObj) { // um eine Aktualisierung in das codeObj aufzunehmen
				updateCodeObject(codeObj, _codeObj);
			}

div.html("");
			let metaObj = getCodeObjectMeta(codeObj);
			if(metaObj) {
				if (typeof metaObj.wc_ticket != "undefined" && typeof metaObj.wc_ticket.day_per_ticket != "undefined") {
					div.append($('<div>').html('<b>Date per Ticket (chosen by customer):</b> '+metaObj.wc_ticket.day_per_ticket +" ").append(
						$("<button>").html("Edit").on("click", ()=>{

let elem_input = $('<input type="date" value="'+metaObj.wc_ticket.day_per_ticket+'" />');
							$('<div/>').css({"margin-top":"10px","margin-bottom": "15px","margin-right": "15px"})
								.html('Date per Ticket (yyyy-mm-dd).<br><b>Very important to not break the date format and syntax, if you want to change the date!</b><br>')
								.append(elem_input)
								.appendTo(form);

dlg.dialog(_options);

let elem_input = $('<input type="text" value="'+metaObj.wc_ticket.name_per_ticket+'" />');
							$('<div/>').css({"margin-top":"10px","margin-bottom": "15px","margin-right": "15px"})
								.html('Name per Ticket<br>')
								.append(elem_input)
								.appendTo(form);

dlg.dialog(_options);

let elem_input = $('<input type="text" value="'+metaObj.wc_ticket.value_per_ticket+'" />');
							$('<div/>').css({"margin-top":"10px","margin-bottom": "15px","margin-right": "15px"})
								.html('Value per Ticket<br>')
								.append(elem_input)
								.appendTo(form);

dlg.dialog(_options);

form.on("submit", function(event) {
								event.preventDefault();
								___submitForm();
							});
							function ___submitForm() {
								let v = elem_input.val().trim();
								dlg.html(_getSpinnerHTML());
								let _data = {"value":v, "key":'wc_ticket.value_per_ticket'};
								form[0].reset();
								_data.code = codeObj.code;
								$('#okBtn').remove();
								_makeGet('editTicketMetaEntry', _data, _codeObj=>{
									//tabelle.ajax.reload();
									__getData(_codeObj);
									closeDialog(dlg);
								}, function() {
									closeDialog(dlg);
								});
							}
						})
					));
				}
				// Seat information
				if (typeof metaObj.wc_ticket != "undefined" && typeof metaObj.wc_ticket.seat_id != "undefined" && metaObj.wc_ticket.seat_id) {
					let seatInfo = metaObj.wc_ticket.seat_label || metaObj.wc_ticket.seat_identifier || ('Seat #' + metaObj.wc_ticket.seat_id);
					if (metaObj.wc_ticket.seat_category) {
						seatInfo += ' (' + metaObj.wc_ticket.seat_category + ')';
					}
					div.append($('<div>').html('<b>'+__('Seat', 'event-tickets-with-ticket-scanner')+':</b> ' + seatInfo));
				}
				if (typeof metaObj['woocommerce'] !== "undefined" && metaObj.woocommerce.order_id !== 0 && typeof metaObj.wc_ticket !== "undefined") {
					if (metaObj.wc_ticket.set_by_admin > 0) {
						div.append($("<div>").html("<b>Ticket set by admin user:</b> ").append($('<span>').text(metaObj.wc_ticket._set_by_admin_username+' ('+metaObj.wc_ticket.set_by_admin+') '+metaObj.wc_ticket.set_by_admin_date)));
					}
					if (metaObj.wc_ticket.redeemed_date != '') {
						div.append($("<div>").html("<b>Redeemed at:</b> ").append($('<span>').text(DateFormatStringToDateTimeText(metaObj.wc_ticket.redeemed_date)+' ('+metaObj.wc_ticket.redeemed_date+')')));
						div.append($("<div>").html("<b>Redeemed by wordpress userid:</b> ").append($('<span>').text(metaObj.wc_ticket.userid)));
						if (metaObj.wc_ticket._username) div.append($("<div>").html("<b>Redeemed by wordpress user:</b> ").append($('<span>').text(metaObj.wc_ticket._username)));
						div.append($("<div>").html("<b>IP while redeemed:</b> ").append($('<span>').text(metaObj.wc_ticket.ip)));
						if (metaObj.wc_ticket.redeemed_by_admin > 0) {
							div.append($("<div>").html("<b>Redeemed by admin user:</b> ").append($('<span>').text(metaObj.wc_ticket._redeemed_by_admin_username+' ('+metaObj.wc_ticket.redeemed_by_admin+')')));
						}
						if (metaObj.wc_ticket.redeemed_via_authtoken_id > 0) {
							var tokName = metaObj.wc_ticket._redeemed_via_authtoken_name || '';
							div.append($("<div>").html("<b>"+__('Redeemed via authtoken:', 'event-tickets-with-ticket-scanner')+"</b> ").append($('<span>').text(tokName+' (#'+metaObj.wc_ticket.redeemed_via_authtoken_id+')')));
						}
					}
					if (metaObj.wc_ticket.is_ticket == 1) {
						let _max_redeem_amount = typeof metaObj.wc_ticket._max_redeem_amount !== "undefined" ? metaObj.wc_ticket._max_redeem_amount : 1;
						$("<div>").html("<b>Ticket number: </b>"+codeObj.code_display).appendTo(div);
						$("<div>").html("<b>Public Ticket number: </b>"+metaObj.wc_ticket._public_ticket_id).appendTo(div);
						if (typeof metaObj.wc_ticket.stats_redeemed !== "undefined") {
							$("<div>").html("<b>Redeem usage: </b>"+metaObj.wc_ticket.stats_redeemed.length + ' of ' + (_max_redeem_amount == 0 ? 'unlimited' : _max_redeem_amount)).appendTo(div);
						}
						$("<div>").html('<b>Ticket Page:</b> <a target="_blank" href="'+metaObj.wc_ticket._url+'">Open Ticket Detail Page</a>').appendTo(div);
						$("<div>").html('<b>Ticket Page Testmode:</b> <a target="_blank" href="'+metaObj.wc_ticket._url+'?testDesigner=1">Open Ticket Detail Page with template test code</a>').appendTo(div);
						$("<div>").html('<b>Ticket PDF:</b> <a target="_blank" href="'+metaObj.wc_ticket._url+'?pdf">Open Ticket PDF</a>').appendTo(div);
						$("<div>").html('<b>Ticket PDF Testmode:</b> <a target="_blank" href="'+metaObj.wc_ticket._url+'?pdf&testDesigner=1">Open Ticket PDF with template test code</a>').appendTo(div);
						$("<div>").html('<b>Ticket Scanner:</b> <a target="_blank" href="'+_getTicketScannerURL()+encodeURIComponent(metaObj.wc_ticket._public_ticket_id)+'">Open Ticket Scanner with ticket</a>').appendTo(div);
						$("<div>").html('<b>Order Ticket Page:</b> <a target="_blank" href="'+metaObj.wc_ticket._order_page_url+'">Open Order Ticket Page</a>').appendTo(div);
						$("<div>").html('<b>Order PDF:</b> <a target="_blank" href="'+metaObj.wc_ticket._order_url+'">Open Order Ticket PDF</a>').appendTo(div);
						if (_getOptions_isActivatedByKey('walletVollstartEnable') && metaObj.wc_ticket._wallet_url) {
							$("<div>").html('<b>'+__('Wallet Test', 'event-tickets-with-ticket-scanner')+':</b> <a target="_blank" href="'+metaObj.wc_ticket._wallet_url+'">'+__('Import ticket to Vollstart Wallet for testing', 'event-tickets-with-ticket-scanner')+'</a>').appendTo(div);
						}
					}

btngrp.append($('<button/>').addClass("button-edit").html('Edit registered user information').on("click", function(){
					// display eingabe maske für value und userid
					function __showMask(){
						let _options = {
							title: 'Edit registered user',
							modal: true,
							minWidth: 400,
							minHeight: 200,
							buttons: [
								{
									id: 'okBtn',
									text: "Ok",
									click: function() {
										___submitForm();
									}
								},
								{
									text: "Cancel",
									click: function() {
										$( this ).dialog( "close" );
										$( this ).html('');
									}
								}
							]
						};
						let dlg = $('<div />');
						let form = $('<form />').appendTo(dlg);

let elem_value = $('<input type="text" value="'+metaObj.user.value+'" />');
						$('<div/>').css({"margin-top":"10px","margin-bottom": "15px","margin-right": "15px"})
							.html('Registered value<br>')
							.append(elem_value)
							//.append('<br><i>If CVV is set, then your user will be asked to enter also the CVV to check the serial code.</i>')
							.appendTo(form);
						let elem_userid = $('<input type="number" min="0" value="'+metaObj.user.reg_userid+'" />');
						$('<div/>').css({"margin-top":"10px","margin-bottom": "15px","margin-right": "15px"})
							.html('Registered wordpress userid<br>')
							.append(elem_userid)
							.appendTo(form);

dlg.append('<p>Changes will trigger the webhook, if activated.<br>The IP will updated too. The registered date will only be changed, if it was not set already.</p>');
						dlg.dialog(_options);

form.on("submit", function(event) {
							event.preventDefault();
							___submitForm();
						});
						function ___submitForm() {
							let reg_userid = intval(elem_userid.val().trim());
							let reg_value = elem_value.val().trim();
							dlg.html(_getSpinnerHTML());
							let _data = {"value":reg_value, "reg_userid":reg_userid};
							form[0].reset();
							_data.code = codeObj.code;
							$('#okBtn').remove();
							_makeGet('editUseridForUserRegistrationFromCode', _data, _codeObj=>{
								//tabelle.ajax.reload();
								__getData(_codeObj);
								closeDialog(dlg);
							}, function() {
								closeDialog(dlg);
							});
						}
					} // ende __showMask
					__showMask();
				})); // end button-edit
				div.append(btngrp);
				if (isPremium()) div.append(PREMIUM.displayRegisteredUserForCode(codeObj, tabelle, metaObj));
			} // endif typeof codeObj.meta !== "undefined" && codeObj.meta !== ""
		}
		__getData();
		return div;
	}

function getPremiumProductURL() {
		return 'https://vollstart.com/event-tickets-with-ticket-scanner/?utm_source=etwts_plugin&utm_medium=plugin_link&utm_campaign=etwts_upgrade_to_premium';
	}
	function getLabelPremiumOnly() {
		return '[<a href="'+getPremiumProductURL()+'">PREMIUM ONLY</a>]';
	}

function _getSpinnerHTML(text) {
		let html = '<div class="et-spinner"><span class="lds-dual-ring"></span>';
		if (text) html += '<div class="et-spinner-text">' + text + '</div>';
		html += '</div>';
		return html;
	}

function isPremium() {
		return myAjax._isPremium == "1" || myAjax._isPremium === true;
	}

addScriptTag(myAjax._plugin_home_url+'/3rd/ace/ace.js');

addTabCSS();

DIV = $('#'+myAjax.divId);
    	DIV.html(_getSpinnerHTML());
    	LAYOUT = new Layout();
		function _init() {
			document.body.style.background = "#ffffff";
	 		_loadingJSDatatables(function() {
				if (typeof PARAS.display !== "undefined" && PARAS.display == 'options') {
					_displayOptionsArea();
				} else if (typeof PARAS.display !== "undefined" && PARAS.display == 'support') {
					_displaySupportInfoArea();
				} else if (typeof PARAS.display !== "undefined" && PARAS.display == 'authtokens') {
					_displayAuthTokensArea();
				} else if (typeof PARAS.display !== "undefined" && PARAS.display == 'faq') {
					_displayFAQArea();
				} else if (typeof PARAS.display !== "undefined" && PARAS.display == 'attendance' && isPremium()) {
					_displayAttendanceArea();
				} else {
					LAYOUT.renderAdminPageLayout();
				}
			});
		}

if (isPremium() && myAjax._premJS !== "") {
    		addScriptTag(myAjax._premJS, null, function() {
    			PREMIUM = new sasoEventticketsPremium(myAjax, getHelperFunktions());
    			_init();
    		});
    	} else {
			_init();
    	}
		$('#wpfooter').css('display', 'none');
		refreshNoncePeriodically();
	}
	if (!doNotInit) init();
	return {
		init: init,
		form_fields_serial_format: _form_fields_serial_format,
		makePost: _makePost,
		getMediaData: _getMediaData
	};

}
if (typeof Ajax_sasoEventtickets !== "undefined") {
	window.sasoEventtickets_backend = sasoEventtickets(Ajax_sasoEventtickets);
}

/**
 * Global handler for the "Migrate Options" admin notice button.
 * Called via onclick from the admin notice rendered by showOptionsMigrationNotice().
 */
function sasoEventticketsMigrateOptions(btn) {
	btn.disabled = true;
	btn.textContent = '...';
	jQuery.post(Ajax_sasoEventtickets.url, {
		action: Ajax_sasoEventtickets.action,
		a_sngmbh: 'migrateOptionsToCustomTable',
		nonce: Ajax_sasoEventtickets.nonce
	}, function(response) {
		if (response && response.data) {
			btn.textContent = 'Done! (' + (response.data.migrated || 0) + ' migrated)';
			setTimeout(function() { location.reload(); }, 1500);
		} else {
			btn.textContent = 'Error';
			btn.disabled = false;
		}
	}).fail(function() {
		btn.textContent = 'Error';
		btn.disabled = false;
	});
}

Dosya Yükle

Rechercher des résultats pour "label/PHP-Shells" | HAGGAI BURKINA FASO

Aucun résultat

La page demandée est introuvable. Essayez d'affiner votre recherche ou utilisez le panneau de navigation ci-dessus pour localiser l'article.