{{ define "title" }}settings · {{ .RepoInfo.FullName }}{{ end }}
{{ define "repoContent" }}
    <header class="font-bold text-sm mb-4 uppercase dark:text-white">
        Collaborators
    </header>

    <div id="collaborator-list" class="flex flex-col gap-2 mb-2">
        {{ range .Collaborators }}
            <div id="collaborator" class="mb-2">
                <a
                    href="/{{ didOrHandle .Did .Handle }}"
                    class="no-underline hover:underline text-black dark:text-white"
                >
                    {{ didOrHandle .Did .Handle }}
                </a>
                <div>
                    <span class="text-sm text-gray-500 dark:text-gray-400">
                        {{ .Role }}
                    </span>
                </div>
            </div>
        {{ end }}
    </div>

    {{ if .IsCollaboratorInviteAllowed }}
        <form hx-put="/{{ $.RepoInfo.FullName }}/settings/collaborator">
            <label for="collaborator" class="dark:text-white"
                >add collaborator</label
            >
            <input
                type="text"
                id="collaborator"
                name="collaborator"
                required
                class="dark:bg-gray-700 dark:text-white"
                placeholder="enter did or handle"
            />
            <button
                class="btn my-2 dark:text-white dark:hover:bg-gray-700"
                type="text"
            >
                add
            </button>
        </form>
    {{ end }}

    <form hx-put="/{{ $.RepoInfo.FullName }}/settings/branches/default" class="mt-6">
        <label for="branch">default branch:</label>
        <select id="branch" name="branch" required class="p-1 border border-gray-200 bg-white">
            {{ range .Branches }}
                <option
                    value="{{ . }}"
                    class="py-1"
                    {{ if eq . $.DefaultBranch }}
                        selected
                    {{ end }}
                >
                    {{ . }}
                </option>
            {{ end }}
        </select>
        <button class="btn my-2" type="text">save</button>
    </form>
{{ end }}