From 7680e7ce5102650ec86684f1502c7acf9e7bd0fe Mon Sep 17 00:00:00 2001
From: p3t3rp1Lz <psycopy@gmx.de>
Date: Tue, 7 Apr 2026 19:52:02 +0200
Subject: [PATCH] Verben Design final, php angefangen

---
 allgemein.php               |  90 +++++++++++++--------------
 forms/hinzuefuegenKarte.php |  22 ++++++-
 style.css                   |  24 ++++++++
 verben.php                  | 119 ++++++++++++++++--------------------
 4 files changed, 139 insertions(+), 116 deletions(-)

diff --git a/allgemein.php b/allgemein.php
index f5739bd..207b627 100644
--- a/allgemein.php
+++ b/allgemein.php
@@ -57,52 +57,52 @@
                         value="<?= htmlspecialchars($old['deutsch'] ?? '') ?>"
                         required>
             </div>
-                <?php for($i = 0; $i < 7; $i++) { ?>
-                    <div>
-                        <div id="div_italienisch_text">
-                            <input class="kategorie"
-                                    id="input_italienisch"
-                                    type="text"
-                                    name="italienisch_<?= $i ?>"
-                                    value="<?= htmlspecialchars(($old['italienisch_' . $i] ?? '')) ?>"
-                                    <? if($i == 0) echo 'required' ?>>
-                        </div>
-                        <div id="div_italienisch_radio">
-                            <label class="kategorie" id="label_italienisch_schwarz">
-                                <input class="kategorie"
-                                        type="radio"
-                                        name="farbe_<?= $i ?>"
-                                        value="black"
-                                        <? if( ($old['farbe_' . $i] ?? '') == 'black' || ($old['farbe_' . $i] ?? '') == '') echo 'checked' ?>>
-                                Standard
-                            </label>
-                            <label class="kategorie" id="label_italienisch_blau">
-                                <input class="kategorie"
-                                        type="radio"
-                                        name="farbe_<?= $i ?>"
-                                        value="blue"
-                                        <? if( ($old['farbe_' . $i] ?? '') == 'blue') echo 'checked' ?>>
-                                Blau
-                            </label>
-                            <label class="kategorie" id="label_italienisch_rot">
-                                <input class="kategorie"
-                                        type="radio"
-                                        name="farbe_<?= $i ?>"
-                                        value="red"
-                                        <? if( ($old['farbe_' . $i] ?? '') == 'red') echo 'checked' ?>>
-                                Rot
-                            </label>
-                            <label class="kategorie" id="label_italienisch_gruen">
-                                <input class="kategorie"
-                                        type="radio"
-                                        name="farbe_<?= $i ?>"
-                                        value="green"
-                                        <? if( ($old['farbe_' . $i] ?? '') == 'green') echo 'checked' ?>>
-                                Grün
-                            </label>
-                        </div>
+            <?php for($i = 0; $i < 7; $i++) { ?>
+                <div>
+                    <div id="div_italienisch_text">
+                        <input class="kategorie"
+                                id="input_italienisch"
+                                type="text"
+                                name="italienisch_<?= $i ?>"
+                                value="<?= htmlspecialchars(($old['italienisch_' . $i] ?? '')) ?>"
+                                <? if($i == 0) echo 'required' ?>>
                     </div>
-                <?php }; ?>
+                    <div id="div_italienisch_radio">
+                        <label class="kategorie" id="label_italienisch_schwarz">
+                            <input class="kategorie"
+                                    type="radio"
+                                    name="farbe_<?= $i ?>"
+                                    value="black"
+                                    <? if( ($old['farbe_' . $i] ?? '') == 'black' || ($old['farbe_' . $i] ?? '') == '') echo 'checked' ?>>
+                            Standard
+                        </label>
+                        <label class="kategorie" id="label_italienisch_blau">
+                            <input class="kategorie"
+                                    type="radio"
+                                    name="farbe_<?= $i ?>"
+                                    value="blue"
+                                    <? if( ($old['farbe_' . $i] ?? '') == 'blue') echo 'checked' ?>>
+                            Blau
+                        </label>
+                        <label class="kategorie" id="label_italienisch_rot">
+                            <input class="kategorie"
+                                    type="radio"
+                                    name="farbe_<?= $i ?>"
+                                    value="red"
+                                    <? if( ($old['farbe_' . $i] ?? '') == 'red') echo 'checked' ?>>
+                            Rot
+                        </label>
+                        <label class="kategorie" id="label_italienisch_gruen">
+                            <input class="kategorie"
+                                    type="radio"
+                                    name="farbe_<?= $i ?>"
+                                    value="green"
+                                    <? if( ($old['farbe_' . $i] ?? '') == 'green') echo 'checked' ?>>
+                            Grün
+                        </label>
+                    </div>
+                </div>
+            <?php }; ?>
             <div id="div_speichern">
                 <?php if ($error): ?>
                     <p class=fehlermeldung><?= htmlspecialchars($error) ?></p>
diff --git a/forms/hinzuefuegenKarte.php b/forms/hinzuefuegenKarte.php
index 00f2aed..20b26d9 100644
--- a/forms/hinzuefuegenKarte.php
+++ b/forms/hinzuefuegenKarte.php
@@ -9,9 +9,25 @@
 
     $kategorie = $_POST['kategorie'] ?? 'substantive';
     $deutsch = trim($_POST['deutsch'] ?? '');
-    for($i = 0; $i < 7; $i++) {
-        $italienisch[$i] = trim($_POST['italienisch_' . $i] ?? '');
-        $farbe[$i] = $_POST['farbe_' . $i] ?? 'black';
+
+    if($kategorie == 'verben') {
+        for($i = 0; $i < 7; $i++) {
+            $wortstamm[$i] = trim($_POST['wortstamm_' . $i] ?? '');
+
+            $endung[$i] = trim($_POST['endung_' . $i] ?? '');
+            $compareString += $endung[$i];
+            
+            $suffix[$i] = trim($_POST['suffix_' . $i] ?? '');
+        }
+
+        if($compareString != '') {
+            $italienisch = $wortstamm;
+        }
+    } else {
+        for($i = 0; $i < 7; $i++) {
+            $italienisch[$i] = trim($_POST['italienisch_' . $i] ?? '');
+            $farbe[$i] = $_POST['farbe_' . $i] ?? 'black';
+        }
     }
 
     if($deutsch === '') {
diff --git a/style.css b/style.css
index 26d95df..17b5e6f 100644
--- a/style.css
+++ b/style.css
@@ -168,6 +168,12 @@ a:visited {
     display: inline-block;
 }
 
+#p_italienisch {
+    display: inline-block;
+    margin: 0px;
+    white-space: unset;
+}
+
 #input_deutsch {
     display: inline-block;
     width: 700px;
@@ -232,4 +238,22 @@ a:visited {
 .erfolgsmeldung {
     color: #14748A;
     font-size: 36px;
+}
+
+#table_verben {
+    font-size: 30px;
+    color: black;
+}
+
+#input_wortstamm {
+    width: 230px;
+}
+
+#input_endung {
+    color: red;
+    width: 130px;
+}
+
+#input_suffix {
+    width: 230px;
 }
\ No newline at end of file
diff --git a/verben.php b/verben.php
index 5989189..6370cd2 100644
--- a/verben.php
+++ b/verben.php
@@ -26,30 +26,7 @@
     <div class="inhalt">
         <form id="form_hinzufuegenkarte" action="forms/hinzuefuegenKarte.php" method="post">
             <input id="hiddenInputEditTyp" type="hidden" name="kategorie" value="verben">
-            <div class="hinzufuegenKarteElemente">
-                <label class="kategorie">
-                    <input class="kategorie" type="radio" name="kategorie" value="substantive"
-                        <? if( ($old['kategorie'] ?? '') == 'substantive'
-                            || ($old['kategorie'] ?? '') == '') echo 'checked' ?>>
-                    Substantive
-                </label>
-                <label class="kategorie">
-                    <input class="kategorie" type="radio" name="kategorie" value="adjektive"
-                        <? if( ($old['kategorie'] ?? '') == 'adjektive') echo 'checked' ?>>
-                    Adjektive
-                </label>
-                <label class="kategorie">
-                    <input class="kategorie" type="radio" name="kategorie" value="allgemein"
-                        <? if( ($old['kategorie'] ?? '') == 'allgemein') echo 'checked' ?>>
-                    Allgemein
-                </label>
-                <label class="kategorie">
-                    <input class="kategorie" type="radio" name="kategorie" value="eigennamen"
-                        <? if( ($old['kategorie'] ?? '') == 'eigennamen') echo 'checked' ?>>
-                    Eigennamen
-                </label>
-            </div>
-            <div id="div_deutsch">
+            <div>
                 <p class="kategorie" id="p_deutsch">deutsch:</p>
                 <input class="kategorie"
                         id="input_deutsch"
@@ -58,52 +35,58 @@
                         value="<?= htmlspecialchars($old['deutsch'] ?? '') ?>"
                         required>
             </div>
+            <table id="table_verben">
+                <tr>
+                    <th></th>
+                    <th>Wortstamm</th>
+                    <th>Endung</th>
+                    <th>Suffix</th>
+                </tr>
                 <?php for($i = 0; $i < 7; $i++) { ?>
-                    <div>
-                        <div id="div_italienisch_text">
+                <tr>
+                <td>
+                        <input id="hiddenInputEditTyp" type="hidden" name="farbe_<?= $i ?>" value="red">
+                            <p class="kategorie" id="p_italienisch">
+                                <?php switch($i){
+                                    case(0): echo 'Grundwort:'; break;
+                                    case(1): echo 'io:'; break;
+                                    case(2): echo 'tu:'; break;
+                                    case(3): echo 'lui, lei, lei:'; break;
+                                    case(4): echo 'noi:'; break;
+                                    case(5): echo 'voi:'; break;
+                                    case(6): echo 'loro:'; break;
+                                    }
+                                ?>
+                            </p>
+                            </td>
+                            <td>
                             <input class="kategorie"
-                                    id="input_italienisch"
+                                    id="input_wortstamm"
                                     type="text"
-                                    name="italienisch_<?= $i ?>"
-                                    value="<?= htmlspecialchars(($old['italienisch_' . $i] ?? '')) ?>"
-                                    <? if($i == 0) echo 'required' ?>>
-                        </div>
-                        <div id="div_italienisch_radio">
-                            <label class="kategorie" id="label_italienisch_schwarz">
-                                <input class="kategorie"
-                                        type="radio"
-                                        name="farbe_<?= $i ?>"
-                                        value="black"
-                                        <? if( ($old['farbe_' . $i] ?? '') == 'black' || ($old['farbe_' . $i] ?? '') == '') echo 'checked' ?>>
-                                Standard
-                            </label>
-                            <label class="kategorie" id="label_italienisch_blau">
-                                <input class="kategorie"
-                                        type="radio"
-                                        name="farbe_<?= $i ?>"
-                                        value="blue"
-                                        <? if( ($old['farbe_' . $i] ?? '') == 'blue') echo 'checked' ?>>
-                                Blau
-                            </label>
-                            <label class="kategorie" id="label_italienisch_rot">
-                                <input class="kategorie"
-                                        type="radio"
-                                        name="farbe_<?= $i ?>"
-                                        value="red"
-                                        <? if( ($old['farbe_' . $i] ?? '') == 'red') echo 'checked' ?>>
-                                Rot
-                            </label>
-                            <label class="kategorie" id="label_italienisch_gruen">
-                                <input class="kategorie"
-                                        type="radio"
-                                        name="farbe_<?= $i ?>"
-                                        value="green"
-                                        <? if( ($old['farbe_' . $i] ?? '') == 'green') echo 'checked' ?>>
-                                Grün
-                            </label>
-                        </div>
-                    </div>
+                                    name="wortstamm_<?= $i ?>"
+                                    value="<?= htmlspecialchars(($old['wortstamm_' . $i] ?? '')) ?>"
+                                    required>
+                                    
+                            </td>
+                            <td>
+                            <input class="kategorie"
+                                    id="input_endung"
+                                    type="text"
+                                    name="endung_<?= $i ?>"
+                                    value="<?= htmlspecialchars(($old['endung_' . $i] ?? '')) ?>">
+                            </td>
+                            <td>
+                            <input class="kategorie"
+                                    id="input_suffix"
+                                    type="text"
+                                    name="suffix_<?= $i ?>"
+                                    value="<?= htmlspecialchars(($old['suffix_' . $i] ?? '')) ?>">
+                            </td>
+                        
+                
+                </tr>
                 <?php }; ?>
+            </table>
             <div id="div_speichern">
                 <?php if ($error): ?>
                     <p class=fehlermeldung><?= htmlspecialchars($error) ?></p>
@@ -111,9 +94,9 @@
                 <?php if ($success): ?>
                     <p class=erfolgsmeldung><?= htmlspecialchars('Speichern erfolgreich') ?></p>
                 <?php endif; ?>
-                <!--button class="button-ellipsoid" id="start">
+                <button class="button-ellipsoid" id="start">
                     speichern
-                </button-->
+                </button>
             </div>
         </form>
     </div>