{{ define "title" }}Commits · {{ .RepoInfo.FullName }}{{ end }}

{{ define "repoContent" }}

    <h1>Commits</h1>
    <main>
        <div id="commit-log" class="flex-1">
            {{ range .Commits }}
                <div class="flex flex-row justify-between items-center">
                    <i
                        class="w-5 h-5 mt-5 text-gray-400 align-middle"
                        data-lucide="git-commit-horizontal"
                    ></i>
                    <div
                        class="relative w-full px-4 py-4 mt-5 mx-3 hover:bg-gray-50 border border-gray-200"
                    >
                        <div id="commit-message">
                            {{ $messageParts := splitN .Message "\n\n" 2 }}
                            <div class="text-base cursor-pointer">
                                <div>
                                    <div>
                                        <a
                                            href="/{{ $.RepoInfo.FullName }}/commit/{{ .Hash.String }}"
                                            class="inline no-underline hover:underline"
                                            >{{ index $messageParts 0 }}</a
                                        >
                                        {{ if gt (len $messageParts) 1 }}

                                            <button
                                                class="py-1/2 px-1 bg-gray-200 hover:bg-gray-400 rounded"
                                                hx-on:click="this.parentElement.nextElementSibling.classList.toggle('hidden')"
                                            >
                                                <i
                                                    class="w-3 h-3"
                                                    data-lucide="ellipsis"
                                                ></i>
                                            </button>
                                        {{ end }}
                                    </div>
                                    {{ if gt (len $messageParts) 1 }}
                                        <p
                                            class="hidden mt-1 text-sm cursor-text pb-2"
                                        >
                                            {{ nl2br (unwrapText (index $messageParts 1)) }}
                                        </p>
                                    {{ end }}
                                </div>
                            </div>
                        </div>

                        <div class="text-xs text-gray-500">
                            <span class="font-mono">
                                <a
                                    href="/{{ $.RepoInfo.FullName }}/commit/{{ .Hash.String }}"
                                    class="text-gray-500 no-underline hover:underline"
                                    >{{ slice .Hash.String 0 8 }}</a
                                >
                            </span>
                            <span
                                class="mx-2 before:content-['·'] before:select-none"
                            ></span>
                            <span>
                                <a
                                    href="mailto:{{ .Author.Email }}"
                                    class="text-gray-500 no-underline hover:underline"
                                    >{{ .Author.Name }}</a
                                >
                            </span>
                            <div
                                class="inline-block px-1 select-none after:content-['·']"
                            ></div>
                            <span>{{ timeFmt .Author.When }}</span>
                        </div>
                    </div>
                </div>
            {{ end }}
        </div>

        {{ $commits_len := len .Commits }}
        <div class="flex justify-between mt-4 px-10">
            {{ if gt .Page 1 }}
                <a
                    class="btn flex items-center gap-2 no-underline"
                    hx-boost="true"
                    onclick="window.location.href = window.location.pathname + '?page={{ sub .Page 1 }}'"
                >
                    <i data-lucide="chevron-left" class="w-4 h-4"></i>
                    previous
                </a>
            {{ else }}
                <div></div>
            {{ end }}

            {{ if eq $commits_len 30 }}
                <a
                    class="btn flex items-center gap-2 no-underline"
                    hx-boost="true"
                    onclick="window.location.href = window.location.pathname + '?page={{ add .Page 1 }}'"
                >
                    next
                    <i data-lucide="chevron-right" class="w-4 h-4"></i>
                </a>
            {{ end }}
        </div>
    </main>
{{ end }}