From c100480c8ae4931a3f37ec55633b3552e5e42661 Mon Sep 17 00:00:00 2001
From: Bryun Sakaye <bsakaye@citruscollege.edu>
Date: Thu, 30 Nov 2023 15:46:30 -0800
Subject: [PATCH 1/3] add clear button to form

---
 .gitignore                                     |  1 +
 app/Livewire/CreateCode.php                    |  5 +++++
 resources/views/livewire/create-code.blade.php | 16 ++++++++++++----
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/.gitignore b/.gitignore
index 7fe978f..1891c29 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,3 +17,4 @@ yarn-error.log
 /.fleet
 /.idea
 /.vscode
+.DS_Store
diff --git a/app/Livewire/CreateCode.php b/app/Livewire/CreateCode.php
index c062bb5..b106974 100644
--- a/app/Livewire/CreateCode.php
+++ b/app/Livewire/CreateCode.php
@@ -52,4 +52,9 @@ public function render()
     {
         return view('livewire.create-code');
     }
+
+    public function clearMessage()
+    {
+        $this->reset('message');
+    }
 }
diff --git a/resources/views/livewire/create-code.blade.php b/resources/views/livewire/create-code.blade.php
index 7892adf..0395102 100644
--- a/resources/views/livewire/create-code.blade.php
+++ b/resources/views/livewire/create-code.blade.php
@@ -1,16 +1,24 @@
 <div class="my-8 flex flex-col items-center gap-10 flex-1">
     <form class="print:hidden w-full">
-        <textarea wire:model.live="message" cols="30" rows="10"
+        <textarea wire:model.live.debounce.400ms="message" cols="30" rows="10"
                   class="bg-white/10 text-white py-2 px-3 rounded-xl w-full"></textarea>
 
-        <div class="mt-2 flex justify-end">
-            <button type="button" @disabled(! $message) @click="window.print()" class="bg-blue-500 px-4 py-1 text-sm font-semibold rounded-md disabled:bg-gray-300">Print</button>
+        <div class="mt-2 flex space-x-2 justify-end">
+            <button type="button"
+                    wire:click="clearMessage"
+                    class="bg-blue-500 px-4 py-1 text-sm font-semibold rounded-md disabled:bg-gray-300"
+            >Clear
+            </button>
+
+            <button type="button" @disabled(! $message) @click="window.print()"
+                    class="bg-blue-500 px-4 py-1 text-sm font-semibold rounded-md disabled:bg-gray-300">Print
+            </button>
         </div>
     </form>
 
     <x-code :message="$message" :letters="$this->letters"/>
 
     @if ($message)
-        <x-legend :letters="$this->letters" />
+        <x-legend :letters="$this->letters"/>
     @endif
 </div>

From 752757ddc099f273017003fa4b5885c5196f9b3d Mon Sep 17 00:00:00 2001
From: Bryun Sakaye <bsakaye@citruscollege.edu>
Date: Thu, 30 Nov 2023 15:51:06 -0800
Subject: [PATCH 2/3] change clear button to red

---
 resources/views/livewire/create-code.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/livewire/create-code.blade.php b/resources/views/livewire/create-code.blade.php
index 0395102..e27347d 100644
--- a/resources/views/livewire/create-code.blade.php
+++ b/resources/views/livewire/create-code.blade.php
@@ -6,8 +6,8 @@ class="bg-white/10 text-white py-2 px-3 rounded-xl w-full"></textarea>
         <div class="mt-2 flex space-x-2 justify-end">
             <button type="button"
                     wire:click="clearMessage"
-                    class="bg-blue-500 px-4 py-1 text-sm font-semibold rounded-md disabled:bg-gray-300"
-            >Clear
+                    class="bg-red-400 px-4 py-1 text-sm font-semibold rounded-md disabled:bg-gray-300"
+            >Clear Form
             </button>
 
             <button type="button" @disabled(! $message) @click="window.print()"

From ebde50af3a901826aa94882d20e23d8dbe8510d2 Mon Sep 17 00:00:00 2001
From: Bryun Sakaye <bsakaye@citruscollege.edu>
Date: Thu, 30 Nov 2023 15:52:08 -0800
Subject: [PATCH 3/3] remove debounce

---
 resources/views/livewire/create-code.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/livewire/create-code.blade.php b/resources/views/livewire/create-code.blade.php
index e27347d..cf15c2c 100644
--- a/resources/views/livewire/create-code.blade.php
+++ b/resources/views/livewire/create-code.blade.php
@@ -1,6 +1,6 @@
 <div class="my-8 flex flex-col items-center gap-10 flex-1">
     <form class="print:hidden w-full">
-        <textarea wire:model.live.debounce.400ms="message" cols="30" rows="10"
+        <textarea wire:model.live="message" cols="30" rows="10"
                   class="bg-white/10 text-white py-2 px-3 rounded-xl w-full"></textarea>
 
         <div class="mt-2 flex space-x-2 justify-end">