{{ 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 .StatusEmoji}}
    <p>{{.StatusEmoji}} {{.Status}}</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 .Email }}
    <p>✉️ {{.Email}}</p>
    {{ end }} {{ if .Social }}
    <div class="sociallinks">
      {{range .Social}}
      <p>🔗 <a href="{{.}}" target="_blank">{{.}}</a></p>
      {{ end }}
    </div>
    {{ end }} {{ if .Organizations }}
    <p>
      Organizations: {{range .Organizations}}
      <a href="/{{.}}" target="_blank">{{.}}</a>
      {{ end }}
    </p>
    {{ end }} {{ if .OrgMembers }}
    <p>
      Members: {{range .OrgMembers}}
      <a href="/{{.}}" target="_blank">@{{.}}</a>
      {{ end }}
    </p>
    {{ 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 }} {{ if .MainRepos }}
  <div>
    <h2>{{.PinOrPopular}}:</h2>
    {{range .MainRepos}}
    <div class="mainRepos">
      <h3 class=""><a href="/{{.Name}}">{{.Name}}</a></h3>
      {{if .ForkOf}}
      <p class="mainReposTextDim">
        Forked from: <a href="/{{.ForkOff}}">{{.ForkOf}}</a>
      </p>
      {{else}} {{end}} {{if .Desc}}
      <p class="">{{.Desc}}</p>
      {{else}} {{end}}
      <p class="">
        {{if .Stars}}⭐ {{.Stars}}{{else}}{{end}} {{if .Forks}} 🍴 {{.Forks}}
        {{else}}{{end}} {{if .Lang}} 🗒️ {{.Lang}} {{else}}{{end}}
      </p>
    </div>
    {{ end }}
  </div>
  {{ end }} {{ end }} {{ else }}
  <h2>User not found</h2>
  <p>That user doesn't exist.</p>
  {{ end }}
</main>
{{ template "footer" .}}