From d38b0def6813b32e2cea7ce17fc20d5f3265c998 Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Thu, 24 Apr 2025 05:06:34 +0200
Subject: [PATCH] input

---
 index.php |  8 +++++++-
 style.css | 14 ++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/index.php b/index.php
index 4d1ffbd..4f01ccc 100644
--- a/index.php
+++ b/index.php
@@ -49,7 +49,13 @@ $grille = new Grille($hauteur, $largeur);
             <tr>
                 <th><?= $l ?></th>
                 <?php for ($c = 0; $c < $largeur; $c++): ?>
-                <td class="case <?= $grille->grille[$l][$c]==" "?"noire": "blanche" ?>"><?= $grille->grille[$l][$c] ?></td>
+                <td class="case <?= $grille->grille[$l][$c]==" "?"noire": "blanche" ?>">
+                    <?php if ($grille->grille[$l][$c] == " "): ?>
+                        <input type="text" maxlength="1" size="1" name="<?= $l . $c ?>" disabled/>
+                    <?php else: ?>
+                        <input type="text" maxlength="1" size="1" name="<?= $l . $c ?>" />
+                    <?php endif; ?>
+                </td>
                 <?php endfor; ?>
             </tr>
             <?php endfor; ?>
diff --git a/style.css b/style.css
index a1ae3cc..1aa47b2 100644
--- a/style.css
+++ b/style.css
@@ -15,12 +15,26 @@ th, td {
 
 td {
     border: 1px solid black;
+    padding: 2px;
 }
 
 .case.noire {
     background-color: black;
 }
 
+input {
+    width: 100%;
+    height: 100%;
+    border: none;
+    padding: 0;
+    text-align: center;
+    font-size: 1em;
+}
+
+input[disabled] {
+    background-color: black;
+}
+
 .definitions {
     display: flex;
     justify-content: space-evenly;