<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);

		if (success) {
			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: "btn btn-primary",
				dialogClass: "modal-box",
				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 {
			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: "btn btn-error",
				dialogClass: "modal-box",
				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="btn btn-primary fixed bottom-0 right-8 rounded-b-none rounded-t-xl w-48 h-12 text-xl hover:h-14 transition-all"
	on:click={showTicketPopup}
	>Support Ticket</button
>
