{{/* One outbound domain (mockup out-domain.html): the records to publish and
     what DNS says about them, the applications that send as the domain, and how
     to connect. The side menu leads to the three boxes, to the pages about the
     same domain and to its settings. */}}
{{define "content"}}
{{template "page_head" .Head}}
{{if .Flash}}{{template "flash" .Flash}}{{end}}

<div class="columns">
  <div class="column is-3">
{{template "side_menu" .Menu}}
  </div>

  <div class="column is-9">
{{template "box_open" .DNS}}
{{range .Records}}{{template "dns_record" .}}
{{end}}
{{template "box_close"}}

{{template "box_open" .Apps}}
{{if .AppRows}}
<div class="table-container"><table class="table is-fullwidth is-hoverable">
  <thead><tr><th>Login</th><th>May send as</th><th>{{.Days}} days</th><th>Limits</th><th></th></tr></thead>
  <tbody>{{range .AppRows}}
    <tr><td class="sp-mono sp-nowrap"><strong>{{.Login}}</strong></td><td>{{range $i, $a := .Senders}}{{if $i}}, {{end}}{{wbr_at $a}}{{end}}</td><td class="sp-muted">{{.Activity}}</td><td>{{range $i, $t := .Limits}}{{if $i}} {{end}}{{template "tag" $t}}{{end}}</td>
      <td class="sp-actions"><a href="{{.Edit}}">Edit</a>{{range .Actions}}{{template "row_action" .}}{{end}}</td></tr>{{end}}
  </tbody>
</table></div>
{{else}}
{{template "empty_state" .AppsEmpty}}
{{end}}
{{if .AppRows}}{{template "box_foot" .AppsFoot}}
{{end}}{{template "box_close"}}

{{template "box_open" .Connection}}
{{template "body_open"}}
{{template "facts" .ConnFacts}}
{{template "body_close"}}
{{template "box_close"}}
  </div>
</div>
{{end}}