{% extends "base.html.twig" %}
{% block content %}

<div class="login-page">
  <div class="login-page-logo">Zer.ooo</div>
  <div class="intro-page-welcome-text">Register with an invite</div>
  <ul class="topnav">
  <li><a href="/">Home</a></li>
 </ul>
</div>

  <div class="info-page">
    <div class="login-page-form">
        {% if error %}
          <div class="alert alert-warning" role="alert">
            {{ error }}
          </div>
        {% endif %}
        
      <form method="post" action="/register">
        <input id="invite" type="text" placeholder="Invitation code" value="{{ invite }}" name="invite">
        <br><br>
        <input id="email" type="text" value="{{ email }}" placeholder="Your e-mail" name="email">
        <br><br>
        <input id="username" type="text" value="{{ username }}" placeholder="Your username" name="username">
        <br><br>
        <input id="password" type="password" placeholder="Password" name="password">
        <br><br>
        <p>Already registered? <a href="/login">Login here.</a></p>
        <button type="submit">Register</button>
      </form>
    </div>
  </div>
{% endblock %}