{{ template "header" .}}

<main>
    {{ if .user }}
        {{ range $key, $value := .user}}
            <div class="buttonParent">
                <a href="https://github.com/{{.Login}}" class="button">View on GitHub</a>
            </div>
            <div class="userProfile">
                <img src="{{ .AvatarUrl }}" alt="{{.Login}}'s avatar" class="avatar" width="150" height="150">
                {{ if .Name }}
                <h1 class="user-profile-h1">{{.Name}}</h1>
                {{ end }}
                <h2>{{.Login}}</h2>
                {{ if eq .Type "http://schema.org/Person" }}
                <p><b>{{.Followers}}</b> followers - <b>{{.Following}}</b> following</p>
                {{ else }}
                <p><b>{{.Followers}}</b> followers</p>
                {{ end }}
                {{ if .Location }}
                <p>🌍 {{.Location}}</p>
                {{ end }}
				{{ if .Timezone }}
				<p>🕑️ {{.Timezone}}</p>
				{{ end }}
                {{ if .Link }}
                <p>🌐 <a href="https://{{.Link}}" target="_blank">{{.Link}}</a></p>
                {{ end }}
				{{ if .Social }}
				{{range .Social}}
				<p>🔗 <a href="{{.}}" target="_blank">{{.}}</a></p>
				{{ end }}
				{{ end }}
                {{ if .Company }}
                <p>🏢 {{.Company}}</p>
                {{ end }}
				{{ if eq .Type "http://schema.org/Person" }}
				<p>✏️  {{ if .Name }} {{.Name}} {{ else }} {{.Login}} {{ end }} has made {{.Contributions}}</p>
				{{ end }}
            </div>

            {{ if .Bio }}
            <div class="userBio">
                <h3>Bio</h3>
                <p class="userBioText">{{.Bio}}</p>
            </div>
            {{ end }}
            {{ if .Readme }}
            <div class="userReadme">
                <h3>README</h3>
                <div class="userReadmeText">{{ unescape .Readme}}</div>
            </div>
            {{ end }}
        {{ end }}
    {{ else }}
        <h2>User not found</h2>
        <p>That user doesn't exist.</p>
    {{ end }}
</main>