From ee597c9fc4df3e16bc4aa6031d2d4c290e626db9 Mon Sep 17 00:00:00 2001
From: Pingu <Verwaltung@fuyuzakura.de>
Date: Fri, 17 Jul 2026 19:46:45 +0000
Subject: [PATCH] =?UTF-8?q?ShowActs=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ShowActs | 97 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 97 insertions(+)
 create mode 100644 ShowActs

diff --git a/ShowActs b/ShowActs
new file mode 100644
index 0000000..f507100
--- /dev/null
+++ b/ShowActs
@@ -0,0 +1,97 @@
+<div id="sny-showact-wrapper">
+    <div class="sny-form-card">
+        <div class="form-header">
+            <h2>Showact-Anmeldung</h2>
+            <p>Präsentiere dein Talent auf der Bühne!</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>
+            <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">
+                    <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>
+                    <input type="email" name="email" required="">
+                </div>
+            </div>
+
+            <div class="total-box">
+                <span>Gesamtgebühr:</span>
+                <div id="total-display">15,00 €</div>
+                <input type="hidden" name="total_price" id="hidden_total_price" value="15,00 €">
+            </div>
+
+            <div class="legal-container">
+                <label class="custom-check">
+                    <input type="checkbox" name="terms" required=""> 
+                    <span>Ich akzeptiere die Teilnahmebedingungen und die Marktordnung.</span>
+                </label>
+            </div>
+
+            <button type="submit" class="btn-submit" id="submit-btn">
+                <span>Verbindlich anmelden</span>
+            </button>
+        </form>
+    </div>
+</div>
+
+<style>
+    #sny-showact-wrapper { font-family: 'Inter', sans-serif; max-width: 600px; 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; }
+    .price-info { color: #666; font-weight: bold; margin-top: 5px; }
+    .section-title { color: #3250a0; font-size: 1.1em; margin: 25px 0 15px 0; display: flex; align-items: center; gap: 10px; }
+    .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; }
+</style>
+
+<script>
+function calculateShowTotal() {
+    const personCount = parseInt(document.getElementById('person_count').value) || 0;
+    const total = personCount * 15;
+    const totalString = total.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + " €";
+    
+    document.getElementById('total-display').innerText = totalString;
+    document.getElementById('hidden_total_price').value = totalString;
+}
+
+document.getElementById('showact-form').onsubmit = function() {
+    const btn = document.getElementById('submit-btn');
+    btn.disabled = true;
+    btn.innerText = "Wird verarbeitet...";
+};
+</script>
\ No newline at end of file