{{define "content"}}
{{$p := .Data.Proposal}}
<div class="row">
  <div class="col-md-12">
    <p class="text-muted">
      <a href="{{.Data.SpaceHref}}">{{$p.Space}}</a>
    </p>
    <h2>
      Proposal #{{$p.ID}}
      <span class="badge {{.Data.StateBadge}}">{{$p.State}}</span>
    </h2>
    <h3 class="h5">{{$p.Title}}</h3>
    {{if $p.Rationale}}<p>{{$p.Rationale}}</p>{{end}}
    <p class="text-muted">
      <small>
        proposed by <code>{{$p.Agent}}</code>
        (session <code>{{$p.AgentSession}}</code>)
        against <code title="{{$p.BaseRev}}">{{shortsha $p.BaseRev}}</code>
        {{if .Data.Merged}}
        &mdash; merged as <span class="badge badge-secondary">{{$p.Approval}}</span>
        at <code title="{{$p.MergedRev}}">{{shortsha $p.MergedRev}}</code>
        {{end}}
      </small>
    </p>

    {{if .Data.CanApprove}}
    <div class="proposal-actions">
      <form method="POST" action="/{{$p.Space}}/p/{{$p.ID}}/approve" class="d-inline">
        <button type="submit" class="btn btn-success">Approve &amp; merge</button>
      </form>
      <form method="POST" action="/{{$p.Space}}/p/{{$p.ID}}/reject" class="d-inline">
        <button type="submit" class="btn btn-outline-danger">Reject</button>
      </form>
    </div>
    {{else if .Data.Merged}}
    <p class="text-success">This proposal has been merged.</p>
    {{else if .Data.Rejected}}
    <p class="text-danger">This proposal was rejected.</p>
    {{end}}
  </div>
</div>

<div class="row">
  <div class="col-md-12">
    {{if .Data.Docs}}
    {{range .Data.Docs}}
    <div class="proposal-doc">
      <h4 class="h6">
        <code>{{.Path}}</code>
        {{if .New}}<span class="badge badge-success">new</span>{{end}}
      </h4>
      {{if .Diff.Unchanged}}
      <p class="text-muted"><small>No textual change.</small></p>
      {{else}}
      {{.Diff.HTML}}
      {{end}}
    </div>
    {{end}}
    {{else}}
    <p class="text-muted">This proposal changes no documents.</p>
    {{end}}
  </div>
</div>
{{end}}