{% extends layout_template  %}

{% block title %}Register{% endblock %}

{% block content %}

    {% if app.user %}
        <p>Hello, {{ app.user.displayName }}. You are already registered and signed in.</p>
        <p><a href="{{ path('user.logout') }}">Sign out</a></p>

    {% else %}
        <div class="page-header">
            <h1>
                Create an account<br/>
                <small>Already have an account? <a href="{{ path('user.login') }}">Sign in now.</a></small>
            </h1>
        </div>

        {% if error %}
            <div class="alert alert-error">{{ error|nl2br }}</div>
        {% endif %}

        <form class="form-horizontal" method="POST">

            <div class="control-group">
                <label class="control-label" for="input-email">Email</label>
                <div class="controls">
                    <input name="email" type="email" id="input-email" placeholder="Email" required value="{{ email }}">
                    <span class="help-inline">Never shared</span>
                </div>
            </div>

            <div class="control-group">
                <label class="control-label" for="input-password">Password</label>
                <div class="controls">
                    <input name="password" type="password" id="input-password" required placeholder="Password">
                </div>
            </div>

            <div class="control-group">
                <label class="control-label" for="input-confirm-password">Confirm password</label>
                <div class="controls">
                    <input name="confirm_password" type="password" id="input-confirm-password" required placeholder="Confirm password">
                </div>
            </div>

            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn">Register</button>
                </div>
            </div>
        </form>

    {% endif %}
{% endblock %}