Fix r-number handling and add ability to hide banner

index.html

@@ -67,7 +67,10 @@ <h2>We're working on an app 📱</h2>
       <p>Receive notifications about seat availability. Reserve multiple seats within a day. Use Face ID for booking,
         not KU Leuven Authenticator. Sign up to become an early adopter.</p>
     </div>
-    <button onclick="window.open('https://tally.so/r/3XGBad')">Join the beta</button>
+    <div class="btn-row">
+      <button onclick="window.open('https://tally.so/r/3XGBad')" class="primary">Join the beta</button>
+      <button onclick="doNotShowBannerAgain()" class="secondary">Do not show again</button>
+    </div>
   </div>
   <!--<details id="seatGuide">
       <summary>Seat guide</summary>

script.js

@@ -144,7 +144,10 @@ function renderTable(sortedTimeslots, selectedDate, selectedLibrary) {
     rowHtml += "</tr>";
     table.insertAdjacentHTML("beforeend", rowHtml);
 
-    document.getElementById('banner').style.display = 'flex';
+    // Show the banner if the user has not hidden it yet
+    if (!localStorage.getItem("hideBanner")) {
+      document.getElementById('banner').style.display = 'flex';
+    }
   }
 
   // Show the table after rendering
@@ -306,14 +309,26 @@ document
 
     const selectedDate = new Date(document.getElementById("date").value);
     const rNumberField = document.getElementById("rNumber");
+    document.getElementById("rNumber").value = rNumberField.value.trim().toLowerCase();
     let rNumber = rNumberField.value;
 
     // Check if the r-number starts with 'r' and add it if it doesn't
-    if (!rNumber.startsWith("r")) {
+    if (!rNumber.startsWith("r") && !rNumber.startsWith("u")) {
       rNumber = `r${rNumber}`;
       rNumberField.value = rNumber;
     }
 
+    if (rNumber.match(/[ur]\d{7}/) === null) {
+      alert("Invalid username (r-number/u-number). Make sure you entered it exactly as it is on your KU Leuven card");
+      return;
+    }
+
+    if (rNumber.match(/[u]\d{7}/)) {
+      alert(
+        "Warning: You entered a U-number. We were unable to test the functionality of this tool with U-numbers. Please proceed with caution."
+      );
+    }
+
     // Check if the checkbox is checked
     const rememberRNumber = document.getElementById("rememberRNumber").checked;
 
@@ -345,3 +360,8 @@ document
         fetchButton.disabled = false;
       });
   });
+
+function doNotShowBannerAgain() {
+  document.getElementById("banner").style.display = "none";
+  localStorage.setItem("hideBanner", true);
+}