diff --git a/src/home/gym/index.php b/src/home/gym/index.php
index 9f20c0a8b3714479e8b0fa53f5665da2fe591108..f19bad3c47ce7e832b40c66eb6d2b468dc0afdf1 100644
--- a/src/home/gym/index.php
+++ b/src/home/gym/index.php
@@ -88,12 +88,10 @@ $gym = GymService::getInstance()->getById($gym_id);
</div>
<div class="space"></div>
- <div class="space"></div>
- <div class="gym-attribute">List of trainers in this gym:</div>
+ <div class="gym-attribute">Trainer List</div>
<div class="gym-card-container" id="gym-trainer-list">
- <div class="space"></div>
+ <div class="space"></div>
Loading...
- <div class="space"></div>
</div>
<div class="space"></div>
@@ -204,6 +202,15 @@ $gym = GymService::getInstance()->getById($gym_id);
<script src="/public/javascript/popup.js"></script>
<script src="/public/javascript/gym/rating.js"></script>
<script src="/public/javascript/validator.js"></script>
+ <script src="/public/javascript/gym/format_card.js"></script>
+ <script src="/public/javascript/gym/trainer_card.js"></script>
+ <script src="/public/javascript/gym/application.js"></script>
+ <script src="/public/javascript/gym/trainer.js"></script>
+
+ <script>
+ getGymTrainers();
+ </script>
+
<script>
getRatings(<?= $gym_id ?>, <?= "\"" . $username . "\"" ?>);
</script>
diff --git a/src/home/gym/trainer/index.php b/src/home/gym/trainer/index.php
new file mode 100644
index 0000000000000000000000000000000000000000..b93db2a3f7ebb53beb7d9087db04d28424054778
--- /dev/null
+++ b/src/home/gym/trainer/index.php
@@ -0,0 +1,50 @@
+<?php
+
+require_once __DIR__ . '/../../../components/NavbarAdmin.php';
+require_once __DIR__ . '/../../../middleware/AuthMiddleware.php';
+
+AuthMiddleware::getInstance()->secureRoute();
+
+?>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="/public/css/style.css">
+ <link rel="stylesheet" href="/public/css/application.css">
+ <title>Gym Finder App</title>
+</head>
+
+<body>
+ <div class="app">
+ <script>
+ const apikey = <?php echo json_encode($_ENV['API_KEY']) ?>;
+ const urlParams = new URLSearchParams(window.location.search);
+ const gymId = urlParams.get("gym_id");
+ const username = urlParams.get("trainer_username");
+ </script>
+ <?php
+ echo NavbarAdmin();
+ ?>
+ <div class="space"></div>
+ <div class="application-container" id="application-trainer-1">
+ </div>
+ <div class="space"></div>
+
+ <div class="space"></div>
+ <div class="application-container" id="application-trainer-2">
+ </div>
+ <div class="space"></div>
+ </div>
+ <script src="/public/javascript/gym/format_card.js"></script>
+ <script src="/public/javascript/gym/trainer_card.js"></script>
+ <script src="/public/javascript/gym/trainer.js"></script>
+ <script>
+ showTrainerInformation(trainerData[0]); // Temporary example
+ showTrainerSkill(trainerData[0]);
+ </script>
+</body>
+
+</html>
\ No newline at end of file