{{define "content"}}
<h1>Configuration settings.</h1>
<h2>Git.</h2>
<form action="default_branch" method="post">
    <span class="inline">Default branch name:<input type="text" name="branch" value="{{.Config.GitDefaultBranch}}"
            required><input type="submit" value="Save"></span>
</form>
<h2>SSH.</h2>
<h3>Your public keys.</h3>
<div class="ssh-key-list">
    {{range .User.SSHPubKeys}}
    <div class="ssh-key">
        <div class="data">
            <h4>{{.Name}}</h4>
            <code>{{.Fingerprint}}</code>
        </div>
        <form action="delete_ssh_key" method="post" class="non-chalant">
            <input type="text" value="{{.ID}}" name="key" hidden readonly>
            <input type="submit" value="Delete." warning>
        </form>
    </div>
    {{else}}
    <p>You haven't uploaded any SSH keys yet.</p>
    {{end}}
</div>
<h3>Add a SSH key.</h3>
<form action="add_ssh_key" method="post" class="inline">
    <label for="name">Name:</label>
    <input type="text" name="name" placeholder="Work laptop" required>
    <label for="key">Public key:</label>
    <input type="text" name="key" placeholder="ssh-rsa AAAAB3Nza(...) work-laptop" required>
    <input type="submit" value="Add SSH key.">
</form>
<h2>Hackatime.</h2>
{{if and .User.HackatimeToken}}
<p>You've already linked your Hackatime. {{if .Hackatime}}Linked Slack ID: <code>{{.Hackatime.SlackID}}</code>{{else}}You're offline, but it's still linked.{{end}}</p>
{{else}}
<p>If you have a Hackatime account, you can <a href="/auth/hackatime">link it</a> to get stats on your projects.</p>
{{end}}
<style>
    .ssh-key-list {
        display: flex;
        flex-direction: column;
        gap: var(--gap);
        padding: var(--gap);
        border: var(--solid-border);
    }

    .ssh-key {
        display: flex;
        flex-direction: row;
        gap: var(--gap);
        align-items: center;
        justify-content: space-between;

        * {
            margin: 0;
        }
    }
</style>
{{end}}