make no athlete page more user friendly

frontend/www/scripts/suggestedworkout.js

@@ -401,34 +401,38 @@ window.addEventListener("DOMContentLoaded", async () => {
             postCommentButton.addEventListener("click", (async (id) => await createComment(id)).bind(undefined, id));
         }
     } else {
-        await createBlankExercise();
 
+        coachTitle.className = coachTitle.className.replace("hide", "");
 
         if (currentUser.athletes.length > 0) {
             await selectAthletesForSuggest(currentUser);
-        } else {
-            let alert = createAlert("Will no be able to suggest workout due to not having any athltes", undefined);
-            document.body.prepend(alert);
-        }
+            await createBlankExercise();
 
-        setReadOnly(false, "#form-workout");
-        let ownerInput = document.querySelector("#inputOwner");
-        ownerInput.value = currentUser.username;
-        ownerInput.readOnly = !ownerInput.readOnly;
 
-        let dateInput = document.querySelector("#inputDateTime");
-        dateInput.readOnly = !dateInput.readOnly;
+            setReadOnly(false, "#form-workout");
+            let ownerInput = document.querySelector("#inputOwner");
+            ownerInput.value = currentUser.username;
+            ownerInput.readOnly = !ownerInput.readOnly;
 
+            let dateInput = document.querySelector("#inputDateTime");
+            dateInput.readOnly = !dateInput.readOnly;
 
-        coachTitle.className = coachTitle.className.replace("hide", "");
 
-        okWorkoutButton.className = okWorkoutButton.className.replace(" hide", "");
-        cancelWorkoutButton.className = cancelWorkoutButton.className.replace(" hide", "");
-        buttonAddExercise.className = buttonAddExercise.className.replace(" hide", "");
-        buttonRemoveExercise.className = buttonRemoveExercise.className.replace(" hide", "");
+            coachTitle.className = coachTitle.className.replace("hide", "");
 
-        okWorkoutButton.addEventListener("click", (async (currentUser) => await createSuggestWorkout(currentUser)).bind(undefined, currentUser));
-        cancelWorkoutButton.addEventListener("click", handleCancelDuringWorkoutCreate);
+            okWorkoutButton.className = okWorkoutButton.className.replace(" hide", "");
+            cancelWorkoutButton.className = cancelWorkoutButton.className.replace(" hide", "");
+            buttonAddExercise.className = buttonAddExercise.className.replace(" hide", "");
+            buttonRemoveExercise.className = buttonRemoveExercise.className.replace(" hide", "");
+
+            okWorkoutButton.addEventListener("click", (async (currentUser) => await createSuggestWorkout(currentUser)).bind(undefined, currentUser));
+            cancelWorkoutButton.addEventListener("click", handleCancelDuringWorkoutCreate);
+        } else {
+            let description = document.querySelector("#description-no-athletes");
+
+            description.className = description.className.replace("hide", "");
+
+        }
     }
 
 });
\ No newline at end of file

frontend/www/suggestworkout.html

@@ -31,6 +31,11 @@
           </h3>
         </div>
       </div>
+      <div class="row">
+        <div class="col-lg">
+          <p class="mt-4 hide" id="description-no-athletes" >You can not suggest any workout since you have no registered athletes</p>
+        </div>
+      </div>
       <form class="row g-3 mb-4" id="form-workout">
         <div class="col-lg-6">
           <label for="inputName" class="form-label">Name</label>