{{define "title"}}{{.Title}}{{end}}
{{define "content"}}
<header rst-page-header>
  <div rst-page-header-titles>
    <h1>Confirm your booking</h1>
    <p rst-page-header-sub>{{.Data.Title}} with {{.Data.HostName}}</p>
  </div>
</header>

{{$items := list
  (dict "Label" "When" "Value" .Data.When)
  (dict "Label" "Booked as" "Value" (printf "%s, %s" .Data.Name .Data.Address))}}
{{template "detail-list" dict "Items" $items}}
{{with .Data.HostWhen}}<p cal-elsewhere>That is {{.}} where {{$.Data.HostName}} is.</p>{{end}}

{{/* ONE button, and it is a POST: a link that confirmed on GET would be
     confirmed by every link-scanning mail gateway (booking spec B1). */}}
<form rst-form-actions method="post" action="/book/m/{{.Data.Token}}/confirm">
  <button rst-btn="primary" type="submit">Confirm this booking</button>
</form>
<p cal-book-caveat>Didn't ask for this? Do nothing. The hold lapses at {{.Data.ExpiresAt}}.</p>
{{end}}