{{- template "head" }}
{{- template "header" .IsDashboard }}
<main>
  <div class="wrapper">
    {{- $hasOutdated := false }}
    {{- range .Projects }}
      {{- if ne .Running (index .Releases 0).Tag }}
        {{ $hasOutdated = true }}
      {{ end }}
    {{ end }}

    {{- if $hasOutdated }}
      <h2>Outdated projects</h2>
      <div class="projects-grid outdated">
        {{- range .Projects }}
          {{- if ne .Running (index .Releases 0).Tag }}
            <div id="{{ .ID }}" class="project card">
              <h3>
                <a href="{{ .URL }}">{{ .Name }}</a
                ><span class="delete"
                  ><a href="/new?action=delete&id={{ .ID }}">Delete?</a></span
                >
              </h3>
              <p>
                You've selected&nbsp;
                {{ $project := . }}
                {{ range .Releases }}
                  {{ if eq .Tag $project.Running }}
                    {{ if .URL }}
                      <a href="{{ .URL }}">{{ $project.Running }}</a>
                    {{ else }}
                      {{ $project.Running }}
                    {{ end }}
                    {{ break }}
                  {{ end }}
                {{ else }}
                  {{ $project.Running }}
                {{ end }}.
                <a
                  href="/new?action=update&url={{ .URL }}&forge={{ .Forge }}&name={{ .Name }}"
                  >Modify?</a
                >
              </p>
              <p>
                Latest:&nbsp;
                {{ if (index .Releases 0).URL }}
                  <a href="{{ (index .Releases 0).URL }}"
                    >{{ (index .Releases 0).Tag }}</a
                  >
                {{ else }}
                  {{ (index .Releases 0).Tag }}
                {{ end }}
              </p>
              <button popovertarget="popover-{{ (index .Releases 0).ID }}">
                View release notes
              </button>
              <div id="popover-{{ (index .Releases 0).ID }}" popover>
                <div class="popover-content">
                  <h3>
                    {{ .Name }}: release notes for
                    <a href="{{ (index .Releases 0).URL }}"
                      >{{ (index .Releases 0).Tag }}</a
                    >
                  </h3>
                  {{- if eq .Forge "github" "gitea" "forgejo" }}
                    {{ (index .Releases 0).Content }}
                  {{ else }}
                    <pre>{{ (index .Releases 0).Content }}</pre>
                  {{ end }}
                  <button
                    popovertarget="popover-{{ (index .Releases 0).ID }}"
                    popovertargetaction="hide"
                  >
                    Dismiss
                  </button>
                </div>
              </div>
            </div>
          {{ end }}
        {{ end }}
      </div>
    {{ end }}

    {{- $hasUpToDate := false }}
    {{- range .Projects }}
      {{- if eq .Running (index .Releases 0).Tag }}
        {{ $hasUpToDate = true }}
      {{ end }}
    {{ end }}

    {{- if $hasUpToDate }}
      <h2>Up-to-date projects</h2>
      <div class="projects-grid uptodate">
        {{- range .Projects }}
          {{- if eq .Running (index .Releases 0).Tag }}
            <div class="project card">
              <h3>
                <a href="{{ .URL }}">{{ .Name }}</a
                ><span class="delete"
                  ><a href="/new?action=delete&id={{ .ID }}">Delete?</a></span
                >
              </h3>
              <p>
                You've selected&nbsp;
                {{ $project := . }}
                {{ range .Releases }}
                  {{ if eq .Tag $project.Running }}
                    {{ if .URL }}
                      <a href="{{ .URL }}">{{ $project.Running }}</a>
                    {{ else }}
                      {{ $project.Running }}
                    {{ end }}
                    {{ break }}
                  {{ end }}
                {{ else }}
                  {{ $project.Running }}
                {{ end }}.
                <a
                  href="/new?action=update&url={{ .URL }}&forge={{ .Forge }}&name={{ .Name }}"
                  >Modify?</a
                >
              </p>
              <button popovertarget="popover-{{ (index .Releases 0).ID }}">
                View release notes
              </button>
              <div id="popover-{{ (index .Releases 0).ID }}" popover>
                <div class="popover-content">
                  <h3>
                    {{ .Name }}: release notes for
                    <a href="{{ (index .Releases 0).URL }}"
                      >{{ (index .Releases 0).Tag }}</a
                    >
                  </h3>
                  {{- if eq .Forge "github" "gitea" "forgejo" }}
                    {{ (index .Releases 0).Content }}
                  {{ else }}
                    <pre>{{ (index .Releases 0).Content }}</pre>
                  {{ end }}
                  <button
                    popovertarget="popover-{{ (index .Releases 0).ID }}"
                    popovertargetaction="hide"
                  >
                    Dismiss
                  </button>
                </div>
              </div>
            </div>
          {{ end }}
        {{ end }}
      </div>
    {{ end }}
  </div>
</main>
{{- template "footer" .Version }}