{% extends "static/static_base.html" %}

{% block content %}
    {% if message %}
        <div class="alert alert-danger" role="alert">
            {{ message }}
        </div>
    {% elif success_message %}
        <div class="alert alert-success" role="alert">
            {{ success_message }}
        </div>
    {% else %}
        <div class="alert alert-success" role="alert">
            Kia ora! We are running our closed beta tests at the moment. It would be great to get your help as tester,
            you
            can apply to become tester by registering for this page, just hit the button below. More information on the
            beta
            test is available in our <a href="https://community.envipath.org/t/apply-to-join-our-closed-beta/95">
            community
            form</a>
        </div>
    {% endif %}
    <div class="modal-dialog" style="margin:30px auto; z-index:9999;">
        <div class="modal-content">
            <div class="modal-body">
                <form class="form-horizontal" method="post" action="{% url 'login' %}">
                    {% csrf_token %}
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label" for="username">Username</label>
                            <div class="controls">
                                <input required id="username" name="username" type="text"
                                       class="form-control" placeholder="username" autocomplete="username">
                            </div>
                            <label class="control-label" for="passwordinput">Password:</label>
                            <div class="controls">
                                <input required id="passwordinput" name="password" class="form-control"
                                       type="password" placeholder="********" autocomplete="current-password">
                            </div>
                            <div class="form-group text-center" style="margin-top:15px;">
                                <a href="{% url 'password_reset' %}">Forgot your password?</a>
                            </div>
                        </div>

                        <div class="control-group">
                            <label class="control-label" for="signin"></label>
                            <div class="controls">
                                <button id="signin" name="signin" class="btn btn-success pull-right">Sign In
                                </button>
                                <a class="btn btn-primary" href="{% url 'register' %}">Create an Account</a>
                            </div>
                        </div>
                        <input type="hidden" name="next" value="{{ next }}"/>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
{% endblock %}