<script lang="ts">
	import { dialogs } from "svelte-dialogs";
	import TicketPopup from "./TicketPopup.svelte";
	import { addNotification } from "@ibcornelsen/ui";

	async function showTicketPopup() {
		const success = await dialogs.modal(TicketPopup);

		console.log(success);
		

		if (success === true) {
			dialogs.alert({
				title: "Ticket erstellt",
				text: "Ihr Support Ticket wurde erfolgreich erstellt. Wir werden uns schnellstmöglich um ihre Angelegenheit kümmern. Vielen Dank für ihre Geduld.",
				dismissButtonText: "Schließen",
				dismissButtonClass: "button",
				dialogClass: "bg-white rounded-lg p-4",
				headerClass: "bg-base-100 text-center",
				titleClass: "text-base-content text-xl font-medium",
				dividerClass: "hidden",
				footerClass: "bg-base-100 justify-center gap-4 mt-4",
			});
		} else if (success === false) {
			dialogs.alert({
				title: "Ticket erstellen fehlgeschlagen",
				text: "Leider ist beim erstellen des Tickets ein Fehler aufgetreten. Bitte versuchen sie es später erneut oder kontaktieren sie uns direkt per email unter info@ib-cornelsen.de.",
				dismissButtonText: "Schließen",
				dismissButtonClass: "button",
				dialogClass: "bg-white rounded-lg p-4",
				headerClass: "bg-base-100 text-center",
				titleClass: "text-base-content text-xl font-medium",
				dividerClass: "hidden",
				footerClass: "bg-base-100 justify-center gap-4 mt-4",
			});
		}
	}
</script>

<button
	class="fixed bottom-0 right-8 rounded-b-none rounded-t-xl w-48 h-12 text-xl hover:h-14 transition-all bg-primary text-primary-content font-bold"
	on:click={showTicketPopup}
	>Support Ticket</button
>
