inou/portal/templates/verify.tmpl

34 lines
1.6 KiB
Cheetah

{{define "verify"}}
<div class="sg-container" style="justify-content: center;">
<div style="flex: 1; display: flex; align-items: center; justify-content: center;">
<div class="data-card" style="padding: 48px; max-width: 400px; width: 100%;">
<div style="text-align: center; margin-bottom: 24px; font-size: 1.5rem;"><span style="font-weight: 700; color: var(--accent);">inou</span> <span style="font-weight: 400; color: var(--text-muted);">health</span></div>
<h1 style="font-size: 2rem; font-weight: 700; text-align: center; margin-bottom: 8px;">{{.T.check_email}}</h1>
<p style="text-align: center; color: var(--text-muted); font-weight: 300; margin-bottom: 32px;">{{.T.code_sent_to}}<br><strong style="color: var(--text);">{{.Email}}</strong></p>
{{if .Error}}
<div class="error">{{.Error}}</div>
{{end}}
<form action="/verify" method="POST">
<input type="hidden" name="email" value="{{.Email}}">
<div class="form-group">
<label>{{.T.verification_code}}</label>
<input type="text" name="code" required maxlength="6" pattern="[0-9]{6}"
class="code-input" placeholder="000000" autocomplete="one-time-code" autofocus>
</div>
<button type="submit" class="btn btn-primary btn-full">{{.T.verify}}</button>
</form>
<p style="text-align: center; margin-top: 24px; font-size: 0.9rem; font-weight: 300; color: var(--text-muted);">
<a href="/start">{{.T.use_different_email}}</a>
</p>
</div>
</div>
{{template "footer"}}
</div>
{{end}}