<html>
  <head>
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0">
    <script src="<<<.CdnPrefix>>>/js/jquery.js"></script>
    <script src="<<<.CdnPrefix>>>/js/signup.js"></script>
    <link rel="stylesheet" href="<<<.CdnPrefix>>>/css/auth.css">
    <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700|Source+Sans+Pro:200,300,400,700" rel="stylesheet">
    <title>Commento: Signup</title>
  </head>

  <div class="navbar">
    <a href="/" class="navbar-item navbar-logo-text"><img src="/images/logo.svg" class="navbar-logo">Commento</a>
    <a href="/login" class="navbar-item">Login</a>
    <a href="/signup" class="navbar-item"><b>Signup</b></a>
  </div>

  <script>
  window.onload = function() {
    window.prefillEmail();
  };
  </script>

  <div class="auth-form-container">
    <div class="auth-form">
      <div class="form-title">
        Create an account
      </div>

      <div class="row">
        <div class="label">Email Address</div>
        <input class="input" type="text" name="email" id="email" placeholder="example@example.com">
      </div>

      <div class="row">
        <div class="label">Full Name</div>
        <input class="input" type="text" name="name" id="name" placeholder="Billie Joe Armstrong">
      </div>

      <div class="row">
        <div class="label">Password</div>
        <input class="input" type="password" name="password" id="password" placeholder="">
      </div>

      <div class="row">
        <div class="label">Confirm Password</div>
        <input class="input" type="password" name="password2" id="password2" placeholder="">
      </div>

      <input type="hidden" name="plan" id="plan" value="">

      <div class="err" id="err"></div>

      <p class="cent">
      </p>

      <button id="signup-button" class="button" onclick="window.signup()">Sign up</button>

      <a class="link" href="/login">Already have an account? Login instead.</a>
    </div>
  </div>

  <div class="footer">
    <div class="footer-inner">
      <div class="links">
        <div class="link-group">
          <div class="header">Your Installation</div>
          <a class="link" href="/login">Login</a>
          <a class="link" href="/signup">Signup</a>
          <a class="link" href="/dashboard">Dashboard</a>
        </div>
        <div class="link-group">
          <div class="header">Documentation</div>
          <a class="link" href="https://docs.commento.io/">Documentation</a>
          <a class="link" href="https://gitlab.com/commento">Open Source</a>
        </div>
        <div class="link-group">
          <div class="header">About</div>
          <a class="link" href="https://commento.io">About Commento</a>
          <a class="link" href="https://commento.io/help">Help</a>
        </div>
      </div>
    </div>
  </div>
</html>