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

{{ define "extrameta" }}
    {{ $title := "issues"}}
    {{ $url := printf "https://tangled.org/%s/issues" .RepoInfo.FullName }}

    {{ template "repo/fragments/og" (dict "RepoInfo" .RepoInfo "Title" $title "Url" $url) }}
{{ end }}

{{ define "repoContent" }}
  {{ $active := "closed" }}
  {{ if .FilteringByOpen }}
    {{ $active = "open" }}
  {{ end }}

  {{ $open := 
     (dict
       "Key" "open"
       "Value" "open"
       "Icon" "circle-dot"
       "Meta" (string .RepoInfo.Stats.IssueCount.Open)) }}
  {{ $closed := 
     (dict
       "Key" "closed"
       "Value" "closed"
       "Icon" "ban"
       "Meta" (string .RepoInfo.Stats.IssueCount.Closed)) }}
  {{ $values := list $open $closed }}

  <div class="grid gap-2 grid-cols-[auto_1fr_auto] grid-row-2">
    <form class="flex relative col-span-3 sm:col-span-1 sm:col-start-2" method="GET">
      <input type="hidden" name="state" value="{{ if .FilteringByOpen }}open{{ else }}closed{{ end }}">
      <div class="flex-1 flex relative">
        <input
          id="search-q"
          class="flex-1 py-1 pl-2 pr-10 mr-[-1px] rounded-r-none peer"
          type="text"
          name="q"
          value="{{ .FilterQuery }}"
          placeholder="search issues..."
        >
        <a
          href="?state={{ if .FilteringByOpen }}open{{ else }}closed{{ end }}"
          class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 hidden peer-[:not(:placeholder-shown)]:block"
        >
          {{ i "x" "w-4 h-4" }}
        </a>
      </div>
      <button
        type="submit"
        class="p-2 text-gray-400 border rounded-r border-gray-300 dark:border-gray-600"
      >
        {{ i "search" "w-4 h-4" }}
      </button>
    </form>
    <div class="sm:row-start-1">
      {{ template "fragments/tabSelector" (dict "Name" "state" "Values" $values "Active" $active "Include" "#search-q") }}
    </div>
    <a
      href="/{{ .RepoInfo.FullName }}/issues/new"
      class="col-start-3 btn-create text-sm flex items-center justify-center gap-2 no-underline hover:no-underline hover:text-white"
    >
      {{ i "circle-plus" "w-4 h-4" }}
      <span>new</span>
    </a>
  </div>
  <div class="error" id="issues"></div>
{{ end }}

{{ define "repoAfter" }}
  <div class="mt-2">
    {{ template "repo/issues/fragments/issueListing" (dict "Issues" .Issues "RepoPrefix" .RepoInfo.FullName "LabelDefs" .LabelDefs) }}
  </div>
  {{if gt .IssueCount .Page.Limit }}
    {{ $state := "closed" }}
    {{ if .FilteringByOpen }}
      {{ $state = "open" }}
    {{ end }}
    {{ template "fragments/pagination" (dict 
        "Page" .Page 
        "TotalCount" .IssueCount 
        "BasePath" (printf "/%s/issues" .RepoInfo.FullName)
        "QueryParams" (queryParams "state" $state "q" .FilterQuery)
    ) }}
  {{ end }}
{{ end }}