{% extends "global/Page.html" %}
{% load otree static %}

{% block styles %}
<link rel="stylesheet" href="{% static 'apps/DEMOGRAPHICS/css/AppStyles.css' %}">
<link rel="stylesheet" href="{% static 'apps/DEMOGRAPHICS/css/Account.css' %}">
{% endblock %}

{% block title %}
Your Account
{% endblock %}

{% block content %}
<div id="content-box">
    Please create an account.
    <p>
        Email address:
        {% formfield player.EMAIL %}
    </p>
    <p>
        Password:
        {% formfield player.PASSWORD %}
    </p>
    <p>
        Confirm your password:
        {% formfield player.PASSWORD_2 %}
    </p>
</div>
<div id="button-box">{% next_button %}</div>
{% endblock %}

{% block scripts %}
<script src="{% static 'apps/DEMOGRAPHICS/js/Account.js' %}"></script>
{% endblock %}