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

  <!-- Branches Section -->
  <section class="card mb-4">
    <div class="card-header">
      <span class="font-semibold flex items-center gap-2">
        {{icon "git-branch" "size-4"}}
        <span>{{t .Lang "repo.branches"}} ({{len .BranchDetails}})</span>
      </span>
    </div>

    {{if and .CanWrite (not .IsEmpty)}}
      <form method="post" action="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/branches" class="card-body flex items-center flex-wrap gap-2" style="border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted)/0.25);">
        <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
        <input name="branch_name" type="text" class="input font-mono" style="flex:1 1 12rem;height:1.9rem;" placeholder="{{t .Lang "repo.branch.name_ph"}}" required maxlength="100">
        <select name="from_ref" class="select font-mono" style="flex:0 1 11rem;height:1.9rem;">
          {{range .BranchDetails}}
            <option value="{{.Name}}" {{if .IsDefault}}selected{{end}}>{{.Name}}</option>
          {{end}}
        </select>
        <button type="submit" class="btn btn-primary btn-sm" style="height:1.9rem;">
          {{icon "plus" "size-3.5"}}
          <span>{{t .Lang "repo.branch.create"}}</span>
        </button>
      </form>
    {{end}}

    {{if .BranchDetails}}
      <div class="dense-list">
        {{range .BranchDetails}}
          <div class="dense-row" style="min-height:2.6rem;padding:0.45rem 0.85rem;">
            <div class="flex items-center gap-2 min-w-0">
              {{icon "git-branch" "size-4"}}
              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/tree/{{.Name}}" class="font-mono font-semibold text-sm">{{.Name}}</a>
              {{if .IsDefault}}
                <span class="badge badge-primary">{{t $.Lang "repo.branch.default"}}</span>
              {{end}}
              {{if .Subject}}
                <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/commit/{{.Hash}}" class="text-xs text-muted truncate">— {{.Subject}}</a>
              {{end}}
            </div>
            <div class="flex items-center gap-2 flex-shrink-0">
              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/commit/{{.Hash}}" class="badge badge-outline font-mono">{{.ShortHash}}</a>
              <span class="text-xs text-muted">{{timeAgo .UpdatedAt $.Lang}}</span>
              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/archive/{{.Name}}.zip" class="btn btn-ghost btn-icon" style="width:1.65rem;height:1.65rem;" title="{{t $.Lang "repo.download_zip"}}">
                {{icon "download" "size-3.5"}}
              </a>
              {{if and $.CanWrite (not .IsDefault)}}
                <form method="post" action="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/branches/delete" style="margin:0;">
                  <input type="hidden" name="_csrf" value="{{$.CSRFToken}}">
                  <input type="hidden" name="branch_name" value="{{.Name}}">
                  <button type="submit" class="btn btn-ghost btn-icon text-destructive" style="width:1.65rem;height:1.65rem;" title="{{t $.Lang "common.delete"}}">
                    {{icon "trash" "size-3.5"}}
                  </button>
                </form>
              {{end}}
            </div>
          </div>
        {{end}}
      </div>
    {{else}}
      <div class="card-body text-xs text-muted">{{t .Lang "repo.no_commits"}}</div>
    {{end}}
  </section>

  <!-- Tags / Releases Section -->
  <section class="card">
    <div class="card-header">
      <span class="font-semibold flex items-center gap-2">
        {{icon "tag" "size-4"}}
        <span>{{t .Lang "repo.tags"}} ({{len .TagDetails}})</span>
      </span>
    </div>

    {{if and .CanWrite (not .IsEmpty)}}
      <form method="post" action="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/tags" class="card-body flex items-center flex-wrap gap-2" style="border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted)/0.25);">
        <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
        <input name="tag_name" type="text" class="input font-mono" style="flex:0 1 9rem;height:1.9rem;" placeholder="{{t .Lang "repo.tag.name_ph"}}" required maxlength="80">
        <select name="from_ref" class="select font-mono" style="flex:0 1 10rem;height:1.9rem;">
          {{range .BranchDetails}}
            <option value="{{.Name}}" {{if .IsDefault}}selected{{end}}>{{.Name}}</option>
          {{end}}
        </select>
        <input name="message" type="text" class="input" style="flex:1 1 12rem;height:1.9rem;" placeholder="{{t .Lang "repo.tag.msg_ph"}}" maxlength="200">
        <button type="submit" class="btn btn-outline btn-sm" style="height:1.9rem;">
          {{icon "plus" "size-3.5"}}
          <span>{{t .Lang "repo.tag.create"}}</span>
        </button>
      </form>
    {{end}}

    {{if .TagDetails}}
      <div class="dense-list">
        {{range .TagDetails}}
          <div class="dense-row" style="min-height:2.6rem;padding:0.45rem 0.85rem;">
            <div class="flex items-center gap-2 min-w-0">
              {{icon "tag" "size-4"}}
              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/tree/{{.Name}}" class="font-mono font-semibold text-sm">{{.Name}}</a>
              {{if .Subject}}
                <span class="text-xs text-muted truncate">— {{.Subject}}</span>
              {{end}}
            </div>
            <div class="flex items-center gap-2 flex-shrink-0">
              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/commit/{{.Hash}}" class="badge badge-outline font-mono">{{.ShortHash}}</a>
              <span class="text-xs text-muted">{{timeAgo .CreatedAt $.Lang}}</span>
              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/archive/{{.Name}}.zip" class="btn btn-ghost btn-icon" style="width:1.65rem;height:1.65rem;" title="{{t $.Lang "repo.download_zip"}}">
                {{icon "download" "size-3.5"}}
              </a>
              {{if $.CanWrite}}
                <form method="post" action="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/tags/delete" style="margin:0;">
                  <input type="hidden" name="_csrf" value="{{$.CSRFToken}}">
                  <input type="hidden" name="tag_name" value="{{.Name}}">
                  <button type="submit" class="btn btn-ghost btn-icon text-destructive" style="width:1.65rem;height:1.65rem;" title="{{t $.Lang "common.delete"}}">
                    {{icon "trash" "size-3.5"}}
                  </button>
                </form>
              {{end}}
            </div>
          </div>
        {{end}}
      </div>
    {{else}}
      <div class="card-body text-xs text-muted">{{t .Lang "repo.tags.empty"}}</div>
    {{end}}
  </section>
</div>
{{end}}