{{define "content" -}}
<div class="wrap">
  {{with .Data}}
  <h1 class="admin-title">Dashboard</h1>
  <div class="stats">
    <div class="stat"><div class="num">{{.Total}}</div><div class="lbl">Total listings</div></div>
    <div class="stat"><div class="num">{{.Active}}</div><div class="lbl">Active</div></div>
    <div class="stat"><div class="num">{{.Pending}}</div><div class="lbl">Pending review</div></div>
    <div class="stat"><div class="num">{{.Types}}</div><div class="lbl">Asset types</div></div>
    <div class="stat"><div class="num">{{.Owners}}</div><div class="lbl">Owners</div></div>
  </div>

  {{if .Queue}}
  <div class="section-head"><h2>Awaiting moderation</h2><a href="/admin/listings?status=pending">View queue &rarr;</a></div>
  <table class="data">
    <thead><tr><th>Listing</th><th>Type</th><th>Owner</th><th>Actions</th></tr></thead>
    <tbody>
    {{range .Queue}}
    <tr>
      <td><a href="/listings/{{.ID}}">{{.Title}}</a></td>
      <td>{{.TypeIcon}} {{.TypeName}}</td>
      <td>{{.Owner.Name}}</td>
      <td class="row-actions">
        <form method="post" action="/admin/listings/{{.ID}}/status"><input type="hidden" name="status" value="active"><button class="btn btn-primary btn-sm">Approve</button></form>
        <a class="btn btn-outline btn-sm" href="/admin/listings/{{.ID}}/edit">Edit</a>
      </td>
    </tr>
    {{end}}
    </tbody>
  </table>
  {{end}}

  <div class="section-head section-gap"><h2>Recent listings</h2><a href="/admin/listings">All listings &rarr;</a></div>
  <table class="data">
    <thead><tr><th>Listing</th><th>Type</th><th>Status</th><th>Owner</th></tr></thead>
    <tbody>
    {{range .Recent}}
    <tr><td><a href="/listings/{{.ID}}">{{.Title}}</a></td><td>{{.TypeIcon}} {{.TypeName}}</td><td><span class="badge {{statusClass .Status}}">{{.Status}}</span></td><td>{{.Owner.Name}}</td></tr>
    {{end}}
    </tbody>
  </table>
  {{end}}
</div>
{{- end}}