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

  <div class="card mb-4">
    <div class="card-header flex items-center justify-between flex-wrap gap-3">
      <div class="flex items-center gap-2">
        {{icon "git-pull-request" "size-4"}}
        <span class="font-semibold text-sm">{{t .Lang "pulls.compare_branches"}}</span>
      </div>
      <div class="flex items-center gap-2 flex-wrap text-xs">
        {{if gt (len .HeadRepos) 1}}
          <label class="text-muted font-medium">{{t .Lang "pulls.head_repo"}}:</label>
          <select class="select font-mono text-xs" style="width:auto;min-width:150px;padding:0.25rem 0.5rem;" onchange="window.location.href='?head_repo='+encodeURIComponent(this.value)">
            {{range .HeadRepos}}
              <option value="{{.ID}}" {{if eq .ID $.HeadRepo.ID}}selected{{end}}>{{.OwnerUsername}}/{{.Name}}</option>
            {{end}}
          </select>
        {{end}}
        <label class="text-muted font-medium">{{t .Lang "pulls.base"}}:</label>
        <select class="select font-mono text-xs" style="width:auto;min-width:130px;padding:0.25rem 0.5rem;" onchange="window.location.href='?base='+encodeURIComponent(this.value)+'&head={{.HeadBranch}}&head_repo={{.HeadRepo.ID}}'">
          {{range .BaseBranches}}
            <option value="{{.}}" {{if eq . $.BaseBranch}}selected{{end}}>{{.}}</option>
          {{end}}
        </select>

        <span class="text-muted font-mono">←</span>

        <label class="text-muted font-medium">{{t .Lang "pulls.compare"}}:</label>
        <select class="select font-mono text-xs" style="width:auto;min-width:130px;padding:0.25rem 0.5rem;" onchange="window.location.href='?base={{.BaseBranch}}&head='+encodeURIComponent(this.value)+'&head_repo={{.HeadRepo.ID}}'">
          {{range .Branches}}
            <option value="{{.}}" {{if eq . $.HeadBranch}}selected{{end}}>{{.}}</option>
          {{end}}
        </select>
      </div>
    </div>

    {{if and (eq .BaseBranch .HeadBranch) (eq .HeadRepo.ID .Repo.ID)}}
      <div class="card-body text-xs text-muted" style="background:hsl(var(--muted)/0.2);">
        {{icon "alert-circle" "size-4"}} {{t .Lang "pulls.branches_identical"}}
      </div>
    {{else}}
      <div class="card-body text-xs flex items-center gap-2" style="background:hsl(var(--muted)/0.2);">
        {{if .CanMerge}}
          <span style="color:hsl(var(--diff-add-fg));" class="flex items-center gap-1.5 font-medium">
            {{icon "check" "size-4"}} {{t .Lang "pulls.able_to_merge"}}
          </span>
        {{else}}
          <span style="color:hsl(var(--diff-del-fg));" class="flex items-center gap-1.5 font-medium">
            {{icon "alert-circle" "size-4"}} {{t .Lang "pulls.cannot_merge_warning"}}
          </span>
        {{end}}
      </div>
    {{end}}
  </div>

  {{if or (ne .BaseBranch .HeadBranch) (ne .HeadRepo.ID .Repo.ID)}}
    <!-- Create PR Form -->
    <section class="card mb-4">
      <div class="card-header">
        <span class="font-semibold text-sm">{{t .Lang "pulls.new"}}</span>
        {{if ne .HeadRepo.ID .Repo.ID}}
          <span class="text-xs text-muted font-mono">{{.HeadRepo.OwnerUsername}}/{{.HeadRepo.Name}} → {{.Repo.OwnerUsername}}/{{.Repo.Name}}</span>
        {{end}}
      </div>
      <form method="post" action="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/pulls/new" class="card-body flex flex-col gap-3">
        <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
        <input type="hidden" name="base_branch" value="{{.BaseBranch}}">
        <input type="hidden" name="head_branch" value="{{.HeadBranch}}">
        {{if ne .HeadRepo.ID .Repo.ID}}<input type="hidden" name="head_repo" value="{{.HeadRepo.ID}}">{{end}}

        <div>
          <label class="label" for="title">{{t .Lang "pulls.title"}}</label>
          <input id="title" name="title" type="text" class="input" placeholder="{{t .Lang "pulls.title_ph"}}" required maxlength="200" autofocus>
        </div>

        <div>
          <label class="label" for="body">{{t .Lang "pulls.body"}}</label>
          <textarea id="body" name="body" class="textarea" rows="6" placeholder="{{t .Lang "pulls.body_ph"}}" maxlength="20000"></textarea>
        </div>

        <div class="flex items-center justify-end">
          <button type="submit" class="btn btn-primary btn-sm">
            {{icon "git-pull-request" "size-3.5"}}
            <span>{{t .Lang "pulls.create_btn"}}</span>
          </button>
        </div>
      </form>
    </section>

    <!-- Commits in this comparison -->
    {{if .CompareCommits}}
      <div class="card mb-4">
        <div class="card-header flex items-center justify-between">
          <span class="font-semibold text-xs text-muted uppercase" style="letter-spacing:0.04em;">{{t .Lang "pulls.commits"}} ({{len .CompareCommits}})</span>
        </div>
        <div class="dense-list">
          {{range .CompareCommits}}
            <div class="dense-row" style="min-height:2.6rem;padding:0.45rem 0.85rem;">
              <div class="flex items-center gap-2 min-w-0">
                <span class="text-muted">{{icon "git-commit" "size-3.5"}}</span>
                <span class="font-semibold text-sm truncate">{{.Subject}}</span>
              </div>
              <div class="flex items-center gap-2 text-xs text-muted flex-shrink-0 font-mono">
                <span>{{.AuthorName}}</span>
                <span class="badge badge-outline">{{.ShortHash}}</span>
              </div>
            </div>
          {{end}}
        </div>
      </div>
    {{end}}

    <!-- Diff Viewer -->
    {{if .Compare}}
      {{if .Compare.Files}}
        <div class="flex items-center justify-between mb-3 text-xs text-muted font-mono">
          <span><strong>{{.Compare.FilesChanged}}</strong> {{pluralT .Lang .Compare.FilesChanged "repo.files_changed"}}</span>
          <div class="flex items-center gap-2">
            <span style="color:hsl(var(--diff-add-fg));">+{{.Compare.TotalAdditions}}</span>
            <span style="color:hsl(var(--diff-del-fg));">-{{.Compare.TotalDeletions}}</span>
          </div>
        </div>

        <div class="flex flex-col gap-4">
          {{range .Compare.Files}}
            <section class="card">
              <div class="card-header" style="padding:0.5rem 0.8rem;">
                <div class="flex items-center gap-2 font-mono text-xs min-w-0">
                  {{icon "file-code" "size-4"}}
                  {{if eq .Status "renamed"}}
                    <span>{{.OldPath}} → <strong>{{.NewPath}}</strong></span>
                  {{else}}
                    <strong>{{.NewPath}}</strong>
                  {{end}}
                </div>
                <div class="flex items-center gap-2 font-mono text-xs">
                  <span style="color:hsl(var(--diff-add-fg));">+{{.Additions}}</span>
                  <span style="color:hsl(var(--diff-del-fg));">-{{.Deletions}}</span>
                </div>
              </div>

              {{if .IsBinary}}
                <div class="card-body text-xs text-muted">{{t $.Lang "repo.binary_notice"}}</div>
              {{else}}
                <div style="overflow-x:auto;">
                  <table class="diff-table">
                    <tbody>
                      {{range .Lines}}
                        {{if eq .Type "hunk"}}
                          <tr class="diff-row-hunk">
                            <td class="diff-num">...</td>
                            <td class="diff-num">...</td>
                            <td class="diff-code">{{.Content}}</td>
                          </tr>
                        {{else if eq .Type "add"}}
                          <tr class="diff-row-add">
                            <td class="diff-num"></td>
                            <td class="diff-num">{{.NewNum}}</td>
                            <td class="diff-code">+{{.Content}}</td>
                          </tr>
                        {{else if eq .Type "del"}}
                          <tr class="diff-row-del">
                            <td class="diff-num">{{.OldNum}}</td>
                            <td class="diff-num"></td>
                            <td class="diff-code">-{{.Content}}</td>
                          </tr>
                        {{else}}
                          <tr>
                            <td class="diff-num">{{.OldNum}}</td>
                            <td class="diff-num">{{.NewNum}}</td>
                            <td class="diff-code"> {{.Content}}</td>
                          </tr>
                        {{end}}
                      {{end}}
                    </tbody>
                  </table>
                </div>
              {{end}}
            </section>
          {{end}}
        </div>
      {{end}}
    {{end}}
  {{end}}
</div>
{{end}}