{{define "head"}}{{if .Waiting}}<script defer src="{{asset "static/app-offer.js"}}"></script>
<noscript><meta http-equiv="refresh" content="3"></noscript>{{end}}{{end}}
{{define "content"}}
{{template "page-header" dict "Title" .Title}}
<div rst-box>
{{if .Done}}
<p>Return to the Calls app to join your meeting. You can close this tab.</p>
{{else if .Expired}}
<p>Go back to the meeting and choose Join in the app again.</p>
<p><a href="/">Meetings</a></p>
{{else if .Waiting}}
{{/* The web's Join in the app (appOffer): this page waits for the app
     to ask, then becomes the confirmation for it, here, where you are
     signed in. app-offer.js opens the app once and asks every couple of
     seconds; with no script the page refreshes itself every three. */}}
<div id="app-offer" data-app="{{.AppURL}}" data-poll="{{.Poll}}">
<p>Open the Calls app to join this meeting there as you. When the app shows a code, this page will ask you to check it.</p>
<p><a id="open-app" href="{{.AppURL}}" rst-btn="primary lg">Open the Calls app</a></p>
<p id="app-offer-status" role="status">Waiting for the app…</p>
<p><a href="{{.BackHref}}">Back to the meeting</a></p>
</div>
{{else}}
<p>Check that this code matches the one in your Calls app: <strong class="rst-mono">{{.Code}}</strong></p>
{{if .Guest}}
<p>Continue only if you just opened the Calls app on your own device. This lets the app join this meeting as your guest identity.</p>
{{template "confirm-form" dict "Action" .Action "Label" "Continue as guest" "CancelHref" .CancelHref "CancelLabel" "Cancel"}}
{{else}}
<p>Continue only if you just started signing in from the Calls app on your own device. This gives that app access to Calls as the account shown above.</p>
{{template "confirm-form" dict "Action" .Action "Label" "Sign in to Calls app" "CancelHref" "/" "CancelLabel" "Cancel"}}
{{end}}
{{end}}
</div>
{{end}}