{{/* The sign-in pages: the form, the check-your-email state and the
     signed-out page. Each is the body of a page in the app's normal
     layout, whose bar shows the brand only (no account, no Sign in).

     estilo-signin uses rastrillo's "field" and "callout" partials, so parse
     ui.Templates() with ui.Funcs() alongside this package. The form sets
     novalidate: an address error goes in the field's own error slot, never
     the browser's bubble. Data: chrome.SignIn. */}}

{{/* estilo-door-open / -close: the Oficina sign-in door around a card —
     the suite's sky behind (sky.View in .Sky; none if it is empty) and the
     app's own mark and name at the card's head (.App; the mark alone if
     empty). The sky's markup is the same as the sky package's estilo-sky
     template (chrome_test checks), repeated here so an app need not parse
     the sky package's templates. An app that passes a Sky must also link
     sky.css, mount sky.Handler at sky.Prefix, and allow img-src data: (the
     placeholder is inline) — without sky.css the layers flow in the page. */}}
{{define "estilo-door-open"}}<div estilo-door estilo-sky-host>
{{- with .Sky.Layers}}
<div estilo-sky aria-hidden="true">
  {{- range .}}
  <img estilo-sky-layer="{{.Name}}"{{with .Tone}} estilo-sky-tone="{{.}}"{{end}} src="{{with .Inline}}{{.}}{{else}}{{.Src}}{{end}}" alt=""{{if .Src}} decoding="async"{{end}}>
  {{- end}}
</div>
{{- end}}
<section estilo-signin>
  <p estilo-brand><img estilo-brand-icon="listing" src="{{.Icon}}" alt="" width="36" height="36">{{with .App}}<span>{{.}}</span>{{end}}</p>
{{- end}}
{{define "estilo-door-close"}}</section>
</div>{{end}}
{{define "estilo-signin"}}{{template "estilo-door-open" .}}
  <h1>{{.Heading}}</h1>
  {{- with .Lede}}
  <p estilo-signin-lede>{{.}}</p>
  {{- end}}
  {{- with .Error}}
  {{template "callout" (dict "Body" . "Tone" "negative" "Alert" true)}}
  {{- end}}
  <form rst-form estilo-signin-form method="post" action="{{.Action}}" novalidate>
    {{- with .Return}}
    <input type="hidden" name="return_to" value="{{.}}">
    {{- end}}
    {{- range .Hidden}}
    <input type="hidden" name="{{.Name}}" value="{{.Value}}">
    {{- end}}
    {{template "field" (dict "ID" "estilo-signin-address" "Name" "address" "Type" "email" "Label" .AddressLabel "Autocomplete" "email" "Required" true "Autofocus" true "Value" .Address "Help" .Help "Error" .AddressError)}}
    <div rst-form-foot><button rst-btn="primary" type="submit">{{.Submit}}</button></div>
  </form>
  {{- with .OpenSource}}
  <p estilo-signin-foot><a href="{{.Href}}">{{.Label}}</a></p>
  {{- end}}
{{template "estilo-door-close"}}{{end}}

{{/* estilo-signin-sent: replaces the form once a link has been sent. Link
     goes back to the form, keeping the return. Data: chrome.SignInNotice. */}}
{{define "estilo-signin-sent"}}{{template "estilo-door-open" .}}
  <h1>{{.Heading}}</h1>
  <p estilo-signin-body role="status">{{.Body}}</p>
  {{- with .Link}}
  <p><a href="{{.Href}}">{{.Label}}</a></p>
  {{- end}}
{{template "estilo-door-close"}}{{end}}

{{/* estilo-signed-out: where Sign out lands. Link is the primary
     "Sign in". Data: chrome.SignInNotice. */}}
{{define "estilo-signed-out"}}{{template "estilo-door-open" .}}
  <h1>{{.Heading}}</h1>
  <p estilo-signin-body>{{.Body}}</p>
  {{- with .Link}}
  <p><a rst-btn="primary" href="{{.Href}}">{{.Label}}</a></p>
  {{- end}}
{{template "estilo-door-close"}}{{end}}