From d5867d2a7ddfff3654ca9a6def6cfe82dacdad01 Mon Sep 17 00:00:00 2001
From: Andreas Hnida <ah@mediendesign-hnida.de>
Date: Fri, 26 Apr 2024 23:12:43 +0200
Subject: [PATCH] `refactor: update form actions, reintroduce captcha and
 modify button styles`

---
 .../french/commande/infirmier-independant.md  | 12 ++---
 ...-supplementaire-infirmiers-independants.md | 14 +++---
 content/german/bestellung/freiberufliche.md   | 47 ++++++++++---------
 content/german/bestellung/organisationen.md   | 13 ++---
 .../bestellung/zusatzmodule-freiberufliche.md | 11 +++--
 .../bestellung/zusatzmodule-organisationen.md | 12 +++--
 6 files changed, 59 insertions(+), 50 deletions(-)

diff --git a/content/french/commande/infirmier-independant.md b/content/french/commande/infirmier-independant.md
index b78d0df..a6f4491 100644
--- a/content/french/commande/infirmier-independant.md
+++ b/content/french/commande/infirmier-independant.md
@@ -22,7 +22,7 @@ bestellformular = true
 
 {{% /aligncenter %}}
 
-<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="bestellformular">
+<form action="/php/ajaxmail.php" method="POST" id="bestellformular">
 <div id="formPartOne">
 <input type="hidden" name="formularart" value="Formulaire de commande pour les Professionnels de santé libéraux">
         <div>
@@ -116,12 +116,12 @@ bestellformular = true
             <textarea id="anmerkung" name="anmerkung" rows="4"></textarea>
         </div>        
 </div>
-<!-- <div class ="captcha-container"></div> nous renonçons pour le moment au Captcha  -->
-<div class="w-full flex justify-center">
-<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha-bak">Commander avec obligation de paiement</button>
+<center class="w-full">
+{{< captcha >}}
+<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha" >Commander avec obligation de paiement</button>
 
-<div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div>
-</div>
+<p><div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div></p>
+</center>
 </form>
 
 {{% /section %}}
diff --git a/content/french/commande/module-supplementaire-infirmiers-independants.md b/content/french/commande/module-supplementaire-infirmiers-independants.md
index de72807..2b6fb3a 100644
--- a/content/french/commande/module-supplementaire-infirmiers-independants.md
+++ b/content/french/commande/module-supplementaire-infirmiers-independants.md
@@ -22,7 +22,7 @@ bestellformular = true
 
 {{% /aligncenter %}}
 
-<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="bestellformular">
+<form action="/php/ajaxmail.php" method="POST" id="bestellformular">
     <input type="hidden" name="formularart" value="Zusatzmodule Freiberufliche">
                 <div>
             <label class="hidden" for="gender">Sexe</label>
@@ -88,10 +88,12 @@ bestellformular = true
                 <input type="checkbox" id="zusatzmodul-perigon" name="zusatzmodul-perigon" value="Ja">
                 <label for="zusatzmodul-perigon">Module complémentaire Perigon, frais de désactivation uniques 50.00 CHF</label>
     </div>
-<!-- <div class ="captcha-container"></div> nous renonçons pour le moment au Captcha  -->
-<div class="w-full flex justify-center">
-<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha-bak">Commander avec obligation de paiement</button>
-<div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div>
-</div>
+<center class="w-full">
+{{< captcha >}}
+<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha" >Commander avec obligation de paiement</button>
+
+<p><div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div></p>
+</center>
 </form>
+
 {{% /section %}}
diff --git a/content/german/bestellung/freiberufliche.md b/content/german/bestellung/freiberufliche.md
index 6e40c68..793d032 100644
--- a/content/german/bestellung/freiberufliche.md
+++ b/content/german/bestellung/freiberufliche.md
@@ -4,6 +4,7 @@ draft = false
 title = 'Freiberufliche'
 translationKey = 'freiberufliche'
 bestellformular = true
+kommentar = 'age und hobbies sind honeypots'
 +++
 
 {{% section %}} {{% aligncenter %}}
@@ -22,12 +23,13 @@ bestellformular = true
 
 {{% /aligncenter %}}
 
-<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="bestellformular">
+<!-- TODO Make Link relative in Production -->
+<form action="/php/ajaxmail.php" method="POST" id="bestellformular">
 <div id="formPartOne">
 <input type="hidden" name="formularart" value="Bestellformular Freiberufliche">
         <div>
             <label class="hidden" for="gender">Geschlecht</label>
-            <select id="gender" name="gender" required >
+            <select id="gender" name="gender" requir >
                 <option value="weiblich">Frau</option>
                 <option value="männlich">Herr</option>
                 <option value="divers">Divers</option>
@@ -35,64 +37,64 @@ bestellformular = true
         </div>
         <div>
             <label for="sprache">Sprache</label>
-            <select id="sprache" name="sprache" required >
+            <select id="sprache" name="sprache" requir >
                 <option value="deutsch">Deutsch</option>
                 <option value="franzoesisch">Französisch</option>
             </select>
         </div>
         <div>
             <label for="vorname">Vorname</label>
-            <input type="text" id="vorname" name="vorname" required >
+            <input type="text" id="vorname" name="vorname" requir >
         </div>
         <div>
             <label for="name">Nachname</label>
-            <input type="text" id="name" name="name" required >
+            <input type="text" id="name" name="name" requir >
         </div>
         <div>
             <input type="text" id="hobbies" name="hobbies" >
         </div>
         <div>
             <label for="strasse">Strasse und Hausnummer</label>
-            <input type="text" id="strasse" name="strasse" required >
+            <input type="text" id="strasse" name="strasse" requir >
         </div>
         <div>
             <input type="text" id="age" name="age">
         </div>
         <div>
             <label for="plz_ort">PLZ Ort</label>
-            <input type="text" id="plz_ort" name="plz_ort" required >
+            <input type="text" id="plz_ort" name="plz_ort" requir >
         </div>
         <div>
             <label for="telefon">Telefon</label>
-            <input type="text" id="telefon" name="telefon" required >
+            <input type="text" id="telefon" name="telefon" requir >
         </div>
         <div>
             <label for="email">Email</label>
-            <input type="email" id="email" name="email" required >
+            <input type="email" id="email" name="email" requir >
         </div>
         <div>
-            <input type="verify_email" id="verify_email" name="verify_email" >
+            <input type="verify_email" id="verify_email" value="someValue" name="verify_email" >
         </div>
         <div id="zsr-tooltip" data-tooltip="Bitte geben Sie eine gültie ZSR-Nummer, oder 'beantragt' ein.">
             <label for="zsr_nummer">ZSR Nummer</label>
-            <input  type="text" id="zsr_nummer" name="zsr_nummer" required >
+            <input  type="text" id="zsr_nummer" name="zsr_nummer" requir >
         </div>
 </div>
 <div id="formPartTwo">
         <div>
             <label for="bestehend">Wünschen Sie einen neuer Server oder den Zugang zu einem bestehenden Team-Server?</label>
-            <select id="bestehend" name="bestehend" required >
+            <select id="bestehend" name="bestehend" requir >
                 <option value="Applikation und Zugang zu bestehendem Team-Server">Applikation und Zugang zu bestehendem Team-Server (1'296 CHF)</option>
                 <option value="Applikation und neuer Webserver">Applikation und neuer Webserver (1'296 CHF)</option>
             </select>
         </div>
         <div>
             <label for="servername">Bitte geben Sie den Namen des Servers an. Der Zugriff erfolgt immer über die Web-Adresse: https://<strong>wunschname</strong>.verua.ch</label>
-            <input type="url" id="servername" name="servername" placeholder="https://wunschname.verua.ch" required >
+            <input type="url" id="servername" name="servername" placeholder="https://wunschname.verua.ch" requir >
         </div>
         <div>
             <label for="modulpop2">Wünschen Sie die Erweiterung um das Modul POP2?</label>
-            <select id="modulpop2" name="modulpop2" required >
+            <select id="modulpop2" name="modulpop2" requir >
                 <option value="Nein, nur das Standard-Programm">Nein, nur das Standard-Programm</option>
                 <option value="Ja, ich bestelle das Zusatzmodul POP2 für 42.00 CHF jährlich, Bereitstellungskosten einmalig 438.00 CHF">Ja, ich bestelle das Zusatzmodul POP2 für 42.00 CHF jährlich, Bereitstellungskosten einmalig 438.00 CHF</option>
                 <option value="Ich bin mir noch nicht sicher.">Ich bin mir noch nicht sicher.</option>
@@ -100,7 +102,7 @@ bestellformular = true
         </div>
         <div>
             <label for="materialverwaltung">Benötigen Sie das Zusatzmodul Materialverwaltung?</label>
-            <select id="materialverwaltung" name="materialverwaltung" required >
+            <select id="materialverwaltung" name="materialverwaltung" requir >
                 <option value="Nein, nur das Standard-Programm">Nein, nur das Standard-Programm</option>
                 <option value="Ja, ich bestelle das Zusatzmodul Materialverwaltung für 138.00 CHF jährlich, Bereitstellungskosten einmalig 342.00 CHF">Ja, ich bestelle das Zusatzmodul Materialverwaltung für 138.00 CHF jährlich, Bereitstellungskosten einmalig 342.00 CHF</option>
                 <option value="Ich bin mir noch nicht sicher.">Ich bin mir noch nicht sicher.</option>
@@ -108,7 +110,7 @@ bestellformular = true
         </div>
         <div>
             <label for="qrcode">Wünschen Sie die Erweiterung um das Modul QR-Code?</label>
-            <select id="qrcode" name="qrcode" required >
+            <select id="qrcode" name="qrcode" requir >
                 <option value="Nein, nur das Standard-Programm">Nein, nur das Standard-Programm</option>
                 <option value="Ja, ich bestelle das Zusatzmodul QR-Code für 36.00 CHF jährlich, Bereitstellungskosten einmalig 50.00 CHF">JJa, ich bestelle das Zusatzmodul QR-Code für 36.00 CHF jährlich, Bereitstellungskosten einmalig 50.00 CHF</option>
                 <option value="Ich bin mir noch nicht sicher.">Ich bin mir noch nicht sicher.</option>
@@ -116,7 +118,7 @@ bestellformular = true
         </div>
         <div>
             <label for="wochenbett">Benötigen Sie das Programm für Wochenbett-Betreuung?</label>
-            <select id="wochenbett" name="wochenbett" required >
+            <select id="wochenbett" name="wochenbett" requir >
                 <option value="Nein">Nein</option>
                 <option value="Ja, ich möchte die Wochenbett-Version">Ja, ich möchte die Wochenbett-Version</option>
             </select>
@@ -126,11 +128,12 @@ bestellformular = true
             <textarea id="anmerkung" name="anmerkung" rows="4"></textarea>
         </div>        
 </div>
-<!-- <div class ="captcha-container"></div> wir verzichten erstmal auf das Captcha  -->
-<div class="w-full flex justify-center">
-<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha-bak">Kostenpflichtig bestellen</button>
-<div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div>
-</div>
+<center class="w-full">
+{{< captcha >}}
+<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha" >Kostenpflichtig bestellen</button>
+
+<p><div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div></p>
+</center>
 </form>
 
 {{% /section %}}
diff --git a/content/german/bestellung/organisationen.md b/content/german/bestellung/organisationen.md
index 03d05ef..de6bfe4 100644
--- a/content/german/bestellung/organisationen.md
+++ b/content/german/bestellung/organisationen.md
@@ -21,7 +21,7 @@ bestellformular = true
 
 {{% /aligncenter %}}
 
-<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="bestellformular">
+<form action="/php/ajaxmail.php" method="POST" id="bestellformular">
 <div id="formPartOne">
 <input type="hidden" name="formularart" value="Bestellformular Organisationen">
 <h5>Bitte tragen Sie die Daten Ihrer Spitex-Organisation ein</h5>
@@ -156,11 +156,12 @@ Verwaltung und Abrechnung
             <textarea id="anmerkung" name="anmerkung" rows="4"></textarea>
         </div>        
 </div>
-<!-- <div class ="captcha-container"></div> wir verzichten erstmal auf das Captcha  -->
-<div class="w-full flex justify-center">
-<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha-bak">Kostenpflichtig bestellen</button>
-<div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div>
-</div>
+<center class="w-full">
+{{< captcha >}}
+<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha" >Kostenpflichtig bestellen</button>
+
+<p><div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div></p>
+</center>
 </form>
 
 {{% /section %}}
diff --git a/content/german/bestellung/zusatzmodule-freiberufliche.md b/content/german/bestellung/zusatzmodule-freiberufliche.md
index 4a8837b..ea610b9 100644
--- a/content/german/bestellung/zusatzmodule-freiberufliche.md
+++ b/content/german/bestellung/zusatzmodule-freiberufliche.md
@@ -22,7 +22,7 @@ bestellformular = true
 
 {{% /aligncenter %}}
 
-<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="bestellformular">
+<form action="/php/ajaxmail.php" method="POST" id="bestellformular">
     <input type="hidden" name="formularart" value="Zusatzmodule Freiberufliche">
         <div>
             <label class="hidden" for="gender">Geschlecht</label>
@@ -92,11 +92,12 @@ bestellformular = true
                 <label for="zusatzmodul-perigon">Zusatzmodul Perigon, Ausschaltgebühr einmalig 50.00 CHF</label>
             </div>
         <div><br><br>
-    <div class="w-full flex justify-center">
-        <button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha-bak">Kostenpflichtig bestellen</button>
-        <div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div>
-    </div>
+ <center class="w-full">
+{{< captcha >}}
+<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha" >Kostenpflichtig bestellen</button>
 
+<p><div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div></p>
+</center>
 </form>
 
 {{% /section %}}
diff --git a/content/german/bestellung/zusatzmodule-organisationen.md b/content/german/bestellung/zusatzmodule-organisationen.md
index ceddf3c..2e12e1f 100644
--- a/content/german/bestellung/zusatzmodule-organisationen.md
+++ b/content/german/bestellung/zusatzmodule-organisationen.md
@@ -21,7 +21,7 @@ bestellformular = true
 
 {{% /aligncenter %}}
 
-<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="bestellformular">
+<form action="/php/ajaxmail.php" method="POST" id="bestellformular">
 <div id="formPartOne">
 <input type="hidden" name="formularart" value="Bestellformular Organisationen">
 <h5>Bitte tragen Sie die Daten Ihrer Spitex-Organisation ein</h5>
@@ -155,10 +155,12 @@ bestellformular = true
     </div>  
 </div>
 
-<div class="w-full flex justify-center">
-<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha-bak">Kostenpflichtig bestellen</button>
-<div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div>
-</div>
+<center class="w-full">
+{{< captcha >}}
+<button id="bestellformular-btn" type="submit" class="submitbutton text-white mx-auto submit-after-valid-captcha" >Kostenpflichtig bestellen</button>
+
+<p><div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div></p>
+</center>
 </form>
 
 {{% /section %}}