Basic signup for events

app/Domains/Event/Views/Partials/SignUpForm/after-submit/SubmitAlreadyExists.vue

@@ -0,0 +1,12 @@
+<script setup>
+defineProps({ data: Object })
+</script>
+
+<template>
+    <div style="padding: 20px 0;">
+        <h3>{{ data.nicename }}</h3>
+        <p>{{ data.text_1 }}</p>
+        <p>{{ data.text_2 }}</p>
+        <a :href="data.email_link" style="color: #2563eb;">{{ data.email_text }}</a>
+    </div>
+</template>

app/Domains/Event/Views/Partials/SignUpForm/after-submit/SubmitSuccess.vue

@@ -0,0 +1,60 @@
+<script setup>
+const props = defineProps({
+    participant: Object,
+    event: Object,
+})
+
+console.log(props.event)
+console.log(props.participant)
+</script>
+
+<template>
+    <div style="padding: 20px 0;">
+        <h3>Hallo {{ props.participant.nicename }},</h3>
+        <p>Vielen Dank für dein Interesse an der Veranstaltung {{event.name}}<br />Wir haben folgende Daten erhalten:</p>
+
+        <table class="form-table" style="margin-bottom: 20px;">
+            <tr><td>Anreise:</td><td>{{ props.participant.arrival }}</td></tr>
+            <tr><td>Abreise:</td><td>{{ props.participant.departure }}</td></tr>
+            <tr><td>Teilnahmegruppe:</td><td>{{ props.participant.participation_group }}</td></tr>
+        </table>
+
+        <div v-if="props.participant.efz_status === 'NOT_CHECKED'" style="font-weight: bold; color: #b45309; margin-bottom: 20px;">
+            Dein erweitertes Führungszeugnis konnte nicht automatisch geprüft werden. Bitte kontaktiere die Aktionsleitung.
+        </div>
+        <div v-else-if="props.participant.efz_status === 'CHECKED_INVALID'" style="font-weight: bold; color: #dc2626;  margin-bottom: 20px;">
+            Du hast noch kein erweitertes Führungszeugnis hinterlegt. Bitte reiche es umgehend ein.
+        </div>
+
+        <template v-if="props.participant.needs_payment">
+            <table class="form-table" style="margin-bottom: 16px;">
+                <tr>
+                    <td>Kontoinhaber:</td><td>{{ props.event.accountOwner }}</td>
+                    <td rowspan="4" style="vertical-align: top; padding-left: 20px;" v-if="props.participant.identifier !== ''">
+                        <img :src="'/print-girocode/' + props.participant.identifier" alt="GiroCode" style="max-width: 180px;" />
+                        <span style="width: 180px; text-align: center; display: block; font-size: 0.8rem; color: #6b7280; margin-top: 4px;">Giro-Code</span>
+                    </td>
+                </tr>
+                <tr><td>IBAN:</td><td>{{ props.event.accountIban }}</td></tr>
+                <tr><td>Verwendungszweck:</td><td>{{ props.participant.payment_purpose }}</td></tr>
+                <tr><td>Betrag:</td><td><strong>{{ props.participant.amount_left_string }}</strong></td></tr>
+            </table>
+
+            <p>
+                Bitte beachte, dass deine Anmeldung erst nach Zahlungseiongang vollständig ist.<br />
+                Wenn dieser nicht bis zum {{ props.event.registrationFinalEnd.formatted }} erfolgt, kann deine Anmeldung storniert werden.<br /><br />
+                Solltest du den Beitrag bis zu diesem Datum nicht oder nur teilweise überweisen können, kontaktiere bitte die Aktionsleitung, damit wir eine gemeinsame Lösiung finden können.
+            </p>
+
+
+        </template>
+        <p v-else>
+            Du musst keinen Beitrag überweisen. Deine Anmeldung ist bestätigt.
+        </p>
+
+        <p>
+            Du erhältst innerhalb von 2 Stunden eine E-Mail mit weiteren Informationen.<br />
+            Kontakt: <a :href="'mailto:' + props.event.email" style="color: #2563eb;">{{ props.event.email }}</a>
+        </p>
+    </div>
+</template>