{{- 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 }}
                {{- 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 }}