{% extends "base.html" %}
{% block title %}Create account{% endblock %}
{% block content %}
<div class="auth panel">
  <h1>Create your account</h1><p class="sub">Free plan: {{ plans.free.monitors }} monitors, checks every {{ plans.free.min_interval }} minutes, one status page. No card needed.</p>
  {% if error %}<div class="flash err">{{ error }}</div>{% endif %}
  {% if google_client_id %}
  <div id="g_id_onload" data-client_id="{{ google_client_id }}" data-login_uri="{{ base_url }}/auth/google" data-auto_prompt="false" data-use_fedcm_for_prompt="true"{% if invite %} data-state="{{ invite }}"{% endif %}></div>
  <div class="g_id_signin" data-type="standard" data-size="large" data-theme="filled_black" data-text="signup_with" data-shape="rectangular" data-width="360" style="margin-bottom:14px"></div>
  <div class="small dim" style="text-align:center;margin:6px 0 14px">or with email</div>
  {% endif %}
  <form method="post" action="/signup">
    <input type="hidden" name="csrf" value="{{ csrf }}"><input type="hidden" name="invite" value="{{ invite or '' }}">
    <div class="row"><label>Email</label><input type="email" name="email" value="{{ email or '' }}" required autofocus></div>
    <div class="row"><label>Password</label><input type="password" name="password" minlength="8" required><div class="help">At least 8 characters.</div></div>
    <button class="btn primary block">Create account</button>
  </form>
  <p class="small muted" style="margin-top:16px">By signing up you agree to the <a href="/terms">terms</a>. Already have an account? <a href="/login{% if invite %}?next=/invite/{{ invite }}{% endif %}">Log in</a></p>
</div>
{% endblock %}
{% block scripts %}{% if google_client_id %}<script src="https://accounts.google.com/gsi/client" async defer></script>{% if invite %}<script>document.cookie="vigil_invite={{ invite }};path=/;max-age=3600;samesite=lax";</script>{% endif %}{% endif %}{% endblock %}