<!DOCTYPE html>
<html lang="en" class="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ with .PageData }}{{ .Title }}{{ end }} - {{ .AppName }}</title>
    <link href="/static/tailwind.css" rel="stylesheet">
</head>
<body class="bg-gray-900 text-gray-100 min-h-screen flex flex-col">
    <header class="bg-gray-800 p-4">
        <nav class="flex justify-between">
            <a href="/" class="text-xl font-bold">{{ .AppName }}</a>
            {{ if .Authenticated }}
            <ul class="flex space-x-4">
                <li><a href="/urllists">URL Lists</a></li>
                <li><a href="/domains">Domains</a></li>
                <li><a href="/logs">Logs</a></li>
                <li><a href="/profile">Profile</a></li>
                <li><a href="/logout">Logout</a></li>
            </ul>
            {{ end }}
        </nav>
    </header>
    <main class="flex-grow container mx-auto p-4">
        {{ block "content" . }}{{ end }}
    </main>
    <footer class="bg-gray-800 p-4 text-center">
        &copy; 2025 {{ .AppName }}
    </footer>
</body>
</html>