From a93be06fc1d72c923886c11a79f66c4d32d9b242 Mon Sep 17 00:00:00 2001
From: Pingu <Verwaltung@fuyuzakura.de>
Date: Mon, 20 Jul 2026 21:25:47 +0000
Subject: [PATCH] ShowActs/ShowActs.html aktualisiert

---
 ShowActs/ShowActs.html | 106 +++++++++++++++++++++++++++++------------
 1 file changed, 75 insertions(+), 31 deletions(-)

diff --git a/ShowActs/ShowActs.html b/ShowActs/ShowActs.html
index f507100..904ed48 100644
--- a/ShowActs/ShowActs.html
+++ b/ShowActs/ShowActs.html
@@ -2,57 +2,89 @@
     <div class="sny-form-card">
         <div class="form-header">
             <h2>Showact-Anmeldung</h2>
-            <p>Präsentiere dein Talent auf der Bühne!</p>
+            <p>Präsentiere dein Talent auf der Fuyuzakura Winter Con!</p>
             <div class="price-info">Gebühr: 15,00 € pro Person</div>
         </div>
 
-        <form id="showact-form" action="/generate-docuseal-showact.php" method="POST" oninput="calculateShowTotal()">
-            <h3 class="section-title"><span>1.</span> Act-Details</h3>
+        <form id="showact-form" action="/process_form.php" method="POST" oninput="calculateShowTotal()">
+            
+            <input type="hidden" name="template_id" value="5">
+
+            <h3 class="section-title"><span>1.</span> Act-Details &amp; Kontakt</h3>
             <div class="form-grid">
                 <div class="field-wrap full-width">
                     <label>Name des Acts / der Gruppe</label>
                     <input type="text" name="act_name" required="">
                 </div>
+                <div class="field-wrap full-width">
+                    <label>Ansprechpartner (Vor- &amp; Nachname)</label>
+                    <input type="text" name="contact_name" required="">
+                </div>
                 <div class="field-wrap">
                     <label>Anzahl der Personen</label>
                     <input type="number" name="person_count" id="person_count" value="1" min="1" required="" onchange="calculateShowTotal()">
                 </div>
                 <div class="field-wrap">
-                    <label>Dauer des Auftritts (in Min.)</label>
-                    <input type="number" name="duration" id="duration" placeholder="z.B. 5" required="">
-                </div>
-                <div class="field-wrap full-width">
-                    <label>Beschreibung des Acts</label>
-                    <input type="text" name="description" placeholder="Was erwartet uns?" required="">
-                </div>
-            </div>
-
-            <h3 class="section-title"><span>2.</span> Technik &amp; Ansprechpartner</h3>
-            <div class="form-grid">
-                <div class="field-wrap full-width">
-                    <label>Technik-Anforderungen</label>
-                    <textarea name="tech_needs" rows="3" placeholder="Headsets, Mikros, Laptop, etc."></textarea>
-                </div>
-                <div class="field-wrap">
-                    <label>Ansprechpartner (Name)</label>
-                    <input type="text" name="contact_name" required="">
-                </div>
-                <div class="field-wrap">
-                    <label>E-Mail Adresse</label>
+                    <label>E-Mail-Adresse</label>
                     <input type="email" name="email" required="">
                 </div>
             </div>
 
+            <h3 class="section-title"><span>2.</span> Programm, Technik &amp; Equipment</h3>
+            
+            <div class="stage-info-box">
+                <strong>Info zur Spielfläche:</strong> Breite: 8,00 m / Tiefe: 9,00 m / Höhe: 1,18 m
+            </div>
+
+            <div class="form-grid" style="margin-top: 15px;">
+                <div class="field-wrap full-width">
+                    <label>Kurze Beschreibung des Showacts</label>
+                    <input type="text" name="description" placeholder="Was erwartet uns?" required="">
+                </div>
+                <div class="field-wrap">
+                    <label>Gewünschte Dauer (in Min.)</label>
+                    <input type="number" name="duration" id="duration" placeholder="z.B. 5" required="">
+                </div>
+                <div class="field-wrap full-width">
+                    <label>Technik-Anforderungen (Mikros, Laptop, etc.)</label>
+                    <textarea name="tech_needs" rows="2" placeholder="Headsets, Mikros, Laptop, etc."></textarea>
+                </div>
+                
+                <div class="field-wrap full-width eq-box">
+                    <label>Bringt ihr eigenes Equipment oder Requisiten mit?</label>
+                    <div class="radio-group">
+                        <label><input type="radio" name="has_equipment" value="Ja" onclick="toggleEquipmentDetails(true)"> Ja</label>
+                        <label><input type="radio" name="has_equipment" value="Nein" checked="" onclick="toggleEquipmentDetails(false)"> Nein</label>
+                    </div>
+                </div>
+                <div class="field-wrap full-width" id="equipment-details-wrap" style="display: none;">
+                    <label>Falls ja, was genau?</label>
+                    <input type="text" name="equipment_description" placeholder="z.B. Eigene Requisiten, Instrumente...">
+                </div>
+
+                <div class="field-wrap full-width">
+                    <label>Wie wird die Musik für euren Auftritt bereitgestellt?</label>
+                    <div class="radio-stack">
+                        <label><input type="radio" name="music_source" value="Keine Musik" required=""> Wir benötigen keine Musik</label>
+                        <label><input type="radio" name="music_source" value="Vorab eingereicht"> Wir reichen die Musik vorab bei euch ein</label>
+                        <label><input type="radio" name="music_source" value="USB-Stick am Tag"> Wir bringen die Musik am Auftrittstag selbst mit (z.B. auf USB-Stick)</label>
+                    </div>
+                </div>
+            </div>
+
+            <h3 class="section-title"><span>3.</span> Teilnahmegebühren</h3>
+            <p class="fee-note">Die Gebühr beträgt 15,00 EUR pro Person.</p>
             <div class="total-box">
-                <span>Gesamtgebühr:</span>
+                <span>Zu zahlender Gesamtbetrag:</span>
                 <div id="total-display">15,00 €</div>
                 <input type="hidden" name="total_price" id="hidden_total_price" value="15,00 €">
             </div>
 
+            <h3 class="section-title"><span>4.</span> Rechtliches &amp; Unterschrift</h3>
             <div class="legal-container">
                 <label class="custom-check">
                     <input type="checkbox" name="terms" required=""> 
-                    <span>Ich akzeptiere die Teilnahmebedingungen und die Marktordnung.</span>
+                    <span>Ich erkenne die Teilnahmebedingungen und die Marktordnung an.</span>
                 </label>
             </div>
 
@@ -64,7 +96,7 @@
 </div>
 
 <style>
-    #sny-showact-wrapper { font-family: 'Inter', sans-serif; max-width: 600px; margin: 20px auto; color: #2d3748; }
+    #sny-showact-wrapper { font-family: 'Inter', sans-serif; max-width: 650px; margin: 20px auto; color: #2d3748; }
     .sny-form-card { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); border-left: 5px solid #8a2be2; }
     .form-header { text-align: center; margin-bottom: 25px; }
     .form-header h2 { color: #8a2be2; margin: 0; }
@@ -73,10 +105,17 @@
     .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
     .full-width { grid-column: span 2; }
     .field-wrap label { display: block; font-weight: 600; font-size: 0.85em; margin-bottom: 5px; }
-    .field-wrap input, .field-wrap textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 8px; }
-    .total-box { background: #8a2be2; color: #fff; padding: 15px; border-radius: 8px; font-weight: bold; display: flex; justify-content: space-between; margin: 20px 0; font-size: 1.2em; }
-    .btn-submit { width: 100%; padding: 15px; background: #8a2be2; color: white; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; }
-    .btn-submit:disabled { background: #ccc; }
+    .field-wrap input[type="text"], .field-wrap input[type="number"], .field-wrap input[type="email"], .field-wrap textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; }
+    .stage-info-box { background: #f0f4f8; border-left: 4px solid #3250a0; padding: 10px 15px; border-radius: 4px; font-size: 0.9em; color: #333; }
+    .fee-note { font-size: 0.9em; color: #555; font-style: italic; margin-bottom: 8px; }
+    .radio-group { display: flex; gap: 20px; margin-top: 5px; }
+    .radio-stack { display: flex; flex-direction: column; gap: 8px; margin-top: 5px; font-size: 0.95em; }
+    .legal-container { margin: 20px 0; }
+    .custom-check { display: flex; align-items: center; gap: 8px; font-size: 0.95em; cursor: pointer; }
+    .total-box { background: #8a2be2; color: #fff; padding: 15px; border-radius: 8px; font-weight: bold; display: flex; justify-content: space-between; align-items: center; margin: 20px 0; font-size: 1.1em; }
+    .btn-submit { width: 100%; padding: 15px; background: #8a2be2; color: white; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; font-size: 1em; transition: background 0.2s; }
+    .btn-submit:hover { background: #7522c0; }
+    .btn-submit:disabled { background: #ccc; cursor: not-allowed; }
 </style>
 
 <script>
@@ -89,6 +128,11 @@ function calculateShowTotal() {
     document.getElementById('hidden_total_price').value = totalString;
 }
 
+function toggleEquipmentDetails(show) {
+    const wrap = document.getElementById('equipment-details-wrap');
+    wrap.style.display = show ? 'block' : 'none';
+}
+
 document.getElementById('showact-form').onsubmit = function() {
     const btn = document.getElementById('submit-btn');
     btn.disabled = true;