From 19c193b520865e0789298941abb9bbabb1525b61 Mon Sep 17 00:00:00 2001
From: Sebastian Pravda <sebastian.pravda@gmail.com>
Date: Thu, 2 Feb 2023 22:49:27 +0100
Subject: [PATCH] feat: LinkErrorModal

---
 .../components/modal/LinkErrorModal.svelte    | 58 +++++++++++++++++++
 .../(authenticated)/register/+page.svelte     |  3 +
 2 files changed, 61 insertions(+)
 create mode 100644 frontend/src/lib/components/modal/LinkErrorModal.svelte

diff --git a/frontend/src/lib/components/modal/LinkErrorModal.svelte b/frontend/src/lib/components/modal/LinkErrorModal.svelte
new file mode 100644
index 0000000..31a463c
--- /dev/null
+++ b/frontend/src/lib/components/modal/LinkErrorModal.svelte
@@ -0,0 +1,58 @@
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+	import Modal from '../Modal.svelte';
+	import { SvelteToast, toast } from '@zerodevx/svelte-toast';
+
+	export let applications: number[];
+	let isOpened = true;
+
+	const dispatch = createEventDispatcher();
+
+	const close = () => {
+		isOpened = false;
+		dispatch('close');
+	};
+</script>
+
+{#if isOpened}
+	<SvelteToast />
+	<Modal on:close={close}>
+		<div class="w-[80vw] lg:w-[60vw] h-[40vh] flex flex-col items-center relative">
+            <div>
+				{#if applications.length === 1}
+					<h1 class="mt-6 text-4xl text-center text-sspsBlueDark font-bold">
+						Přihláška {applications[0]} <span class="underline">není</span>
+						Vaše?
+					</h1>
+					<h1 class="mt-6 text-4xl text-center text-sspsBlueDark font-bold">
+						Nebo jste podávali <span class="underline">dvě</span>
+						přihlášky?
+					</h1>
+				{:else}
+					<h1 class="mt-6 text-4xl text-center text-sspsBlueDark font-bold">
+						Přihlášky {applications[0]} a {applications[1]} <span class="underline">nejsou</span>
+						Vaše?
+					</h1>
+					<h1 class="mt-6 text-4xl text-center text-sspsBlueDark font-bold">
+						Nebo jste podávali jen <span class="underline">jednu</span>
+						přihlášku?
+					</h1>
+				{/if}
+                <h3 class="text-center mt-4"
+                    >Znamená to, že jsme udělali chybu v přepisu přihlášky.
+                </h3>
+                <h2 class="font-bold text-2xl text-center text-sspsBlueDark mt-12">
+                    Kontaktujte nás na telefonu +420 123 456 789,
+                </h2>
+                <h3 class="text-center mt-2">
+                    nebo nám napište na email na
+                    <a href="mailto:portfolio@ssps.cz " class="underline"> portfolio@ssps.cz </a>
+                </h3>
+                <h4 class="text-center absolute bottom-4 left-0 w-full">Omlouváme se za komplikace s přijímacím řízením SSPŠaG</h4>
+            </div>
+        </div>
+	</Modal>
+{/if}
+
+<style lang="postcss">
+</style>
diff --git a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
index 4f4bcd9..7e0382d 100644
--- a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
+++ b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
@@ -27,6 +27,7 @@
 	import PersonalIdConfirmCheckBox from '$lib/components/checkbox/PersonalIdConfirmCheckBox.svelte';
 	import { isPersonalIdNumberWithBirthdateValid } from '$lib/utils/personalIdFormat';
 	import PersonalIdErrorModal from '$lib/components/modal/PersonalIdErrorModal.svelte';
+	import LinkErrorModal from '$lib/components/modal/LinkErrorModal.svelte';
 
 	let pageIndex = 0;
 	let pagesFilled = [false, false, false, false, false, false, false, false];
@@ -434,6 +435,8 @@
 			on:close={(_) => (visibleModals.personalIdModal = false)}
 			personalIdNumber={baseCandidateDetails.personalIdNumber}
 		/>
+	{:else if visibleModals.linkErrorModal}
+		<LinkErrorModal applications={baseCandidateDetails.applications} on:close={(_) => (visibleModals.linkErrorModal = false)} />
 	{/if}
 	<div class="form relative bg-center">
 		<div class="bottom-5/24 absolute flex w-full flex-col md:h-auto">