{% load i18n %}
<div class="section login-section">
<div class="logged-out-content initially-hidden">
<form class="login {{ content.extra_classes }} innerlabels" method="post"
    action="{{ content.action_url }}local">
    <h2 class="formheader"><span>{{ content.title }}</span></h2>
    <div class="form-row">
        <label for="username">username</label>
        <input class="text" type="text" title="username" name="username"
        id="username"/>
    </div>
    <div class="form-row">
        <label for="password">password</label>
        <input class="text" type="password" title="password" name="password"
        id="password"/>
    </div>
    <div class="form-row submit">
        <input type="submit" class="submit" value="SUBMIT" />
        {% if content.display_forgot_password %}
        <a class="extra-link" href="{{ content.action_url }}local/password_reset">
            forgot your password ?
        </a>
        {% endif %}
    </div>
    {% if content.next_url %}
    <input type="hidden" name="next" value="{{ content.next_url }}"/>
    {% endif %}
</form>
<div class="bottom">
{{ content.bottom_content|safe }}
</div>
</div>
</div>
<div class="logged-in-content initially-hidden">
    {{ content.logged_in_content|safe }}
</div>
<script>
    $(document).ready(function(){
        var logged_in = $.cookie(window.CLOUDBAR_COOKIE_NAME);
        if (logged_in != null) {
            $(".login-section").removeClass("loggedout");
            $(".login-section").addClass("loggedin");
            $(".logged-out-content").hide();
            $(".logged-in-content").show();
        } else {
            $(".login-section").removeClass("loggedin");
            $(".login-section").addClass("loggedout");
            $(".logged-in-content").hide();
            $(".logged-out-content").show();
        }
    })
</script>
</div>