Index: Prototype Application/Paw5/src/main/resources/templates/create-post.html
===================================================================
--- Prototype Application/Paw5/src/main/resources/templates/create-post.html	(revision 8f1a3629012fe6643a57cff9c48d555b9c8a876f)
+++ Prototype Application/Paw5/src/main/resources/templates/create-post.html	(revision eac569a88d05dfc7d2636393d7333806a10091cb)
@@ -11,4 +11,35 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+    <script>
+        function addNewPet(addNewPetCheckBox){
+
+            if(addNewPetCheckBox.checked){
+
+                document.getElementById("name").disabled = false;
+                document.getElementById("gender").disabled = false;
+                document.getElementById("ageGroup").disabled = false;
+                document.getElementById("size").disabled = false;
+                document.getElementById("species").disabled = false;
+                document.getElementById("breed").disabled = false;
+                document.getElementById("imageUrl").disabled = false;
+                document.getElementById("canBeFostered").disabled = false;
+
+                document.getElementById("petId").disabled = true;
+            } else{
+
+                document.getElementById("name").disabled = true;
+                document.getElementById("gender").disabled = true;
+                document.getElementById("ageGroup").disabled = true;
+                document.getElementById("size").disabled = true;
+                document.getElementById("species").disabled = true;
+                document.getElementById("breed").disabled = true;
+                document.getElementById("imageUrl").disabled = true;
+                document.getElementById("canBeFostered").disabled = true;
+
+                document.getElementById("petId").disabled = false;
+
+            }
+        }
+    </script>
 </head>
 <body>
@@ -42,9 +73,10 @@
 
     <div>
-        <label for="pet">Select pet:</label>
-        <select id="pet">
+        <label for="petId">Select pet:</label>
+        <select id="petId" name="petId">
             <option
             th:each="pet :${pets}"
-            th:text="${pet.getName()}">
+            th:text="${pet.getName()}"
+            th:value="${pet.getId()}">
             </option>
         </select>
@@ -52,6 +84,6 @@
 
     <div>
-        <label for="newpet">Add new pet:</label>
-            <input id="newpet" name="newpet" placeholder="newpet" type="checkbox">
+        <label for="newPetCheckbox">Add new pet:</label>
+            <input id="newPetCheckbox" name="newPetCheckbox" type="checkbox" onclick="addNewPet(this)">
     </div>
 
@@ -62,5 +94,6 @@
                name="name"
                class="form-control"
-               placeholder="Enter name">
+               placeholder="Enter name"
+               disabled>
     </div>
 
@@ -69,5 +102,6 @@
         <select id="gender"
                 name="gender"
-                class="form-control">
+                class="form-control"
+                disabled>
             <option value = "MALE">male</option>
             <option value = "FEMALE">female</option>
@@ -79,5 +113,6 @@
         <select id="ageGroup"
                 name="ageGroup"
-                class="form-control">
+                class="form-control"
+                disabled>
             <option value = "YOUNG">young</option>
             <option value = "ADULT">adult</option>
@@ -90,5 +125,6 @@
         <select id="size"
                 name="size"
-                class="form-control">
+                class="form-control"
+                disabled>
             <option value = "XSMALL">extra small</option>
             <option value = "SMALL">small</option>
@@ -103,5 +139,6 @@
         <select id="species"
                 name="species"
-                class="form-control">
+                class="form-control"
+                disabled>
             <option value = "CAT">cat</option>
             <option value = "DOG">dog</option>
@@ -116,5 +153,6 @@
                name="breed"
                class="form-control"
-               placeholder="Enter breed" >
+               placeholder="Enter breed"
+               disabled>
     </div>
 
@@ -125,5 +163,6 @@
                name="imageUrl"
                class="form-control"
-               placeholder="Enter image URL">
+               placeholder="Enter image URL"
+               disabled>
         <!-- <label for="upload">Image:</label>
         <input id="upload" type="file" accept="image/*">
@@ -137,5 +176,6 @@
                name="canBeFostered"
                class="form-control"
-               value=false>
+               value=false
+               disabled>
     </div>
 
