Hintergründe zum EventInvitePage Layout Customizer hinzugefügt. Badge und CTA entfernt, Textfelder zu Textareas gemacht. Geschenkgutscheine verbessert, E-Mail-Versand ergänzt + Resend + Confirmationseite mit Code-Copy und Link zur Package-Seite, die den Code als URL-Parameter enthält.

resources/js/admin/pages/components/invite-layout/schema.ts

@@ -127,6 +127,7 @@ export type QrLayoutCustomization = {
   secondary_color?: string;
   badge_color?: string;
   background_gradient?: { angle?: number; stops?: string[] } | null;
+  background_image?: string | null;
   logo_data_url?: string | null;
   logo_url?: string | null;
   mode?: 'standard' | 'advanced';
@@ -172,7 +173,6 @@ const DEFAULT_TYPE_STYLES: Record<LayoutElementType, { width: number; height: nu
 const DEFAULT_PRESET: LayoutPreset = [
   // Basierend auf dem zentrierten, modernen "confetti-bash"-Layout
   { id: 'logo', type: 'logo', x: (c) => (c.canvasWidth - 280) / 2, y: 80, width: 280, height: 140, align: 'center' },
-  { id: 'badge', type: 'badge', x: (c) => (c.canvasWidth - 520) / 2, y: 240, width: 520, height: 90, align: 'center', fontSize: 28, lineHeight: 1.4, letterSpacing: 0.5, fontFamily: 'Montserrat' },
   {
     id: 'headline',
     type: 'headline',
@@ -188,13 +188,11 @@ const DEFAULT_PRESET: LayoutPreset = [
   { id: 'subtitle', type: 'subtitle', x: (c) => (c.canvasWidth - 800) / 2, y: 580, width: 800, height: 120, fontSize: 42, align: 'center', fontFamily: 'Montserrat', lineHeight: 1.4 },
   { id: 'description', type: 'description', x: (c) => (c.canvasWidth - 900) / 2, y: 720, width: 900, height: 180, fontSize: 34, align: 'center', fontFamily: 'Lora', lineHeight: 1.5 },
   { id: 'qr', type: 'qr', x: (c) => (c.canvasWidth - 500) / 2, y: 940, width: (c) => Math.min(c.qrSize, 500), height: (c) => Math.min(c.qrSize, 500) },
-  { id: 'cta', type: 'cta', x: (c) => (c.canvasWidth - 600) / 2, y: (c) => 940 + Math.min(c.qrSize, 500) + 40, width: 600, height: 100, align: 'center', fontSize: 32, fontFamily: 'Montserrat', lineHeight: 1.4 },
   { id: 'link', type: 'link', x: (c) => (c.canvasWidth - 700) / 2, y: (c) => 940 + Math.min(c.qrSize, 500) + 160, width: 700, height: 80, align: 'center', fontSize: 26, fontFamily: 'Montserrat', lineHeight: 1.5 },
 ];
 const evergreenVowsPreset: LayoutPreset = [
   // Elegant, linksbündig mit verbesserter Balance
   { id: 'logo', type: 'logo', x: 120, y: 100, width: 300, height: 150, align: 'left' },
-  { id: 'badge', type: 'badge', x: (c) => c.canvasWidth - 520 - 120, y: 125, width: 520, height: 90, align: 'right', fontSize: 28, lineHeight: 1.4, fontFamily: 'Montserrat' },
   {
     id: 'headline',
     type: 'headline',
@@ -239,13 +237,11 @@ const evergreenVowsPreset: LayoutPreset = [
     width: (c) => Math.min(c.qrSize, 440),
     height: (c) => Math.min(c.qrSize, 440),
   },
-  { id: 'cta', type: 'cta', x: (c) => c.canvasWidth - 440 - 120, y: (c) => 920 + Math.min(c.qrSize, 440) + 40, width: 440, height: 100, align: 'center', fontSize: 30, fontFamily: 'Montserrat', lineHeight: 1.4 },
   { id: 'link', type: 'link', x: (c) => c.canvasWidth - 440 - 120, y: (c) => 920 + Math.min(c.qrSize, 440) + 160, width: 440, height: 80, align: 'center', fontSize: 24, fontFamily: 'Montserrat' },
 ];
 
 const midnightGalaPreset: LayoutPreset = [
   // Zentriert, premium, mehr vertikaler Abstand
-  { id: 'badge', type: 'badge', x: (c) => (c.canvasWidth - 560) / 2, y: 120, width: 560, height: 90, align: 'center', fontSize: 28, fontFamily: 'Montserrat' },
   {
     id: 'headline',
     type: 'headline',
@@ -268,13 +264,11 @@ const midnightGalaPreset: LayoutPreset = [
     width: (c) => Math.min(c.qrSize, 480),
     height: (c) => Math.min(c.qrSize, 480),
   },
-  { id: 'cta', type: 'cta', x: (c) => (c.canvasWidth - 520) / 2, y: (c) => 880 + Math.min(c.qrSize, 480) + 40, width: 520, height: 100, align: 'center', fontSize: 30, fontFamily: 'Montserrat', lineHeight: 1.4 },
   { id: 'link', type: 'link', x: (c) => (c.canvasWidth - 600) / 2, y: (c) => 880 + Math.min(c.qrSize, 480) + 160, width: 600, height: 80, align: 'center', fontSize: 24, fontFamily: 'Montserrat' },
 ];
 
 const gardenBrunchPreset: LayoutPreset = [
   // Verspielt, asymmetrisch, aber ausbalanciert
-  { id: 'badge', type: 'badge', x: 120, y: 120, width: 500, height: 90, align: 'left', fontSize: 28, fontFamily: 'Montserrat' },
   { id: 'headline', type: 'headline', x: 120, y: 240, width: 900, height: 200, fontSize: 90, align: 'left', fontFamily: 'Playfair Display', lineHeight: 1.3 },
   { id: 'subtitle', type: 'subtitle', x: 120, y: 450, width: 700, height: 120, fontSize: 40, align: 'left', fontFamily: 'Montserrat', lineHeight: 1.4 },
   {
@@ -285,7 +279,6 @@ const gardenBrunchPreset: LayoutPreset = [
     width: (c) => Math.min(c.qrSize, 460),
     height: (c) => Math.min(c.qrSize, 460),
   },
-  { id: 'cta', type: 'cta', x: 120, y: (c) => 880 + Math.min(c.qrSize, 460) + 40, width: 460, height: 100, align: 'center', fontSize: 30, fontFamily: 'Montserrat' },
   {
     id: 'description',
     type: 'description',
@@ -303,7 +296,6 @@ const gardenBrunchPreset: LayoutPreset = [
 
 const sparklerSoireePreset: LayoutPreset = [
   // Festlich, zentriert, klar
-  { id: 'badge', type: 'badge', x: (c) => (c.canvasWidth - 560) / 2, y: 120, width: 560, height: 90, align: 'center', fontSize: 28, fontFamily: 'Montserrat' },
   {
     id: 'headline',
     type: 'headline',
@@ -326,14 +318,12 @@ const sparklerSoireePreset: LayoutPreset = [
     width: (c) => Math.min(c.qrSize, 480),
     height: (c) => Math.min(c.qrSize, 480),
   },
-  { id: 'cta', type: 'cta', x: (c) => (c.canvasWidth - 520) / 2, y: (c) => 880 + Math.min(c.qrSize, 480) + 40, width: 520, height: 100, align: 'center', fontSize: 30, fontFamily: 'Montserrat' },
   { id: 'link', type: 'link', x: (c) => (c.canvasWidth - 600) / 2, y: (c) => 880 + Math.min(c.qrSize, 480) + 160, width: 600, height: 80, align: 'center', fontSize: 24, fontFamily: 'Montserrat' },
 ];
 
 const confettiBashPreset: LayoutPreset = [
   // Zentriertes, luftiges Layout mit klarer Hierarchie.
   { id: 'logo', type: 'logo', x: (c) => (c.canvasWidth - 280) / 2, y: 80, width: 280, height: 140, align: 'center' },
-  { id: 'badge', type: 'badge', x: (c) => (c.canvasWidth - 520) / 2, y: 240, width: 520, height: 90, align: 'center', fontSize: 28, lineHeight: 1.4, letterSpacing: 0.5, fontFamily: 'Montserrat' },
   {
     id: 'headline',
     type: 'headline',
@@ -378,18 +368,6 @@ const confettiBashPreset: LayoutPreset = [
     width: (c) => Math.min(c.qrSize, 500),
     height: (c) => Math.min(c.qrSize, 500),
   },
-  {
-    id: 'cta',
-    type: 'cta',
-    x: (c) => (c.canvasWidth - 600) / 2,
-    y: (c) => 940 + Math.min(c.qrSize, 500) + 40,
-    width: 600,
-    height: 100,
-    align: 'center',
-    fontSize: 32,
-    fontFamily: 'Montserrat',
-    lineHeight: 1.4,
-  },
   {
     id: 'link',
     type: 'link',
@@ -407,7 +385,6 @@ const confettiBashPreset: LayoutPreset = [
 const balancedModernPreset: LayoutPreset = [
   // Wahrhaftig balanciert: Text links, QR rechts
   { id: 'logo', type: 'logo', x: 120, y: 100, width: 300, height: 150, align: 'left' },
-  { id: 'badge', type: 'badge', x: 120, y: 270, width: 500, height: 90, align: 'left', fontSize: 28, fontFamily: 'Montserrat' },
   {
     id: 'headline',
     type: 'headline',
@@ -452,7 +429,6 @@ const balancedModernPreset: LayoutPreset = [
     width: 480,
     height: 480,
   },
-  { id: 'cta', type: 'cta', x: (c) => c.canvasWidth - 480 - 120, y: 880, width: 480, height: 100, align: 'center', fontSize: 30, fontFamily: 'Montserrat' },
   { id: 'link', type: 'link', x: (c) => c.canvasWidth - 480 - 120, y: 1000, width: 480, height: 80, align: 'center', fontSize: 24, fontFamily: 'Montserrat' },
 ];
 
@@ -501,9 +477,7 @@ export function buildDefaultElements(
     headline: form.headline ?? eventName,
     subtitle: form.subtitle ?? layout.subtitle ?? '',
     description: form.description ?? layout.description ?? '',
-    badge: form.badge_label ?? layout.badge_label ?? 'Digitale Gästebox',
     link: form.link_label ?? '',
-    cta: form.cta_label ?? layout.cta_label ?? 'Scan mich & starte direkt',
     instructions_heading: instructionsHeading,
     instructions_text: instructionsList[0] ?? null,
   };
@@ -541,15 +515,9 @@ export function buildDefaultElements(
       case 'description':
         element.content = baseContent.description;
         break;
-      case 'badge':
-        element.content = baseContent.badge;
-        break;
       case 'link':
         element.content = baseContent.link;
         break;
-      case 'cta':
-        element.content = baseContent.cta;
-        break;
       case 'text-strip':
         element.content = instructionsList.join('\n').trim() || layout.description || 'Nutze diesen Bereich für zusätzliche Hinweise oder Storytelling.';
         break;