{{ define "title" }}pipelines · {{ .RepoInfo.FullName }}{{ end }}

{{ define "extrameta" }}
    {{ $title := "pipelines"}}
    {{ $url := printf "https://tangled.org/%s/pipelines" .RepoInfo.FullName }}
    {{ template "repo/fragments/og" (dict "RepoInfo" .RepoInfo "Title" $title "Url" $url) }}
{{ end }}

{{ define "repoContent" }}
<div class="flex justify-between items-center gap-4">
  <div class="w-full flex flex-col gap-2">
  {{ range .Pipelines }}
    {{ block "pipeline" (list $ .) }} {{ end }}
  {{ else }}
    <div class="py-6 w-fit flex flex-col gap-4 mx-auto">
      <p>
        No pipelines have been run for this repository yet. To get started:
      </p>
      {{ $bullet := "mx-2 text-xs bg-gray-200 dark:bg-gray-600 rounded-full size-5 flex items-center justify-center font-mono inline-flex align-middle" }}
      <p>
        <span class="{{ $bullet }}">1</span>First, choose a spindle in your
        <a href="/{{ .RepoInfo.FullName }}/settings?tab=pipelines" class="underline">repository settings</a>.
      </p>
      <p>
        <span class="{{ $bullet }}">2</span>Configure your CI/CD
        <a href="https://tangled.org/@tangled.org/core/blob/master/docs/spindle/pipeline.md" class="underline">pipeline</a>.
      </p>
      <p><span class="{{ $bullet }}">3</span>Trigger a workflow with a push or a pull-request!</p>
    </div>
  {{ end }}
  </div>
</div>
{{ end }}


{{ define "pipeline" }}
  {{ $root := index . 0 }}
  {{ $p := index . 1 }}
  <div class="py-2 bg-white dark:bg-gray-800 dark:text-white">
    {{ block "pipelineHeader" $ }} {{ end }}
  </div>
{{ end }}

{{ define "pipelineHeader" }}
  {{ $root := index . 0 }}
  {{ $p := index . 1 }}
  {{ with $p }}
      <div class="grid grid-cols-6 md:grid-cols-12 gap-2 items-center w-full">
        <div class="text-sm md:text-base col-span-1">
          {{ .Trigger.Kind.String }}
        </div>

        <div class="col-span-2 md:col-span-7 flex items-center gap-4">
          {{ $target := .Trigger.TargetRef }}
          {{ $workflows := .Workflows }}
          {{ $link := "" }}
          {{ if .IsResponding }}
            {{ $link = printf "/%s/pipelines/%s/workflow/%d" $root.RepoInfo.FullName .Id (index $workflows 0) }}
          {{ end }}
          {{ if .Trigger.IsPush }}
            <span class="font-bold">{{ $target }}</span>
            <span class="hidden md:inline-flex gap-2 items-center font-mono text-sm">
              {{ $old := deref .Trigger.PushOldSha }}
              {{ $new := deref .Trigger.PushNewSha }}

              <a href="/{{ $root.RepoInfo.FullName }}/commit/{{ $new }}">{{ slice $new 0 8 }}</a>
              {{ i "arrow-left" "size-4" }}
              <a href="/{{ $root.RepoInfo.FullName }}/commit/{{ $old }}">{{ slice $old 0 8 }}</a>
            </span>
          {{ else if .Trigger.IsPullRequest }}
            {{ $sha := deref .Trigger.PRSourceSha }}
            <span class="inline-flex gap-2 items-center">
              <span class="font-bold">{{ $target }}</span>
              {{ i "arrow-left" "size-4" }}
              {{ .Trigger.PRSourceBranch }}
              <span class="text-sm font-mono">
                @
                <a href="/{{ $root.RepoInfo.FullName }}/commit/{{ $sha }}">{{ slice $sha 0 8 }}</a>
              </span>
            </span>
          {{ end }}
        </div>

        <div class="text-sm md:text-base col-span-1">
          {{ template "repo/pipelines/fragments/pipelineSymbolLong" (dict "Pipeline" . "RepoInfo" $root.RepoInfo) }}
        </div>

        <div class="text-sm md:text-base col-span-1 text-right">
          {{ template "repo/fragments/shortTimeAgo" .Created }}
        </div>

        {{ $t := .TimeTaken }}
        <div class="text-sm md:text-base col-span-1 text-right">
          {{ if $t }}
            <time title="{{ $t }}">{{ $t | durationFmt }}</time>
          {{ else }}
            <time>--</time>
          {{ end }}
        </div>

        <div class="col-span-1 flex justify-end">
          {{ if $link }}
            <a class="md:hidden" href="/{{ $root.RepoInfo.FullName }}/pipelines/{{ .Id }}/workflow/{{ index $workflows 0 }}">
              {{ i "arrow-up-right" "size-4" }}
            </a>
            <a class="hidden md:inline underline" href="/{{ $root.RepoInfo.FullName }}/pipelines/{{ .Id }}/workflow/{{ index $workflows 0 }}">
              view
            </a>
          {{ end }}
        </div>

      </div>
  {{ end }}
{{ end }}