{% extends 'index.html' %} {% block header %}
<h1 class="blue-grey-text text-lighten-5 center">
  UwU Me!
</h1>
<h5 class="grey-text text-lighten-1 center">
  Sign Up Page
</h5>
{% endblock %} {% block content %} {% for message in get_flashed_messages() %}
<div class="card-panel red accent-1">
  <p>
    {{ message }}
  </p>
</div>
{% endfor %}
<div class="card-panel grey darken-3">
  <div class="row">
    <form class="col s12" action="" method="post">
      <div class="row">
        <div class="input-field col s12 m6">
          <input
            type="text"
            placeholder="Username"
            name="username"
            value="{{
              request.form.username }}"
            id="username"
          />
        </div>
        <div class="input-field col s12 m6">
          <input
            type="password"
            placeholder="Password"
            name="password"
            value="{{
              request.form.password }}"
            id="password"
          />
        </div>
      </div>
      <button
        class="col s10 offset-s1 waves-light btn btn-block blue darken-2 z-depth-2"
        type="submit"
      >
        Create Account
      </button>
    </form>
  </div>
</div>
<div class="card-panel grey darken-3">
  {% for item in content_text %}
  <p class="blue-grey-text text-lighten-5">
    {{ item }}
  </p>
  {% endfor %}
</div>
{% endblock %}