From eea36f945f46f445867416f84b3481f867e4987c Mon Sep 17 00:00:00 2001
From: Hidayatullah Wildan Ghaly Buchary <16521502@std.stei.itb.ac.id>
Date: Sat, 7 Oct 2023 19:24:43 +0700
Subject: [PATCH] feat: add challenge dummy page

---
 app/views/challenge/index.php | 87 +++++++++++++++++++++++++++++++++++
 app/views/dashboard/index.php |  2 +-
 2 files changed, 88 insertions(+), 1 deletion(-)
 create mode 100644 app/views/challenge/index.php

diff --git a/app/views/challenge/index.php b/app/views/challenge/index.php
new file mode 100644
index 0000000..c4e755c
--- /dev/null
+++ b/app/views/challenge/index.php
@@ -0,0 +1,87 @@
+<?php
+session_start();
+if (!isset($_SESSION['username'])) {
+    header('Location: ../login');
+    return;
+}
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Challenge</title>
+    <link rel="stylesheet" href="../../../public/css/achievement.css">
+    <link rel="stylesheet" href="../../../public/css/challenge.css">
+    <script src="../../../public/js/challenge.js"></script>
+</head>
+<body>
+    <?php include "../dashboard/index.php" ?>
+    <div class="achievement-container">
+        <div id="overlay" class="overlay"></div>
+        <h1 id="challenge-title"><b>CHALLENGE</b></h1>
+        <progress value="0" max="100" style="display: none;"></progress>
+        <div class="status" id="status"></div>
+        <br><br>
+        <div class="search-container">
+            <div class="full-search-container">
+                <input type="text" class="searchInput" id="searchInput" placeholder="Search...">
+                <select class="search-attribute" id="search-attribute" aria-labelledby="challenge-title">
+                    <option value="id">ID</option>
+                    <option value="name">Name</option>
+                    <option value="description">Description</option>
+                </select>
+            </div>
+            <div class="filter-sort-container">
+                <div class="sort-container">
+                    <h2 id="challenge-sort">Sort:   </h2>
+                    <select class="sort-by" id="sort-by" aria-labelledby="challenge-sort">
+                        <option value="default">Sort</option>
+                        <option value="id">ID</option>
+                        <option value="name">Name</option>
+                        <option value="description">Description</option>
+                        <option value="threshold">Threshold</option>
+                    </select>
+                    <select class="sort-type" id="sort-type" aria-labelledby="challenge-sort">
+                        <option value="default">Sort-Type</option>
+                        <option value="asc">Ascending</option>
+                        <option value="desc">Descending</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        <br><br>
+        <div class="filter-box">
+            <select class="page-limit" id="page-limit" aria-labelledby="challenge-title">
+                <option value=5>5</option>
+                <option value=10>10</option>
+                <option value=15>15</option>
+                <option value=20>20</option>
+            </select>
+        </div>
+        <table class="achievement-table">
+            <thead>
+                <tr>
+                    <th>ID</th>
+                    <th>Name</th>
+                    <th>Description</th>
+                    <th>Threshold</th>
+                    <th>Status</th>
+                    <th>Claim</th>
+                </tr>
+            </thead>
+            <tbody class="achievement-list" id="achievement-list">
+                <!-- Data achievement di sini -->
+            </tbody>
+        </table>
+        
+        <div class="pagination">
+            <div id="pagination-buttons">
+                <!-- Tombol pagination akan dimuat di sini menggunakan AJAX -->
+            </div>
+        </div>
+        
+    </div>
+</body>
+</html>
diff --git a/app/views/dashboard/index.php b/app/views/dashboard/index.php
index 6f2af71..feef9e6 100644
--- a/app/views/dashboard/index.php
+++ b/app/views/dashboard/index.php
@@ -11,7 +11,7 @@
     <div class="sidebar">
         <h2>Darmodar</h2>
         <ul>
-            <li><a href="#">Challenges</a></li>
+            <li><a href="../challenge/">Challenges</a></li>
             <li><a href="../Hall-of-Fame?page=1">Hall of Fame</a></li>
             <li><a href="../collection">Collection</a></li>
             <li><a href="../achievement">Achievement</a></li>
-- 
GitLab