{% extends 'mobile-index.html' %}

{% block head %}
    <style>
        .mobile-user-controls {
            display: none;
        }
    </style>
{% endblock %}

{% block content %}
    {% if show_login %}
        <script type="application/javascript">
            $(function() {
                DosisAuth.Login.addLoginFormAlert('{{ unauthorized_alert.msg }}', '{{ unauthorized_alert.type }}');
                DosisAuth.Login.registerRedirectAfterLogin("{{ next }}");
                DosisAuth.Login.showModal();
            });
        </script>
    {% endif %}
    <div class="spacer-md-auth"></div>
    <div id="login_bar" class="user-controls-container-auth col-2 align-items-center justify-content-center" style="display: none;">
        <div class="user-controls-auth" style="background-color: white">
            <button type="button" class="btn btn-primary btn-lg btn-primary-auth">Login</button>
        </div>
    </div>

    <div id="login_form" class="container-fluid">
        <div id="form_content" class="bg-light">
            <div id="form_body"></div>
        </div>
    </div>
{% endblock %}