feat(contract): add javascript validation

app/src/app/Views/Admin/Contract/Create.php

@@ -1,71 +1,65 @@
 <div class="mb-4 flex justify-end">
-    <a href="/contracts"
+    <a href="/admin/contracts"
         class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg shadow focus:outline-none focus:ring focus:ring-green-500 flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
         </svg>
-        <span>Return to Contract</span>
+        <span>Return to Contracts</span>
     </a>
 </div>
 
 <div class="bg-white p-8 border border-gray-300 rounded-lg shadow-md">
     <h2 class="text-2xl font-semibold text-gray-800 mb-6">Create Contract</h2>
-    <form action="/contract/store" method="POST" class="space-y-6">
-        <!-- Name -->
+
+    <form id="contractForm" action="/admin/contract/store" method="POST" class="space-y-6">
+        <div id="errorMessages"
+            class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-6"></div>
+
         <div>
             <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Name</label>
             <input type="text" id="name" name="name"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
-        <!-- Start Date -->
         <div>
             <label for="start_date" class="block text-sm font-medium text-gray-700 mb-1">Start Date</label>
             <input type="date" id="start_date" name="start_date"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
-        <!-- End Date -->
         <div>
             <label for="end_date" class="block text-sm font-medium text-gray-700 mb-1">End Date</label>
             <input type="date" id="end_date" name="end_date"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
-        <!-- Invoice Proposed -->
         <div>
             <label for="invoice_proposed" class="block text-sm font-medium text-gray-700 mb-1">Invoice Proposed</label>
-            <input type="number" step="0.01" id="invoice_proposed" name="invoice_proposed"
+            <input type="number" step="0.01" id="invoice_proposed" name="invoice_proposed" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
-        <!-- Invoice Agreed -->
         <div>
-            <label for="invoice_agreed" class="block text-sm font-medium text-gray-700 mb-1">Invoice agreed</label>
-            <input type="number" id="invoice_agreed" name="invoice_agreed"
+            <label for="invoice_agreed" class="block text-sm font-medium text-gray-700 mb-1">Invoice Agreed</label>
+            <input type="number" id="invoice_agreed" name="invoice_agreed" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
-        <!-- Invoice Paid -->
         <div>
-            <label for="invoice_paid" class="block text-sm font-medium text-gray-700 mb-1">Invoice paid</label>
-            <input type="number" id="invoice_paid" name="invoice_paid"
+            <label for="invoice_paid" class="block text-sm font-medium text-gray-700 mb-1">Invoice Paid</label>
+            <input type="number" id="invoice_paid" name="invoice_paid" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
-        <!-- Submit Button -->
-        <div class="flex items-center">
-            <button type="submit"
-                class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
-                Create Contract
-            </button>
-        </div>
+        <button type="submit"
+            class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
+            Create Contract
+        </button>
     </form>
-</div>
+</div>

app/src/app/Views/Admin/Contract/Edit.php

@@ -1,7 +1,6 @@
 <div class="mb-4 flex justify-end">
-    <a href="/contracts"
+    <a href="/admin/contracts"
         class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg shadow focus:outline-none focus:ring focus:ring-green-500 flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
         </svg>
@@ -11,60 +10,56 @@
 
 <div class="bg-white p-8 border border-gray-300 rounded-lg shadow-md">
     <h2 class="text-2xl font-semibold text-gray-800 mb-6">Edit Contract</h2>
-    <form action="/contract/<?php echo htmlspecialchars($contract->getId()); ?>/update" method="POST" class="space-y-6">
-        <!-- Name -->
+
+    <form id="contractForm" action="/admin/contract/<?php echo htmlspecialchars($contract->getId()); ?>/update"
+        method="POST" class="space-y-6">
+        <div id="errorMessages"
+            class="hidden bg-red-100 border border-red-400 text-red700 px-4 py-3 rounded relative mb-6"></div>
+
         <div>
             <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Name</label>
             <input type="text" id="name" name="name" value="<?php echo htmlspecialchars($contract->name); ?>"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
-        <!-- Start Date -->
         <div>
             <label for="start_date" class="block text-sm font-medium text-gray-700 mb-1">Start Date</label>
             <input type="date" id="start_date" name="start_date"
                 value="<?php echo htmlspecialchars($contract->start_date); ?>"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
-        <!-- End Date -->
         <div>
             <label for="end_date" class="block text-sm font-medium text-gray-700 mb-1">End Date</label>
             <input type="date" id="end_date" name="end_date"
                 value="<?php echo htmlspecialchars($contract->end_date); ?>"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
-        <!-- Invoice Proposed -->
         <div>
             <label for="invoice_proposed" class="block text-sm font-medium text-gray-700 mb-1">Invoice Proposed</label>
             <input type="number" step="0.01" id="invoice_proposed" name="invoice_proposed"
-                value="<?php echo htmlspecialchars($contract->invoice_proposed); ?>"
+                value="<?php echo htmlspecialchars($contract->invoice_proposed); ?>" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
-        <!-- Invoice Agreed -->
         <div>
             <label for="invoice_agreed" class="block text-sm font-medium text-gray-700 mb-1">Invoice Agreed</label>
             <input type="number" step="0.01" id="invoice_agreed" name="invoice_agreed"
-                value="<?php echo htmlspecialchars($contract->invoice_agreed); ?>"
+                value="<?php echo htmlspecialchars($contract->invoice_agreed); ?>" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
-        <!-- Invoice Paid -->
         <div>
             <label for="invoice_paid" class="block text-sm font-medium text-gray-700 mb-1">Invoice Paid</label>
             <input type="number" step="0.01" id="invoice_paid" name="invoice_paid"
-                value="<?php echo htmlspecialchars($contract->invoice_paid); ?>"
+                value="<?php echo htmlspecialchars($contract->invoice_paid); ?>" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
-        <!-- Submit Button -->
-        <div class="flex items-center">
-            <button type="submit"
-                class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
-                Update Contract
-            </button>
-        </div>
+        <button type="submit"
+            class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
+            Update Contract
+        </button>
     </form>
-</div>
+</div>

app/src/app/Views/Admin/Contracts.php

@@ -12,7 +12,7 @@
 <?php } ?>
 
 <div class="mb-4 flex justify-end">
-    <a href="/contract/create"
+    <a href="/admin/contract/create"
         class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg shadow focus:outline-none focus:ring focus:ring-green-500">
         Create Contract
     </a>
@@ -63,7 +63,7 @@
                     </td>
                     <td class="px-4 py-3 border-b text-center flex justify-center space-x-4">
                         <!-- Edit Button (Pencil Icon) -->
-                        <a href="/contract/<?php echo htmlspecialchars($contract->getId()); ?>/edit"
+                        <a href="/admin/contract/<?php echo htmlspecialchars($contract->getId()); ?>/edit"
                             class="text-blue-500 hover:text-blue-700" title="Edit">
                             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                 stroke="currentColor" class="w-5 h-5">
@@ -72,7 +72,7 @@
                             </svg>
                         </a>
                         <!-- Delete Button (Trash Icon) -->
-                        <a href="/contract/<?php echo htmlspecialchars($contract->getId()); ?>/delete"
+                        <a href="/admin/contract/<?php echo htmlspecialchars($contract->getId()); ?>/delete"
                             onclick="return confirm('Are you sure you want to delete this contract?');"
                             class="text-red-500 hover:text-red-700" title="Delete">
                             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"

app/src/app/Views/Admin/TreeType/Create.php

@@ -12,7 +12,7 @@
 <div class="bg-white p-8 border border-gray-300 rounded-lg shadow-md">
     <h2 class="text-2xl font-semibold text-gray-800 mb-6">Create Tree Type</h2>
 
-    <form id="treeForm" action="/admin/tree-type/store" method="POST" class="space-y-6">
+    <form id="treeTypeForm" action="/admin/tree-type/store" method="POST" class="space-y-6">
         <div id="errorMessages"
             class="hidden bg-red-100 border border-red-400 text-red700 px-4 py-3 rounded relative mb-6"></div>
 
@@ -41,11 +41,9 @@
         </div>
 
         <!-- Submit Button -->
-        <div class="flex items-center">
-            <button type="submit"
-                class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
-                Create Tree Type
-            </button>
-        </div>
+        <button type="submit"
+            class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
+            Create Tree Type
+        </button>
     </form>
-</div>
+</div>

app/src/app/Views/Admin/TreeType/Edit.php

@@ -11,7 +11,8 @@
 
 <div class="bg-white p-8 border border-gray-300 rounded-lg shadow-md">
     <h2 class="text-2xl font-semibold text-gray-800 mb-6">Edit Tree Type</h2>
-    <form id="treeForm" action="/admin/tree-type/<?php echo htmlspecialchars($tree_type->getId()); ?>/update"
+
+    <form id="treeTypeForm" action="/admin/tree-type/<?php echo htmlspecialchars($tree_type->getId()); ?>/update"
         method="POST" class="space-y-6">
         <div id="errorMessages"
             class="hidden bg-red-100 border border-red-400 text-red700 px-4 py-3 rounded relative mb-6"></div>
@@ -39,11 +40,9 @@
 
 
         <!-- Submit Button -->
-        <div class="flex items-center">
-            <button type="submit"
-                class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
-                Update Tree Type
-            </button>
-        </div>
+        <button type="submit"
+            class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
+            Update Tree Type
+        </button>
     </form>
-</div>
+</div>