// By default, Klaro will load the config from  a global "klaroConfig" variable.
// You can change this by specifying the "data-config" attribute on your
// script take, e.g. like this:
// <script src="klaro.js" data-config="myConfigVariableName" />
// You can also disable auto-loading of the consent notice by adding
// data-no-auto-load=true to the script tag.
var klaroConfig = {
	noAutoLoad: true,

	// You can customize the ID of the DIV element that Klaro will create
	// when starting up. If undefined, Klaro will use 'klaro'.
	elementID: 'cookie-msg',

	// Setting this to true will render the descriptions of the consent
	// modal and consent notice are HTML. Use with care.
	htmlTexts: false,

	// You can group services by their purpose in the modal. This is advisable
	// if you have a large number of services. Users can then enable or disable
	// entire groups of services instead of having to enable or disable every service.
	groupByPurpose: false,

	// How Klaro should store the user's preferences. It can be either 'cookie'
	// (the default) or 'localStorage'.
	storageMethod: 'cookie',

	// You can customize the name of the cookie that Klaro uses for storing
	// user consent decisions. If undefined, Klaro will use 'klaro'.
	cookieName: 'sup-cookie-status',

	// You can also set a custom expiration time for the Klaro cookie.
	// By default, it will expire after 120 days.
	cookieExpiresAfterDays: 365,

	// You can customize the name of the cookie that Klaro will use to
	// store user consent. If undefined, Klaro will use 'klaro'.

	// Put a link to your privacy policy here (relative or absolute).
	privacyPolicy: 'datenschutz.html',

	showPrivacyPolicyTextInNotice: true,

	// replace "decline" with cookie manager modal
	hideDeclineAll: true,

	// show cookie notice as modal
	noticeAsModal: true,

	disablePoweredBy: true,

	// Defines the default state for applications (true=enabled by default).
	default: false,

	// Show "accept all" to accept all services instead of "ok" that only accepts
	// required and "default: true" services
	acceptAll: true,

	// If "mustConsent" is set to true, Klaro will directly display the consent
	// manager modal and not allow the user to close it before having actively
	// consented or declines the use of third-party apps.
	mustConsent: false,

	// You can define the UI language directly here. If undefined, Klaro will
	// use the value given in the global "lang" variable. If that does
	// not exist, it will use the value given in the "lang" attribute of your
	// HTML tag. If that also doesn't exist, it will use 'en'.
	lang: 'de',

	// You can overwrite existing translations and add translations for your
	// app descriptions and purposes. See `src/translations/` for a full
	// list of translations that can be overwritten:
	// https://github.com/KIProtect/klaro/tree/master/src/translations

	// Example config that shows how to overwrite translations:
	// https://github.com/KIProtect/klaro/blob/master/src/configs/i18n.js
	translations: {
		// If you erase the "consentModal" translations, Klaro will use the
		// bundled translations.
		de: {
			ok: 'Alle Cookies akzeptieren',
			consentNotice: {
				title: 'Cookie Hinweis',
				learnMore: 'Konfigurieren',
				//description: 'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können. Mit der Nutzung unseres Angebotes erklären Sie sich damit einverstanden, dass wir Cookies verwenden. Einsatzzweck: {purposes}. ',
				description: 'Schneider & Partner möchte Ihnen ein besonders nutzerfreundliches Erlebnis auf unserer Webseite bieten und verwenden deshalb Cookies.\nMit diesen Cookies werden von uns und von Drittanbietern, die teilweise ihren Sitz in den USA haben, auch personenbezogene Daten verarbeitet.\nDen USA wird vom Europäischen Gerichtshof kein angemessenes Datenschutzniveau bescheinigt.\nSie können die Cookie-Einstellungen selbst verwalten oder der Verwendung aller Cookies, auch von Drittanbietern aus den USA, zustimmen.\nNähere Informationen zu den verwendeten Cookies finden Sie in unserer {privacyPolicy}',
			},
			consentModal: {
				title: 'Cookie-Einstellungen',
				description:
					'Wenn Sie diese Dienste nutzen, erlauben Sie deren \'Cookies\' und Tracking-Funktionen, die zu ihrer ordnungsgemäßen Funktion notwendig sind.',
			},
			sessionCookie: {
				description: 'Dient zur ordnungsgemäßen Funktion der Webseite',
			},
			googleAnalytics: {
				description: 'Dies ist ein Webanalysedienst',
			},
			googleTagManager: {
				description: 'Dies ist ein Tag-Management-System zum Verwalten von JavaScript- und HTML-Tags, die für die Implementierung von Tracking- und Analysetools verwendet werden',
			},
			googleMaps: {
				description: 'Google Maps ist ein von Google entwickelter Kartendienst.',
			},
			facebookPixel: {
				description: 'Dies ist ein Tracking- und Analysetool',
			},
			purposes: {
				functional: 'Funktion',
				analytics: 'Besucher-Statistiken',
				externalmedia: 'Externe Medien',
			},
			poweredBy: '',
		},
		en: {
			consentNotice: {
				description: 'This site uses cookies for the following purposes: {purposes}. ',
			},
			consentModal: {
				description:
					'f you use these services, you allow their \'cookies\' and tracking functions that are necessary for their proper functioning.',
			},
			sessionCookie: {
				description: 'Serves for the proper functioning of the website',
			},
			googleAnalytics: {
				description: 'This is a web analytics service',
			},
			googleTagManager: {
				description: 'This is a tag management system for managing JavaScript and HTML tags used for the implementation of tracking and analysis tools',
			},
			googleMaps: {
				description: 'Google Maps is a map service developed by Google.',
			},
			facebookPixel: {
				description: 'This is a tracking and analysis tool',
			},
			purposes: {
				functional: 'Function',
				analytics: 'Analytics',
			},
			poweredBy: '',
		},
	},

	// This is a list of third-party apps that Klaro will manage for you.
	services: [
		// The apps will appear in the modal in the same order as defined here.
		{
			name: 'sessionCookie',
			title: 'Session Cookie',
			purposes: ['functional'],
			required: true,
		},
		/*{
			name: 'googleAnalytics',
			title: 'Google Analytics',
			purposes: ['analytics'],
			cookies : [/^ga.*$/i, '_gid', '_ga', '_gat'],
		},*/
		/*{
			name: 'facebookPixel',
			title: 'Facebook Pixel',
			purposes: ['analytics'],
			cookies : [[/^.*$/, '.facebook.com'], ['_fbp']],
			//cookies : ['_fbp'],
		},*/
		{
			name: 'googleTagManager',
			title: 'Google Tag Manager',
			purposes: ['analytics'],
			cookies : [/^ga.*$/i, /^_ga.*$/i, '_gid', '_ga', '_gat'],
			//cookies : [/^ga/i, '_gid', '_ga'],
		},
		{
			name: 'googleMaps',
			title: 'Google Maps',
			contextualConsentOnly: true,
			purposes: ['externalmedia'],
		},
	],
    callback: function(consent, service) {
		if (service.name == 'googleMaps' && consent) {
			console.log('User enabled service: ' + service.name);
			const maps = document.querySelectorAll('iframe[data-name=googleMaps]');
			maps.forEach((e) => {
				e.src = e.dataset.src;
				e.removeAttribute('data-src');
			});
		}
    },
};