{% extends "base.html" %}

{% block title %}Welcome, friend, to git.kittencollective.com{% endblock %}

{% block header %} {% endblock %}

{% block content %}

<div role="main" aria-label="Sign In" class="page-content user signin">
    <div class="ui middle very relaxed page grid">
        <div class="ui container column fluid">
            <h4 class="ui top attached header center">
                Sign Up
            </h4>
            <div class="ui attached segment">
                <form class="ui form" action="/signup" enctype="application/x-www-form-urlencoded" method="post">
                    <input type="hidden" value="{{ self.receipt }}" name="receipt">
                    <div class="required inline field ">
                        <label for="username">Username</label>
                        <input type="text" name="username" id="username" minlength="1" maxlength="20" required></br>
                    </div>

                    <div class="inline field ">
                        <label for="displayname">Displayname (optional)</label>
                        <input type="text" name="displayname" id="displayname"></br>
                    </div>

                    <div class="required inline field ">
                        <label for="email">Email</label>
                        <input type="text" name="email"></br>
                    </div>

                    <div class="required inline field ">
                        <label for="password">Password</label>
                        <input type="password" name="password" id="password" required></br>
                    </div>

                    <div class="required inline field ">
                        <label for="confirm_password">Confirm Password</label>
                        <input type="password" name="pw_verify" id="pw_verify" required></br>
                    </div>

                    <div class="inline field">
                        <label></label>
                        <button class="ui primary button">
                            Sign Up
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


{% endblock %}