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

{% load staticfiles %}

{% block headtitle %}Login{% 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">ACCOUNT LOGIN</div>
                    <hr class="seperator" />

                    <div class="form">
                        <p>Login to your account for the main PSGBI website. Once you have logged in you can create your personalised programme and add your own notes.</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="{% url 'meeting_login' meeting_information.slug %}{% if request.GET.next %}?next={{ request.GET.next }}{% endif %}" method="post">
                            {% csrf_token %}
                            <input class="field" name="email_address" type="email" placeholder="Email Address" />
                            <input class="field" name="password" type="password" placeholder="Password" />
                            <input class="submit" name="submit" type="submit" value="LOGIN" />
                            <a class="forgotten" href="{% url 'meeting_forgot_password' meeting_information.slug %}">Forgotten your password?</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}