{{ define "content" }}
<div class="page-header d-print-none">
  <div class="row align-items-center">
    <div class="col">
      <div class="page-pretitle">Zone</div>
      <h2 class="page-title">{{ .Zone.Name }}</h2>
      <div class="text-secondary">{{ len .Zone.RRSets }} RRsets</div>
    </div>
    <div class="col-auto ms-auto">
      <div class="btn-list">
        <a class="btn btn-outline-secondary" href="/zones">Back to zones</a>
        <a class="btn btn-primary" href="/zones/{{ .ZoneID }}/rrsets/new">Add record</a>
      </div>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-header">
    <h3 class="card-title">Records</h3>
  </div>
  {{ if .Zone.RRSets }}
    <div class="table-responsive">
      <table class="table table-vcenter card-table">
        <thead>
          <tr>
            <th>Name</th>
            <th>Type</th>
            <th>TTL</th>
            <th>Records</th>
            <th class="w-1"></th>
          </tr>
        </thead>
        <tbody>
        {{ range .Zone.RRSets }}
          <tr>
            <td class="text-nowrap">{{ .Name }}</td>
            <td><span class="badge bg-azure-lt">{{ .Type }}</span></td>
            <td>{{ .TTL }}</td>
            <td>
              <div class="record-values">
            {{ range .Records }}
                <div><code>{{ .Content }}</code></div>
            {{ end }}
              </div>
            </td>
            <td>
              <div class="btn-list flex-nowrap">
                <a class="btn btn-outline-primary btn-sm" href="/zones/{{ $.ZoneID }}/rrsets/edit?name={{ urlQuery .Name }}&type={{ urlQuery .Type }}">Edit</a>
                {{ if not (isSOA .Type) }}
                <form method="post" action="/zones/{{ $.ZoneID }}/rrsets/delete">
                  <input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
                  <input type="hidden" name="name" value="{{ .Name }}">
                  <input type="hidden" name="type" value="{{ .Type }}">
                  <button class="btn btn-outline-danger btn-sm" type="submit">Delete</button>
                </form>
                {{ end }}
              </div>
            </td>
          </tr>
        {{ end }}
        </tbody>
      </table>
    </div>
  {{ else }}
    <div class="card-body text-secondary">No records returned for this zone.</div>
  {{ end }}
</div>
{{ end }}

{{ template "layout" . }}