| <html lang="en"> | |
| <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <title>Admin</title> | |
| </head> | |
| <body class="p-6 bg-gray-100"> | |
| <div class="max-w-2xl mx-auto bg-white p-6 rounded shadow"> | |
| <h2 class="text-2xl font-bold mb-4">Admin Dashboard</h2> | |
| <table class="w-full text-left border-collapse"> | |
| <thead><tr><th class="border p-2">Form ID</th><th class="border p-2">Title</th><th class="border p-2">Submissions</th><th class="border p-2">Actions</th></tr></thead> | |
| <tbody> | |
| {% for f in forms %} | |
| <tr> | |
| <td class="border p-2"><a href="/forms/{{ f.id }}" class="text-blue-600 underline">{{ f.id }}</a></td> | |
| <td class="border p-2">{{ f.title }}</td> | |
| <td class="border p-2">{{ f.submissions }}</td> | |
| <td class="border p-2"> | |
| <form action="/admin/delete/{{ f.id }}?key={{ request.query_params.get('key') }}" method="post"> | |
| <button type="submit" class="px-2 py-1 bg-red-600 text-white rounded">Delete</button> | |
| </form> | |
| </td> | |
| </tr> | |
| {% endfor %} | |
| </tbody> | |
| </table> | |
| </div> | |
| </body> | |
| </html> |