{{ template "header" .}}

<main>
  {{ if .user }} {{ range $key, $value := .user}}
  <div class="button-parent">
    <a rel="noreferrer" href="https://github.com/{{.Login}}" class="button">GitHubで確認</a>
  </div>
  <div class="user-profile">
    <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>人 - <b>フォロー数：{{.Following}}</b>人</p>
    {{ else }}
    <p><b>フォロー数：{{.Followers}}</b>人</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="social-links">
      {{range .Social}}
      <p>🔗 <a href="{{.}}" target="_blank">{{.}}</a></p>
      {{ end }}
    </div>
    {{ end }} {{ if .Organizations }}
    <p>
      組織: {{range .Organizations}}
      <a href="/{{.}}" target="_blank">{{.}}</a>
      {{ end }}
    </p>
    {{ end }} {{ if .OrgMembers }}
    <p>
      メンバー: {{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="user-bio">
    <h3>個人</h3>
    <p class="user-bio-text">{{.Bio}}</p>
  </div>
  {{ end }} {{ if .Readme }}
  <div class="user-readme">
    <h3><a href="{{.ReadmeUrl}}">README</a></h3>
    <div class="user-readme-text">{{ unescape .Readme}}</div>
  </div>
  {{ end }} {{ if .MainRepos }}
  <div class="user-readme">
    <h3>{{if eq .PinOrPopular "Pinned"}}固定{{else}}人気な{{end}}レポジトリ</h3>
    {{range .MainRepos}}
    {{if .ForkOf}}
    <div class="user-repo-card">
    {{else}}
    <a class="user-repo-card" href="{{.Link}}">
      {{end}}
      <p class="user-repo-header">
        {{if .ForkOf}}
        <a href="{{.Link}}">{{.Name}} ({{.Type}})</a>
        {{else}}
        {{.Name}} ({{.Type}})
        {{end}}
      </p>
      <p class="">{{if .ForkOf}} フォーク元: <a href="/{{.ForkOf}}">{{.ForkOf}}</a></p>
      {{else}} {{end}} {{if .Desc}} {{if eq .Type "Gist"}}
      <style>
        pre {
          white-space: pre-wrap;
          word-wrap: break-word;
        }
      </style>
      <pre> {{.Desc}} </pre>
      {{else}}
      <p class="">{{.Desc}}</p>
      {{end}} {{else}} {{end}}
      <p class="">
        {{if .Stars}}⭐ {{.Stars}}{{else}}{{end}} {{if .Forks}} 🍴 {{.Forks}}
        {{else}}{{end}} {{if .Lang}} 🗒️ {{.Lang}} {{else}}{{end}}
      </p>
    {{if not .ForkOf}}
    </a>
    {{else}}
    </div>
    {{end}}
    {{ end }}
  </div>
  {{ end }} {{ end }} {{ else }}
  <h2>ユーザーを見つけられません</h2>
  <p>このユーザーは存在しないようです。</p>
  {{ end }}
</main>
{{ template "footer" .}}