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

  {{if .IsEmpty}}
    <div class="card">
      <div class="card-header">
        <span class="font-semibold flex items-center gap-2">{{icon "terminal" "size-4"}} {{t .Lang "repo.empty.title"}}</span>
        <a href="/settings#tokens" class="btn btn-outline btn-sm">
          {{icon "key" "size-3.5"}}
          <span>{{t .Lang "settings.tokens"}}</span>
        </a>
      </div>
      <div class="card-body flex flex-col gap-4">
        <div>
          <div class="flex items-center justify-between mb-1.5">
            <span class="text-xs font-semibold">1. {{t .Lang "repo.empty.new_cmd"}}</span>
            <button type="button" class="btn btn-ghost btn-sm" data-copy="{{.QuickStartNew}}">
              {{icon "copy" "size-3.5"}}
              <span>{{t .Lang "common.copy"}}</span>
            </button>
          </div>
          <pre class="card p-3 font-mono text-xs" style="margin:0;background:hsl(var(--muted)/0.4);overflow-x:auto;"><code>{{.QuickStartNew}}</code></pre>
        </div>

        <div>
          <div class="flex items-center justify-between mb-1.5">
            <span class="text-xs font-semibold">2. {{t .Lang "repo.empty.push_cmd"}}</span>
            <button type="button" class="btn btn-ghost btn-sm" data-copy="{{.QuickStartExisting}}">
              {{icon "copy" "size-3.5"}}
              <span>{{t .Lang "common.copy"}}</span>
            </button>
          </div>
          <pre class="card p-3 font-mono text-xs" style="margin:0;background:hsl(var(--muted)/0.4);overflow-x:auto;"><code>{{.QuickStartExisting}}</code></pre>
        </div>
      </div>
    </div>
  {{else}}
    <!-- Controls Bar: Branch/Tag Switcher + Breadcrumb + File Filter -->
    <div class="flex items-center justify-between flex-wrap gap-2 mb-3">
      <div class="flex items-center gap-2 flex-wrap">
        <div class="dropdown" data-dropdown>
          <button type="button" class="btn btn-outline btn-sm font-mono" data-dropdown-trigger aria-haspopup="true" aria-expanded="false">
            {{icon "git-branch" "size-3.5"}}
            <span>{{.Ref}}</span>
            {{icon "chevron-down" "size-3.5"}}
          </button>
          <div class="dropdown-menu" data-dropdown-menu role="menu" style="min-width:13rem;">
            <div class="palette-group-title">{{t .Lang "repo.branches"}} ({{len .Branches}})</div>
            {{range .Branches}}
              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/tree/{{.}}{{if $.SubPath}}/{{$.SubPath}}{{end}}" class="dropdown-item font-mono {{if eq . $.Ref}}active{{end}}" role="menuitem">
                <span class="flex items-center gap-2">{{icon "git-branch" "size-3.5"}} {{.}}</span>
                {{if eq . $.Ref}}{{icon "check" "size-3.5"}}{{end}}
              </a>
            {{end}}
            {{if .Tags}}
              <hr class="separator" style="margin:0.25rem 0;">
              <div class="palette-group-title">{{t .Lang "repo.tags"}} ({{len .Tags}})</div>
              {{range .Tags}}
                <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/tree/{{.}}{{if $.SubPath}}/{{$.SubPath}}{{end}}" class="dropdown-item font-mono {{if eq . $.Ref}}active{{end}}" role="menuitem">
                  <span class="flex items-center gap-2">{{icon "tag" "size-3.5"}} {{.}}</span>
                  {{if eq . $.Ref}}{{icon "check" "size-3.5"}}{{end}}
                </a>
              {{end}}
            {{end}}
          </div>
        </div>

        <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/branches" class="btn btn-ghost btn-sm font-mono" title="{{t .Lang "repo.tab.branches"}}">
          {{icon "git-branch" "size-3.5"}}
          <span class="text-xs">{{len .Branches}}</span>
        </a>
        <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/commits/{{.Ref}}" class="btn btn-ghost btn-sm font-mono" title="{{t .Lang "repo.tab.commits"}}">
          {{icon "history" "size-3.5"}}
          <span class="text-xs">{{t .Lang "repo.tab.commits"}}</span>
        </a>

        {{if .Breadcrumbs}}
          <nav class="breadcrumb font-mono text-xs" aria-label="Directory path">
            <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/tree/{{.Ref}}" class="text-muted">{{.Repo.Name}}</a>
            {{range .Breadcrumbs}}
              <span class="breadcrumb-sep">/</span>
              {{if .IsLast}}
                <span class="font-semibold">{{.Name}}</span>
              {{else}}
                <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/tree/{{$.Ref}}/{{.Path}}" class="text-muted">{{.Name}}</a>
              {{end}}
            {{end}}
          </nav>
        {{end}}
      </div>

      <div class="flex items-center gap-2 flex-wrap">
        <div class="flex items-center" style="position:relative;">
          <input type="text" class="input" style="height:1.75rem;width:13rem;padding-right:1.75rem;font-size:0.78rem;" placeholder="{{t .Lang "repo.find_file"}}" data-file-filter>
          <kbd class="kbd" style="position:absolute;right:0.35rem;pointer-events:none;">t</kbd>
        </div>

        <div class="dropdown" data-dropdown>
          <button type="button" class="btn btn-outline btn-sm" data-dropdown-trigger aria-haspopup="true" aria-expanded="false" title="{{t .Lang "repo.clone_title"}}">
            {{icon "terminal" "size-3.5"}}
            <span class="hidden md-flex">{{t .Lang "repo.clone_title"}}</span>
          </button>
          <div class="dropdown-menu" data-dropdown-menu role="menu" style="min-width:22rem;padding:0.65rem;">
            <div class="clone-box">
              <code>{{.CloneURL}}</code>
              <button type="button" class="btn btn-ghost btn-icon" style="width:1.6rem;height:1.6rem;flex:none;" data-copy="{{.CloneURL}}" title="{{t .Lang "common.copy"}}">
                {{icon "copy" "size-3.5"}}
              </button>
            </div>
            <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/archive/{{.Ref}}.zip" class="dropdown-item" role="menuitem" style="margin-top:0.35rem;">
              <span class="flex items-center gap-2">{{icon "download" "size-3.5"}} <span>{{t .Lang "repo.download_zip"}}</span></span>
            </a>
          </div>
        </div>

        {{if .CanWrite}}
          <a class="btn btn-outline btn-sm" href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/new-file?ref={{.Ref}}{{if .SubPath}}&path={{.SubPath}}{{end}}" title="{{t .Lang "file.new_file"}}">
            {{icon "plus" "size-3.5"}}
            <span class="hidden md-flex">{{t .Lang "file.new_file"}}</span>
          </a>
          <a class="btn btn-ghost btn-sm" href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/new-folder?ref={{.Ref}}{{if .SubPath}}&path={{.SubPath}}{{end}}" title="{{t .Lang "file.new_folder"}}">
            {{icon "folder" "size-3.5"}}
            <span class="hidden md-flex">{{t .Lang "file.new_folder"}}</span>
          </a>
          <a class="btn btn-ghost btn-sm" href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/upload?ref={{.Ref}}{{if .SubPath}}&path={{.SubPath}}{{end}}" title="{{t .Lang "file.upload_file"}}">
            {{icon "upload" "size-3.5"}}
            <span class="hidden md-flex">{{t .Lang "file.upload_file"}}</span>
          </a>
        {{end}}
      </div>
    </div>

    <!-- Unified Repository Card: Latest Commit Header + File List -->
    <div class="card mb-4">
      {{if .LatestCommit}}
        <div class="card-header text-xs" style="padding:0.5rem 0.8rem;background:hsl(var(--muted)/0.3);">
          <div class="flex items-center gap-2 min-w-0">
            <span class="avatar" style="width:1.25rem;height:1.25rem;font-size:0.62rem;">{{avatarInitial .LatestCommit.AuthorName}}</span>
            <span class="font-medium">{{.LatestCommit.AuthorName}}</span>
            <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/commit/{{.LatestCommit.Hash}}" class="text-muted truncate">{{.LatestCommit.Subject}}</a>
          </div>
          <div class="flex items-center gap-2 text-muted font-mono">
            <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/commit/{{.LatestCommit.Hash}}" class="badge badge-outline font-mono">{{.LatestCommit.ShortHash}}</a>
            <span>{{timeAgo .LatestCommit.AuthoredAt .Lang}}</span>
          </div>
        </div>
      {{end}}

      <div class="dense-list">
        {{if .SubPath}}
          <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/tree/{{.Ref}}{{if ne .ParentPath "."}}/{{.ParentPath}}{{end}}" class="dense-row font-mono text-xs text-muted">
            <span class="flex items-center gap-2">{{icon "arrow-left" "size-3.5"}} ..</span>
          </a>
        {{end}}
        {{range .Entries}}
          <div class="dense-row" data-tree-row data-tree-name="{{.Name}}">
            <div class="flex items-center gap-2 min-w-0" style="flex:1 1 40%;">
              {{if eq .Type "tree"}}
                {{icon "folder" "size-4"}}
                <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/tree/{{$.Ref}}/{{.Path}}" class="font-medium truncate">{{.Name}}</a>
              {{else}}
                {{icon "file" "size-4"}}
                <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/blob/{{$.Ref}}/{{.Path}}" class="truncate">{{.Name}}</a>
              {{end}}
            </div>
            <div class="hidden md-flex text-xs text-muted truncate" style="flex:1 1 45%;">
              {{if .CommitHash}}
                <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/commit/{{.CommitHash}}" class="truncate text-muted">{{.CommitMsg}}</a>
              {{end}}
            </div>
            <div class="text-xs text-muted font-mono" style="text-align:right;min-width:5rem;">
              {{if not .CommitTime.IsZero}}
                {{timeAgo .CommitTime $.Lang}}
              {{else if eq .Type "blob"}}
                {{formatSize .Size}}
              {{end}}
            </div>
          </div>
        {{end}}
      </div>
    </div>

    {{if .ReadmeHTML}}
      <section class="card">
        <div class="card-header" style="padding:0.55rem 0.85rem;">
          <span class="font-semibold text-xs flex items-center gap-2 font-mono">
            {{icon "book-open" "size-3.5"}}
            <span>{{.ReadmeName}}</span>
          </span>
          <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/blob/{{.Ref}}/{{.ReadmeName}}" class="text-xs text-muted">{{t .Lang "repo.view_file"}}</a>
        </div>
        <div class="card-body markdown-body">
          {{.ReadmeHTML}}
        </div>
      </section>
    {{end}}
  {{end}}
</div>
{{end}}