From 54678bc329d0abe8aeeaa23573fa43d7d6a46da5 Mon Sep 17 00:00:00 2001
From: Yasen Pramatarov <yasen@lindeas.com>
Date: Thu, 25 Jul 2024 12:24:07 +0300
Subject: [PATCH] Cleaning up HTML

---
 public_html/pages/front.php | 56 ++++++++++++++++++++++---------------
 1 file changed, 34 insertions(+), 22 deletions(-)

diff --git a/public_html/pages/front.php b/public_html/pages/front.php
index 50ba42a..e02196c 100644
--- a/public_html/pages/front.php
+++ b/public_html/pages/front.php
@@ -80,39 +80,45 @@ echo "</div>\n\n";
 echo "</div>\n\n";
 
 // results table
-echo "<div class=\"results\">\n";
+echo "<div class=\"mb-5\">\n";
 
 if (!empty($conferences['records'])) {
 
-    echo "\t<table>\n";
-    echo "\t\t<tr>\n";
+    echo "\t<table class=\"table table-striped table-hover table-bordered\">\n";
+
+    echo "\t\t<thead class=\"thead-dark\">\n";
+    echo "\t\t\t<tr>\n";
 
     // table headers
     foreach (array_keys($conferences['records'][0]) as $header) {
-        echo "\t\t\t<th>" . htmlspecialchars($header) . "</th>\n";
+        echo "\t\t\t\t<th scope=\"col\">" . htmlspecialchars($header) . "</th>\n";
     }
-    echo "\t\t</tr>\n";
+    echo "\t\t\t</tr>\n";
+    echo "\t\t</thead>\n";
+
+    echo "\t\t<tbody>\n";
 
     //table rows
     foreach ($conferences['records'] as $row) {
-        echo "\t\t<tr>\n";
+        echo "\t\t\t<tr>\n";
         // sometimes $column is empty, we make it '' then
         foreach ($row as $key => $column) {
             if ($key === 'conference ID' && $column === $conference_id) {
-                echo "\t\t\t<td><strong>" . htmlspecialchars($column ?? '') . "</strong></td>\n";
+                echo "\t\t\t\t<td><strong>" . htmlspecialchars($column ?? '') . "</strong></td>\n";
             } elseif ($key === 'conference name') {
-                echo "\t\t\t<td><a href=\"$app_root?page=conferences&name=" . htmlspecialchars($column ?? '') . "\">" . htmlspecialchars($column ?? '') . "</a></td>\n";
+                echo "\t\t\t\t<td><a href=\"$app_root?page=conferences&name=" . htmlspecialchars($column ?? '') . "\">" . htmlspecialchars($column ?? '') . "</a></td>\n";
             } else {
-                echo "\t\t\t<td>" . htmlspecialchars($column ?? '') . "</td>\n";
+                echo "\t\t\t\t<td>" . htmlspecialchars($column ?? '') . "</td>\n";
             }
         }
-        echo "\t\t</tr>\n";
+        echo "\t\t\t</tr>\n";
     }
 
+    echo "\t\t</tbody>\n";
     echo "\t</table>\n";
 
 } else {
-    echo '<p>No matching conferences found.</p>';
+    echo '<p class="m-3">No matching conferences found.</p>';
 }
 echo "\n</div>\n";
 
@@ -191,39 +197,45 @@ echo "</div>\n\n";
 echo "</div>\n\n";
 
 // results table
-echo "<div class=\"results\">\n";
+echo "<div class=\"mb-5\">\n";
 
 if (!empty($conferences['records'])) {
 
-    echo "\t<table>\n";
-    echo "\t\t<tr>\n";
+    echo "\t<table class=\"table table-striped table-hover table-bordered\">\n";
+
+    echo "\t\t<thead class=\"thead-dark\">\n";
+    echo "\t\t\t<tr>\n";
 
     // table headers
     foreach (array_keys($conferences['records'][0]) as $header) {
-        echo "\t\t\t<th>" . htmlspecialchars($header) . "</th>\n";
+        echo "\t\t\t\t<th scope=\"col\">" . htmlspecialchars($header) . "</th>\n";
     }
-    echo "\t\t</tr>\n";
+    echo "\t\t\t</tr>\n";
+    echo "\t\t</thead>\n";
+
+    echo "\t\t<tbody>\n";
 
     //table rows
     foreach ($conferences['records'] as $row) {
-        echo "\t\t<tr>\n";
+        echo "\t\t\t<tr>\n";
         // sometimes $column is empty, we make it '' then
         foreach ($row as $key => $column) {
             if ($key === 'conference ID') {
-                echo "\t\t\t<td><a href=\"$app_root?page=conferences&id=" . htmlspecialchars($column ?? '') . "\">" . htmlspecialchars($column ?? '') . "</a></td>\n";
+                echo "\t\t\t\t<td><a href=\"$app_root?page=conferences&id=" . htmlspecialchars($column ?? '') . "\">" . htmlspecialchars($column ?? '') . "</a></td>\n";
             } elseif ($key === 'conference name') {
-                echo "\t\t\t<td><a href=\"$app_root?page=conferences&name=" . htmlspecialchars($column ?? '') . "\">" . htmlspecialchars($column ?? '') . "</a></td>\n";
+                echo "\t\t\t\t<td><a href=\"$app_root?page=conferences&name=" . htmlspecialchars($column ?? '') . "\">" . htmlspecialchars($column ?? '') . "</a></td>\n";
             } else {
-                echo "\t\t\t<td>" . htmlspecialchars($column ?? '') . "</td>\n";
+                echo "\t\t\t\t<td>" . htmlspecialchars($column ?? '') . "</td>\n";
             }
         }
-        echo "\t\t</tr>\n";
+        echo "\t\t\t</tr>\n";
     }
 
+    echo "\t\t</tbody>\n";
     echo "\t</table>\n";
 
 } else {
-    echo '<p>No matching conferences found.</p>';
+    echo '<p class="m-3">No matching conferences found.</p>';
 }
 echo "\n</div>\n";