{{ define "content" }}
<div class="page-header d-print-none">
  <div class="row align-items-center">
    <div class="col">
      <div class="page-pretitle">{{ .Zone.Name }}</div>
      <h2 class="page-title">{{ .RecordForm.Title }}</h2>
    </div>
    <div class="col-auto ms-auto">
      <a class="btn btn-outline-secondary" href="/zones/{{ .ZoneID }}">Back to records</a>
    </div>
  </div>
</div>

<div class="row justify-content-center">
  <div class="col-lg-8">
    <div class="card">
      <div class="card-body">
        {{ if .RecordForm.IsEdit }}
          <div class="row mb-4">
            <div class="col-sm-8">
              <div class="subheader">Name</div>
              <div class="h3 mb-0">{{ .RecordForm.Name }}</div>
            </div>
            <div class="col-sm-4">
              <div class="subheader">Type</div>
              <div class="h3 mb-0">{{ .RecordForm.Type }}</div>
            </div>
          </div>
        {{ end }}

        <form method="post" action="{{ if .RecordForm.IsEdit }}/zones/{{ .ZoneID }}/rrsets/edit?name={{ urlQuery .RecordForm.Name }}&type={{ urlQuery .RecordForm.Type }}{{ else }}/zones/{{ .ZoneID }}/rrsets{{ end }}">
          <input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
          {{ if not .RecordForm.IsEdit }}
            <div class="mb-3">
              <label class="form-label">Name</label>
              <input class="form-control" name="name" value="{{ .RecordForm.Name }}" placeholder="www.{{ .Zone.Name }}" required>
            </div>
            <div class="mb-3">
              <label class="form-label">Type</label>
              <select class="form-select" name="type" required>
                {{ range .RecordTypes }}
                  <option {{ if eq . $.RecordForm.Type }}selected{{ end }}>{{ . }}</option>
                {{ end }}
              </select>
            </div>
          {{ end }}
          <div class="mb-3">
            <label class="form-label">TTL</label>
            <input class="form-control" name="ttl" type="number" min="1" value="{{ .RecordForm.TTL }}" required>
          </div>
          <div class="mb-3">
            <label class="form-label">Records</label>
            <textarea class="form-control" name="records" rows="8" placeholder="One record value per line" required>{{ .RecordForm.Records }}</textarea>
            <div class="form-hint">Strict formats are enforced. TXT and CAA string values must be quoted. Adding A, AAAA, CAA, MX, NS, SRV, or TXT records appends to an existing RRset with the same name and type. SOA records can be edited here but cannot be deleted.</div>
          </div>
          <button class="btn btn-primary" type="submit">{{ .RecordForm.SubmitLabel }}</button>
        </form>
      </div>
    </div>
  </div>
</div>
{{ end }}

{{ template "layout" . }}