update

frontend/src/components/VerwaltungTab.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 import FilmSuche from './FilmSuche.vue'
+import Einladung from './Einladung.vue'
 import { posterUrl } from '../images'
 import PersonName from './PersonName.vue'
 
@@ -47,6 +48,9 @@ async function schutzZeigen(user) {
   gezeigt[user.id] = resp.ok ? await resp.json() : { fehler: true }
 }
 
+// Die Einladungskarte — ein eigenes Fenster
+const einladung = ref(false)
+
 // Der Host-Film: das Passwort für den Hostmodus, gesetzt vom Host
 const hostFilmDialog = ref(false)
 const hostFilm = ref(null)
@@ -232,6 +236,15 @@ async function entfernen(user) {
       <p v-else class="leer">Noch niemand in der Runde.</p>
     </section>
 
+    <section v-if="host" class="einladung">
+      <h3>Einladung</h3>
+      <p class="erklaerung">
+        Eine Karte zum Verschicken: Datum, Ort, der gezogene Film. Als Bild fürs Handy.
+      </p>
+      <button type="button" class="klein" @click="einladung = true">Einladung erstellen</button>
+    </section>
+    <Einladung v-if="einladung" @zu="einladung = false" />
+
     <section v-if="host" class="hostfilm">
       <h3>Host-Film</h3>
       <p class="erklaerung">