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

            {% if messages %}
        <div class="messages">
            {% for message in messages %}
            <div{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</div>
            {% endfor %}
        </div>
{% endif %}
<div class="form-container">
    <h3 class="form-title">Sign Up</h3>
    <form action="{% url "signup" %}" method="POST" enctype="multipart/form-data">
        <table class="form-table">
        <tr>
            <th align="left">Userneme:</th>
            <td><input type="email" id="username" name="username" required></td>
        </tr>
        <tr>
            <th align="left">Email:</th>
            <td><input type="email" id="email" name="email" required></td>
        </tr>
        <tr>
            <th align="left">Password:</th>
            <td><input type="password" id="password1" name="password1" required></td>
        </tr>
        <tr>
            <th align="left">Confirm Password:</th>
            <td><input type="password" id="password2" name="password2" required></td>
        </tr>
        {% csrf_token %}
        <tr>
            <th></th>
            <td strong center><input Type="Submit"></td>
        </tr>
        <tr>
            <th> Already have an account? <a href="{% url 'login' %}">Login here</a></th>
        </tr>
        </table>
    </form>
</div>
{% endblock content %}