import type { RepositoryRow } from "../../db/index.ts";
import { formatDateTime } from "../../lib/formatDate.ts";

import type { SessionUser } from "../../middleware/session.ts";
import type { CommitEntry } from "../../services/git.ts";
import { Layout } from "../layout.tsx";
import { RepoHeader } from "../repos/RepoHeader.tsx";
import { BranchSelector } from "./BranchSelector.tsx";
import { RepoNav } from "./RepoNav.tsx";

interface CommitLogProps {
    user: SessionUser | null;
    repo: RepositoryRow;
    ref: string;
    commits: CommitEntry[];
    branches: string[];
    tags?: string[];
    /** URL for the next (older) page, or null if this is the last page. */
    olderUrl: string | null;
    /** URL for the previous (newer) page, or null if this is the first page. */
    newerUrl: string | null;
}

export function CommitLog({
    user,
    repo,
    ref: logRef,
    commits,
    branches,
    tags,
    olderUrl,
    newerUrl,
}: CommitLogProps) {
    return (
        <Layout user={user} title={`Commits — ${repo.name}`}>
            <div class="container">
                <RepoHeader repo={repo} />
                <RepoNav repo={repo} active="commits" user={user} />
                <div class="commits-header">
                    <h2 class="section-title">Commits</h2>
                    <BranchSelector
                        repoName={repo.name}
                        branches={branches}
                        tags={tags}
                        currentRef={logRef}
                        view="commits"
                    />
                </div>
                {commits.length === 0 ? (
                    <p class="text-muted">No commits yet.</p>
                ) : (
                    <>
                        <p class="commit-verify-hint">
                            Note: To verify signed commits locally, download the{" "}
                            <a href="/allowed_signers">allowed signers file</a>{" "}
                            and run:{" "}
                            <code class="mono">
                                git -c gpg.format=ssh -c
                                gpg.ssh.allowedSignersFile=allowed_signers
                                verify-commit &lt;hash&gt;
                            </code>
                        </p>
                        <ul class="commit-list commit-log">
                            {commits.map((c) => (
                                <li class="commit-item">
                                    <a
                                        href={`/${repo.name}/commit/${c.hash}`}
                                        class="commit-subject"
                                        safe
                                    >
                                        {c.subject}
                                    </a>
                                    <div class="commit-meta">
                                        <span class="commit-author" safe>
                                            {c.author}
                                        </span>
                                        <span class="commit-meta-right">
                                            {c.sigStatus === "good" && (
                                                <span class="sig-badge verified">
                                                    verified
                                                </span>
                                            )}
                                            {c.sigStatus === "bad" && (
                                                <span class="sig-badge unverified">
                                                    unverified
                                                </span>
                                            )}
                                            <a
                                                href={`/${repo.name}/commit/${c.hash}`}
                                                class="commit-hash mono"
                                                safe
                                            >
                                                {c.hash.slice(0, 7)}
                                            </a>
                                            <time
                                                class="commit-date"
                                                datetime={c.date}
                                                safe
                                            >
                                                {formatDateTime(c.date)}
                                            </time>
                                        </span>
                                    </div>
                                </li>
                            ))}
                        </ul>
                    </>
                )}
                {(!!newerUrl || !!olderUrl) && (
                    <nav
                        class="commit-cursor-nav"
                        aria-label="Commit history navigation"
                    >
                        <div class="commit-cursor-prev">
                            {!!newerUrl && (
                                <a href={newerUrl} class="pagination-btn">
                                    ← Newer
                                </a>
                            )}
                        </div>
                        <div class="commit-cursor-next">
                            {!!olderUrl && (
                                <a href={olderUrl} class="pagination-btn">
                                    Older →
                                </a>
                            )}
                        </div>
                    </nav>
                )}
            </div>
        </Layout>
    );
}