pages redirection are not working make it working give mock datas and create admin login and password for it to see admin page

admin.html

@@ -69,31 +69,64 @@
                             </tr>
                         </thead>
                         <tbody class="bg-white divide-y divide-gray-200">
-                            {% for result in all_results %}
                             <tr>
                                 <td class="px-6 py-4 whitespace-nowrap">
-                                    <div class="text-sm font-medium text-gray-900">{{ result.username }}</div>
+                                    <div class="text-sm font-medium text-gray-900">admin</div>
                                 </td>
                                 <td class="px-6 py-4">
-                                    <div class="text-sm text-gray-900 max-w-xs truncate">{{ result.text }}</div>
+                                    <div class="text-sm text-gray-900 max-w-xs truncate">This is a test message</div>
                                 </td>
                                 <td class="px-6 py-4 whitespace-nowrap">
-                                    <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full 
-                                        {% if result.category == 'Offensive' %}bg-red-100 text-red-800
-                                        {% elif result.category == 'Hate' %}bg-red-100 text-red-800
-                                        {% else %}bg-green-100 text-green-800{% endif %}">
-                                        {{ result.category }}
+                                    <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
+                                        Normal
                                     </span>
                                 </td>
                                 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                    {{ result.confidence }}%
+                                    98%
                                 </td>
                                 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                    {{ result.timestamp }}
+                                    2023-06-15 14:30:22
                                 </td>
                             </tr>
-                            {% endfor %}
-                        </tbody>
+                            <tr>
+                                <td class="px-6 py-4 whitespace-nowrap">
+                                    <div class="text-sm font-medium text-gray-900">user123</div>
+                                </td>
+                                <td class="px-6 py-4">
+                                    <div class="text-sm text-gray-900 max-w-xs truncate">I hate this stupid website!</div>
+                                </td>
+                                <td class="px-6 py-4 whitespace-nowrap">
+                                    <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
+                                        Offensive
+                                    </span>
+                                </td>
+                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                                    87%
+                                </td>
+                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                                    2023-06-14 09:15:45
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="px-6 py-4 whitespace-nowrap">
+                                    <div class="text-sm font-medium text-gray-900">user456</div>
+                                </td>
+                                <td class="px-6 py-4">
+                                    <div class="text-sm text-gray-900 max-w-xs truncate">People like you shouldn't be allowed here</div>
+                                </td>
+                                <td class="px-6 py-4 whitespace-nowrap">
+                                    <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
+                                        Hate
+                                    </span>
+                                </td>
+                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                                    92%
+                                </td>
+                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                                    2023-06-13 16:22:10
+                                </td>
+                            </tr>
+</tbody>
                     </table>
                 </div>
             </div>
@@ -105,11 +138,15 @@
                 <div class="space-y-4">
                     <div>
                         <p class="text-sm text-gray-500">Total Users</p>
-                        <p class="text-2xl font-bold text-blue-600">{{ stats.total_users }}</p>
+                        <p class="text-2xl font-bold text-blue-600">
+                            127
+</p>
                     </div>
                     <div>
                         <p class="text-sm text-gray-500">Total Analyses</p>
-                        <p class="text-2xl font-bold text-blue-600">{{ stats.total_analyses }}</p>
+                        <p class="text-2xl font-bold text-blue-600">
+                            642
+</p>
                     </div>
                 </div>
             </div>
@@ -120,14 +157,17 @@
             <div class="bg-white rounded-lg shadow-md p-6">
                 <h3 class="text-lg font-semibold mb-4">Recent Flagged Content</h3>
                 <div class="space-y-3">
-                    {% for flagged in recent_flagged %}
-                    <div class="border-l-4 border-red-500 pl-3">
-                        <p class="text-sm font-medium">{{ flagged.username }}</p>
-                        <p class="text-sm text-gray-600 truncate">{{ flagged.text }}</p>
-                        <p class="text-xs text-gray-500">{{ flagged.timestamp }}</p>
-                    </div>
-                    {% endfor %}
-                </div>
+                            <div class="border-l-4 border-red-500 pl-3">
+                                <p class="text-sm font-medium">user789</p>
+                                <p class="text-sm text-gray-600 truncate">You're so stupid I can't believe it!</p>
+                                <p class="text-xs text-gray-500">2023-06-15 10:45:33</p>
+                            </div>
+                            <div class="border-l-4 border-red-500 pl-3">
+                                <p class="text-sm font-medium">user101</p>
+                                <p class="text-sm text-gray-600 truncate">Go back to your country!</p>
+                                <p class="text-xs text-gray-500">2023-06-14 17:22:18</p>
+                            </div>
+</div>
             </div>
         </div>
     </div>
@@ -169,10 +209,10 @@
                     labels: ['Normal', 'Offensive', 'Hate'],
                     datasets: [{
                         data: [
-                            {{ stats.normal_count }}, 
-                            {{ stats.offensive_count }}, 
-                            {{ stats.hate_count }}
-                        ],
+                            512, 
+                            87, 
+                            43
+],
                         backgroundColor: [
                             '#10B981',
                             '#EF4444',

dashboard.html

@@ -34,10 +34,10 @@
 
     <div class="max-w-6xl mx-auto px-4 py-8">
         <div class="mb-8 flex justify-between items-center">
-            <h1 class="text-2xl font-bold text-gray-800">Welcome back, {{ username }}!</h1>
-            <div class="flex items-center space-x-2">
-                <span class="text-sm text-gray-600">Last login: {{ last_login }}</span>
-            </div>
+            <h1 class="text-2xl font-bold text-gray-800">Welcome back, admin!</h1>
+<div class="flex items-center space-x-2">
+                <span class="text-sm text-gray-600">Last login: Just now</span>
+</div>
         </div>
 
         <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
@@ -96,23 +96,28 @@
                 <div class="bg-white rounded-lg shadow-md p-6">
                     <h2 class="text-xl font-semibold mb-4">Analysis History</h2>
                     <div class="space-y-4">
-                        {% if history %}
-                            {% for item in history %}
-                            <div class="border-b border-gray-200 pb-4 last:border-0 last:pb-0">
-                                <p class="text-sm text-gray-500 mb-1">{{ item.timestamp }}</p>
-                                <p class="text-gray-700 mb-2 line-clamp-2">{{ item.text }}</p>
-                                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium 
-                                    {% if item.category == 'Offensive' %}bg-red-100 text-red-800
-                                    {% elif item.category == 'Hate' %}bg-red-100 text-red-800
-                                    {% else %}bg-green-100 text-green-800{% endif %}">
-                                    {{ item.category }}
-                                </span>
-                            </div>
-                            {% endfor %}
-                        {% else %}
-                            <p class="text-gray-500">No analysis history yet.</p>
-                        {% endif %}
-                    </div>
+                        <div class="border-b border-gray-200 pb-4 last:border-0 last:pb-0">
+                            <p class="text-sm text-gray-500 mb-1">2023-06-15 14:30:22</p>
+                            <p class="text-gray-700 mb-2 line-clamp-2">This is a test message to check the system.</p>
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                                Normal
+                            </span>
+                        </div>
+                        <div class="border-b border-gray-200 pb-4 last:border-0 last:pb-0">
+                            <p class="text-sm text-gray-500 mb-1">2023-06-14 09:15:45</p>
+                            <p class="text-gray-700 mb-2 line-clamp-2">I hate this stupid website!</p>
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">
+                                Offensive
+                            </span>
+                        </div>
+                        <div class="border-b border-gray-200 pb-4 last:border-0 last:pb-0">
+                            <p class="text-sm text-gray-500 mb-1">2023-06-13 16:22:10</p>
+                            <p class="text-gray-700 mb-2 line-clamp-2">Let's all go to the park tomorrow!</p>
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                                Normal
+                            </span>
+                        </div>
+</div>
                 </div>
 
                 <div class="bg-white rounded-lg shadow-md p-6">
@@ -120,12 +125,12 @@
                     <div class="grid grid-cols-2 gap-4">
                         <div class="bg-blue-50 p-4 rounded-md">
                             <p class="text-sm text-blue-600 font-medium">Total Analyses</p>
-                            <p class="text-2xl font-bold text-blue-800">{{ stats.total }}</p>
+                            <p class="text-2xl font-bold text-blue-800">24</p>
                         </div>
                         <div class="bg-red-50 p-4 rounded-md">
                             <p class="text-sm text-red-600 font-medium">Flagged Content</p>
-                            <p class="text-2xl font-bold text-red-800">{{ stats.flagged }}</p>
-                        </div>
+                            <p class="text-2xl font-bold text-red-800">5</p>
+</div>
                     </div>
                 </div>
             </div>

login.html

@@ -36,25 +36,35 @@
                     {% with messages = get_flashed_messages(with_categories=true) %}
                         {% if messages %}
                             {% for category, message in messages %}
-                                <div class="mb-4 p-4 rounded-md bg-red-100 border border-red-200 text-red-700">
+                                <div class="mb-4 p-4 rounded-md {% if category == 'success' %}bg-green-100 border-green-200 text-green-700{% else %}bg-red-100 border-red-200 text-red-700{% endif %}">
                                     {{ message }}
                                 </div>
-                            {% endfor %}
+                                {% if category == 'success' %}
+                                    <script>
+                                        setTimeout(function() {
+                                            window.location.href = "/dashboard";
+                                        }, 1500);
+                                    </script>
+                                {% endif %}
+{% endfor %}
                         {% endif %}
                     {% endwith %}
-                    
-                    <form action="/login" method="POST">
+                    <form id="loginForm" action="/login" method="POST">
                         <div class="mb-4">
                             <label for="username" class="block text-gray-700 text-sm font-medium mb-2">Username</label>
                             <input type="text" id="username" name="username" required 
-                                   class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
+                                   class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                                   value="admin">
+                            <p class="text-xs text-gray-500 mt-1">Try: admin (admin access) or user123 (regular user)</p>
                         </div>
                         <div class="mb-6">
                             <label for="password" class="block text-gray-700 text-sm font-medium mb-2">Password</label>
                             <input type="password" id="password" name="password" required 
-                                   class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
+                                   class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                                   value="cyber123">
+                            <p class="text-xs text-gray-500 mt-1">Password is: cyber123</p>
                         </div>
-                        <button type="submit" 
+<button type="submit" 
                                 class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition duration-300">
                             Login
                         </button>
@@ -71,5 +81,20 @@
         </div>
     </div>
     <script>feather.replace();</script>
+    <script>
+        document.getElementById('loginForm').addEventListener('submit', function(e) {
+            const username = document.getElementById('username').value;
+            const password = document.getElementById('password').value;
+            
+            // Mock authentication
+            if ((username === 'admin' && password === 'cyber123') || 
+                (username === 'user123' && password === 'cyber123')) {
+                return true;
+            }
+            
+            e.preventDefault();
+            alert('Invalid credentials. Try admin/cyber123 or user123/cyber123');
+        });
+    </script>
 </body>
 </html>