(rl => {
	const templateId = 'MailMessageView';

	addEventListener('rl-view-model.create', e => {
		if (templateId === e.detail.viewModelTemplateID) {

			const
				template = document.getElementById(templateId),
				view = e.detail,
				attachmentsPlace = template.content.querySelector('.attachmentsPlace'),
				dateRegEx = /(TZID=(?<tz>[^:]+):)?(?<year>[0-9]{4})(?<month>[0-9]{2})(?<day>[0-9]{2})T(?<hour>[0-9]{2})(?<minute>[0-9]{2})(?<second>[0-9]{2})(?<utc>Z?)/,
				parseDate = str => {
					let parts = dateRegEx.exec(str)?.groups,
						options = {dateStyle: 'long', timeStyle: 'short'},
						date = (parts ? new Date(
							parseInt(parts.year, 10),
							parseInt(parts.month, 10) - 1,
							parseInt(parts.day, 10),
							parseInt(parts.hour, 10),
							parseInt(parts.minute, 10),
							parseInt(parts.second, 10)
						) : new Date(str));
					parts?.tz && (options.timeZone = windowsVTIMEZONEs[parts.tz] || parts.tz);
					try {
						return date.format(options);
					} catch (e) {
						console.error(e);
						if (options.timeZone) {
							options.timeZone = undefined;
							return date.format(options);
						}
					}
				};

			attachmentsPlace.after(Element.fromHTML(`
			<details data-bind="if: ICSViewer, visible: ICSViewer">
				<summary data-icon="📅" data-bind="text: ICSViewer().SUMMARY"></summary>
				<table><tbody style="white-space:pre">
					<tr data-bind="visible: ICSViewer().ORGANIZER_TXT"><td>Organizer: </td><td><a data-bind="text: ICSViewer().ORGANIZER_TXT, attr: { href: ICSViewer().ORGANIZER_MAIL }"></a></td></tr>
					<tr><td>Start: </td><td data-bind="text: ICSViewer().DTSTART"></td></tr>
					<tr><td>End: </td><td data-bind="text: ICSViewer().DTEND"></td></tr>
					<tr data-bind="visible: ICSViewer().LOCATION"><td>Location: </td><td data-bind="text: ICSViewer().LOCATION"></td></tr>
<!--				<tr><td>Transparency</td><td data-bind="text: ICSViewer().TRANSP"></td></tr>-->
					<tr><td>Attendees: </td><td data-bind="foreach: ICSViewer().ATTENDEE"><span data-bind="text: $data.replace(/;/g,';\\n')"></span> </td>

				</tbody></table>
			</details>`));

			view.ICSViewer = ko.observable(null);

			view.saveICS = () => {
				let VEVENT = view.VEVENT();
				if (VEVENT) {
					if (rl.nextcloud && VEVENT.rawText) {
						rl.nextcloud.selectCalendar()
							.then(href => href && rl.nextcloud.calendarPut(href, VEVENT));
					} else {
						// TODO
					}
				}
			}

			/**
			 * TODO
			 */
			view.message.subscribe(msg => {
				view.ICSViewer(null);
				if (msg) {
					// JSON-LD after parsing HTML
					// See http://schema.org/
					msg.linkedData.subscribe(data => {
						if (!view.ICSViewer()) {
							data.forEach(item => {
								if (item["ical:summary"]) {
									let VEVENT = {
										SUMMARY: item["ical:summary"],
										DTSTART: parseDate(item["ical:dtstart"]),
//										DTEND: parseDate(item["ical:dtend"]),
//										TRANSP: item["ical:transp"],
//										LOCATION: item["ical:location"],
										ATTENDEE: []
									}
									view.ICSViewer(VEVENT);
									return;
								}
							});
						}
					});
					// ICS attachment
//					let ics = msg.attachments.find(attachment => 'application/ics' == attachment.mimeType);

					let ics = msg.attachments.find(attachment => 'text/calendar' == attachment.mimeType);
					if (ics && ics.download) {

						// fetch it and parse the VEVENT
						rl.fetch(ics.linkDownload())
						.then(response => (response.status < 400) ? response.text() : Promise.reject(new Error({ response })))
						.then(text => {
							let jcalData = ICAL.parse(text)
							var comp = new ICAL.Component(jcalData);
							var vevent = comp.getFirstSubcomponent("vevent");
							var event = new ICAL.Event(vevent);							
							let VEVENT = {};
							if(event.organizer.startsWith("mailto:")){
								VEVENT.ORGANIZER_TXT=event.organizer.substr(7)
								VEVENT.ORGANIZER_MAIL = event.organizer
							} else
								VEVENT.ORGANIZER_TXT=event.organizer
							VEVENT.SUMMARY = event.summary;
							VEVENT.DTSTART = parseDate(vevent.getFirstPropertyValue("dtstart"));
							VEVENT.DTEND = parseDate(vevent.getFirstPropertyValue("dtend"));
							VEVENT.LOCATION = event.location;
							VEVENT.ATTENDEE = []
							for(let attendee of event.attendees){
								VEVENT.ATTENDEE.push(attendee.getFirstParameter("cn"));
							}
							
							if (VEVENT) {
								VEVENT.rawText = text;
								VEVENT.isCancelled = () => VEVENT.STATUS?.includes('CANCELLED');
								VEVENT.isConfirmed = () => VEVENT.STATUS?.includes('CONFIRMED');
								VEVENT.shouldReply = () => VEVENT.METHOD?.includes('REPLY');
								console.dir({
									isCancelled: VEVENT.isCancelled(),
									shouldReply: VEVENT.shouldReply()
								});
								view.ICSViewer(VEVENT);
							}
						});
					}
				}
			});
		}
	});

})(window.rl);