{% extends "layout.twig" %}

{% block body %}
    <div class="login-wrapper">
        <div class="login">
            <img src="/img/logo-blue.svg" style="margin-left: auto;margin-right: auto;display: block;">
            <h1>Nextcloud AIO Login</h1>
            {% if is_login_allowed == true %}
                <p>Log in using your Nextcloud AIO password:</p>
                <form method="POST" action="/api/auth/login" class="xhr">
                    <input type="text" autocomplete="off" name="password" placeholder="Password" />
                    <input type="hidden" name="{{csrf.keys.name}}" value="{{csrf.name}}">
                    <input type="hidden" name="{{csrf.keys.value}}" value="{{csrf.value}}">
                    <input type="submit" class="button" value="Log in" />
                </form>
            {% else %}
                <p>The login is blocked since Nextcloud is running.<br>Please use the <a href="https://github.com/nextcloud/all-in-one#how-to-easily-log-in-to-the-aio-interface"><b>automatic login</b></a> from your Nextcloud.<br><br>
                If that is not possible, you can unblock the login by running<br><b>sudo docker stop nextcloud-aio-apache</b></p>
            {% endif %}
        </div>
    </div>
    <script type="text/javascript" src="before-unload.js"></script>
    <div id="overlay">
        <div class="loader"></div>
    </div>
{% endblock %}