import type { RepositoryRow } from "../../db/index.ts";
import type { SessionUser } from "../../middleware/session.ts";

interface RepoNavProps {
    repo: RepositoryRow;
    active: "code" | "commits" | "issues" | "patches" | "releases" | "settings";
    user?: SessionUser | null;
}

export function RepoNav({ repo, active, user }: RepoNavProps) {
    const tabs = [
        { key: "code", label: "Code", href: `/${repo.name}` },
        {
            key: "commits",
            label: "Commits",
            href: `/${repo.name}/commits/${repo.default_branch}`,
        },
        { key: "issues", label: "Issues", href: `/${repo.name}/issues` },
        { key: "patches", label: "Patches", href: `/${repo.name}/patches` },
        { key: "releases", label: "Releases", href: `/${repo.name}/releases` },
    ] as const;
    return (
        <div class="repo-nav-bar">
            <nav class="repo-tabs">
                {tabs.map((t) => (
                    <a
                        href={t.href}
                        class={`repo-tab${active === t.key ? " active" : ""}`}
                    >
                        {t.label}
                    </a>
                ))}
                {user?.isAdmin && (
                    <a
                        href={`/${repo.name}/settings`}
                        class={`repo-tab${active === "settings" ? " active" : ""}`}
                    >
                        Settings
                    </a>
                )}
            </nav>
        </div>
    );
}