From ef902284397f50707335acb50fd5dd55365165b3 Mon Sep 17 00:00:00 2001
From: Patryk Hegenberg <hegenberg@tixeltec.com>
Date: Tue, 20 Dec 2022 08:29:19 +0100
Subject: [PATCH] Part on Form validation finished

---
 controllers/note-create.php | 20 +++++++++++++++++---
 views/note-create.view.php  | 17 +++++++++++++++--
 2 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/controllers/note-create.php b/controllers/note-create.php
index 5fd31da..7691083 100644
--- a/controllers/note-create.php
+++ b/controllers/note-create.php
@@ -5,7 +5,21 @@ $password = 'password';
 $config = require('config.php');
 $db = new Database($config['database'], $username, $password);
 
-if($_SERVER['REQUEST_METHOD'] === 'POST'){
-    $db->query("INSERT INTO notes (body, user_id) VALUES (:body, :user_id)", ['body' => $_POST['body'], 'user_id' => 1]);
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $errors = [];
+
+    if (strlen($_POST['body'] === 0)) {
+        $errors['body'] = 'A body is required.';
+    }
+    if (strlen($_POST['body'] > 1000)) {
+        $errors['body'] = 'The body cann not be more than 1000 characters.';
+    }
+    if (empty($errors)) {
+
+        $db->query("INSERT INTO notes (body, user_id) VALUES (:body, :user_id)", [
+            'body' => $_POST['body'],
+            'user_id' => 1
+        ]);
+    }
 }
-require 'views/note-create.view.php';
\ No newline at end of file
+require 'views/note-create.view.php';
diff --git a/views/note-create.view.php b/views/note-create.view.php
index 075abf7..8ed397f 100644
--- a/views/note-create.view.php
+++ b/views/note-create.view.php
@@ -13,12 +13,25 @@
                 <div>
                   <label for="body" class="block text-sm font-medium text-gray-700">Body</label>
                   <div class="mt-1">
-                    <textarea id="body" name="body" rows="3" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"></textarea>
+                    <textarea 
+                    id="body" 
+                    name="body" 
+                    rows="3" 
+                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+                    placeholder="Here is an idea for a note."
+                    //required
+                    ><?= $_POST['body'] ?? '' ?>
+                  </textarea>
+                  <?php if (isset($errors['body'])) : ?>
+                    <p class="text-red-500 text-xs mt-2"><?= $erros['body'] ?></p>
+                    <?php endif; ?>
                   </div>
                 </div>
               </div>
               <div class="bg-gray-50 px-4 py-3 text-right sm:px-6">
-                <button type="submit" class="inline-flex justify-center rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Save</button>
+                <button 
+                type="submit" 
+                class="inline-flex justify-center rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Save</button>
               </div>
             </div>
           </form>