const links = [
    ['dashboard', '/admin', '仪表盘'],
    ['users', '/admin/users', '用户管理'],
    ['orders', '/admin/orders', 'PC 报告订单'],
    ['charts', '/admin/charts', '排盘记录'],
    ['wishes', '/admin/wishes', '许愿管理'],
    ['wiki', '/admin/wiki', '百科管理'],
    ['settings', '/admin/settings', '系统设置'],
];

export function adminHeader(active) {
    return `
        <nav class="bg-white shadow-sm">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="flex justify-between h-16">
                    <div class="flex">
                        <div class="flex-shrink-0 flex items-center">
                            <h1 class="text-xl font-bold text-red-600">知命 PC 商业版后台</h1>
                        </div>
                        <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
                            ${links.map(([key, href, label]) => `
                                <a href="${href}" class="${key === active ? 'border-red-500 text-gray-900' : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700'} inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
                                    ${label}
                                </a>
                            `).join('')}
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    `;
}