<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Supervaizer API</title>
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-50 min-h-screen">
    <main class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
        <div class="px-4 py-6 sm:px-0">
            <h1 class="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight">
                Supervaizer API
            </h1>
            <p class="mt-2 text-sm text-gray-500">
                Controller version {{ version }} · API version {{ api_version }}
            </p>

            <div class="mt-8">
                <h2 class="text-lg font-medium text-gray-900 mb-4">Links</h2>
                <ul class="space-y-2">
                    <li>
                        <a href="/docs" class="text-blue-600 hover:text-blue-800 font-medium">
                            Swagger UI
                        </a>
                    </li>
                    <li>
                        <a href="/redoc" class="text-blue-600 hover:text-blue-800 font-medium">
                            ReDoc
                        </a>
                    </li>
                    <li>
                        <a href="/openapi.json" class="text-blue-600 hover:text-blue-800 font-medium">
                            OpenAPI
                        </a>
                    </li>
                    {% if show_admin %}
                    <li>
                        <a href="/admin" class="text-blue-600 hover:text-blue-800 font-medium">
                            Admin
                        </a>
                    </li>
                    {% endif %}
                    <li>
                        <a href="/console" class="text-blue-600 hover:text-blue-800 font-medium">
                            Console
                        </a>
                    </li>
                    <li>   BASE: {{ base }}
                    </li>
                </ul>
            </div>
        </div>
    </main>
</body>
</html>
