{% extends "meeting-base.html" %}

{% load staticfiles %}

{% block headtitle %}Forgot Password{% endblock %}

{% block body_class %}blue-bg{% endblock %}

{% block content %}

    <div class="body">
        <div class="login">
            <div class="login-body search-reactive">
                <div class="popup text-center">
                    <img src="{% static 'images/microsite/account/padlock.png' %}" />
                    <div class="title">Forgot Password</div>
                    <hr class="seperator" />
                    <div class="form">
                        <p>Please enter your new password below.</p>
                        {% if messages %}
                            {% for message in messages %}
                                <div class="alert alert-dismissable alert-{% if message.tags == 'error' %}danger{% else %}{{ message.tags }}{% endif %}">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                    {{ message|safe }}
                                </div>
                            {% endfor %}
                        {% endif %}
                        <form action="" method="post">
                            {% csrf_token %}
                            <input class="field" name="password1" type="password" placeholder="Password" />
                            <input class="field" name="password2" type="password" placeholder="Confirm Password" />
                            <input class="submit" name="submit" type="submit" value="SUBMIT" />
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}