{{define "title"}}My Repos{{end}}

{{define "main"}}
<div class="container is-fullhd">
  <p class="title is-1">My Repos</p>
  <p class="subtitle is-3">This section of the site is like my own personal GitHub. Coded from scratch with no AI.</p>
  {{if .IsAuthenticated}}
  <div class="level mb-3 ml-3 is-mobile">
    <div class="level-left">
      <div class="level-item">
        <a class="button is-info is-soft" href="/repos/new">
          <i class="pr-1" data-feather="plus-square"></i>Add New</a>
      </div>
    </div>
  </div>
  {{end}}
  <hr>
  {{if .Repos}}
  <div class="columns">
    <div class="column is-7-desktop">
      {{range .Repos}}
      <div class="media">
        <div class="media-content">
          <a href="/repo/{{.Name}}" class="title is-4 has-text-link">{{.Name}}</a>
            <p class="subtitle is-6">{{if .Description}}{{.Description}}{{else}}No description yet{{end}}</p>
            <hr>
        </div>
      </div>
      {{end}}
    </div>
  </div>
  {{else}}
  <div class="is-flex is-justify-content-center">
    <p>There's nothing here!</p>
  </div>
  {{end}}
</div>
{{end}}