{{define "content"}}
<div class="container">
  {{template "repo_header" .}}

  <div class="flex items-center justify-between flex-wrap gap-2 mb-4">
    <div class="flex items-center gap-2 text-sm text-muted">
      <span class="font-medium text-foreground">{{len .Releases}}</span>
      <span>{{pluralT .Lang (len .Releases) "releases.count"}}</span>
      <span>·</span>
      <span class="font-medium text-foreground">{{.TagCount}}</span>
      <span>{{pluralT .Lang .TagCount "releases.tags"}}</span>
    </div>

    {{if .CanWrite}}
      <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/releases/new" class="btn btn-primary btn-sm">
        {{icon "plus" "size-3.5"}}
        <span>{{t .Lang "releases.new"}}</span>
      </a>
    {{end}}
  </div>

  {{if .Releases}}
    <div class="flex flex-col gap-6">
      {{range .Releases}}
        {{$rel := .}}
        <article class="card" id="{{.TagName}}">
          <div class="card-header flex items-center justify-between flex-wrap gap-2">
            <div class="flex items-center gap-2.5 flex-wrap min-w-0">
              <h2 class="text-base font-bold" style="margin:0;">{{.Title}}</h2>
              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/tree/{{.TagName}}" class="badge badge-primary font-mono text-xs flex items-center gap-1">
                {{icon "tag" "size-3"}}
                <span>{{.TagName}}</span>
              </a>
              {{if .IsPrerelease}}
                <span class="badge badge-outline text-xs" style="color:hsl(var(--warning-fg, 38 92% 50%));border-color:currentColor;">
                  {{t $.Lang "releases.prerelease"}}
                </span>
              {{end}}
            </div>

            <div class="flex items-center gap-2 text-xs text-muted flex-shrink-0">
              <div class="flex items-center gap-1.5">
                {{avatar .AuthorUsername .AuthorAvatar}}
                <a href="/{{.AuthorUsername}}" class="font-medium text-foreground">@{{.AuthorUsername}}</a>
                <span>·</span>
                <span>{{formatDate .PublishedAt}}</span>
              </div>
              {{if $.CanWrite}}
                <form method="post" action="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/releases/{{.ID}}/delete" onsubmit="return confirm('{{t $.Lang "releases.delete_confirm"}}');" style="margin:0;">
                  <input type="hidden" name="_csrf" value="{{$.CSRFToken}}">
                  <button type="submit" class="btn btn-ghost btn-icon text-muted" style="width:1.8rem;height:1.8rem;" title="{{t $.Lang "releases.delete"}}">
                    {{icon "trash" "size-3.5"}}
                  </button>
                </form>
              {{end}}
            </div>
          </div>

          <div class="card-body markdown-body">
            {{if .BodyHTML}}
              {{.BodyHTML}}
            {{else}}
              <span class="text-xs text-muted">—</span>
            {{end}}
          </div>

          <!-- Release Assets: uploaded files + generated source archives -->
          <div class="card-body" style="border-top:1px solid hsl(var(--border));padding:0.6rem 0.9rem;background:hsl(var(--muted)/0.15);">
            <div class="text-xs font-semibold text-muted uppercase mb-2" style="letter-spacing:0.04em;">{{t $.Lang "releases.assets"}}</div>
            <div class="flex flex-col gap-1.5">
              {{range .Assets}}
                <div class="flex items-center justify-between gap-3">
                  <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/releases/{{$rel.ID}}/assets/{{.ID}}/download" class="flex items-center gap-2 text-xs font-mono font-medium hover:underline min-w-0" style="color:hsl(var(--primary));">
                    {{icon "file" "size-3.5"}}
                    <span class="truncate">{{.Filename}}</span>
                  </a>
                  <div class="flex items-center gap-2 flex-shrink-0">
                    <span class="text-xs text-muted">{{formatSize .Size}}</span>
                    {{if $.CanWrite}}
                      <form method="post" action="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/releases/{{$rel.ID}}/assets/{{.ID}}/delete" onsubmit="return confirm('{{t $.Lang "releases.asset_delete_confirm"}}');" style="margin:0;">
                        <input type="hidden" name="_csrf" value="{{$.CSRFToken}}">
                        <button type="submit" class="btn btn-ghost btn-icon text-muted" style="width:1.6rem;height:1.6rem;" title="{{t $.Lang "releases.asset_delete"}}">
                          {{icon "trash" "size-3"}}
                        </button>
                      </form>
                    {{end}}
                  </div>
                </div>
              {{end}}

              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/archive/{{.TagName}}.zip" class="flex items-center gap-2 text-xs font-mono font-medium hover:underline" style="color:hsl(var(--primary));">
                {{icon "download" "size-3.5"}}
                <span>{{t $.Lang "releases.source_zip"}}</span>
              </a>
              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/archive/{{.TagName}}.tar.gz" class="flex items-center gap-2 text-xs font-mono font-medium hover:underline" style="color:hsl(var(--primary));">
                {{icon "download" "size-3.5"}}
                <span>{{t $.Lang "releases.source_tar"}}</span>
              </a>
            </div>
          </div>
        </article>
      {{end}}
    </div>
  {{else}}
    {{if .CanWrite}}
      {{template "ui_empty_state" (dict "Icon" "tag" "Title" (t .Lang "releases.empty") "ActionHref" (printf "/%s/%s/releases/new" .Repo.OwnerUsername .Repo.Name) "ActionLabel" (t .Lang "releases.new") "ActionIcon" "plus")}}
    {{else}}
      {{template "ui_empty_state" (dict "Icon" "tag" "Title" (t .Lang "releases.empty"))}}
    {{end}}
  {{end}}
</div>
{{end}}