{{define "content"}}
<h1>Configuration settings.</h1>
<h2>Git.</h2>
<form action="default_branch" method="post" class="git-form">
    {{ .csrfField }}
    <label for="branch">Default branch name:</label>
    <input type="text" name="branch" value="{{.Config.GitDefaultBranch}}" required>
    <input type="submit" value="Save">
</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">
            {{ $.csrfField }}
            <input type="text" value="{{.ID}}" name="key" hidden readonly>
            <input type="submit" value="Delete." warning>
        </form>
    </div>
    {{else}}
    <p class="no-ssh-keys">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="ssh-key-form">
    {{ .csrfField }}
    <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 .User.HackatimeToken}}
<p>You've already linked your Hackatime. {{if .Hackatime}}Linked Slack ID:
    <code>{{.Hackatime.SlackID}}</code>{{else}}We could not reach the Hackatime API, 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);

        .no-ssh-keys {
            margin: 0;
        }
    }

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

        * {
            margin: 0;
        }
    }

    .ssh-key-form, .ssh-key-form>* {
        width: 100%;
    }

    .git-form {
        width: 100%;
        display: flex;
        flex-direction: row;

        input[type="text"] {
            flex: 1;
        }

        input[type="submit"] {
            width: fit-content;
        }
    }
</style>
{{end}}