{% extends "security/security.html" %}
{% from "_form.html" import form_field %}

{% block content %}

    <div class="histowiz-box">
        Please register. You will be able to submit an order, and see the IHC antibody catalog, price, shipping instructions, dropbox locations and more.
    </div>

<h2>Login</h2>
<form method="POST" action="">
    {{ login_user_form.hidden_tag() }}
    <fieldset>
        {{ form_field(login_user_form.email, placeholder=True) }}
        {{ form_field(login_user_form.password, placeholder=True) }}
        {{ form_field(login_user_form.remember) }}
        <p><button type="submit" class="btn btn-primary">Login</button>
            <button type="button" id="demo-btn" class="btn btn-primary">Demo Library</button>

    </fieldset>
</form>

{{ super() }}

<div id="loading-div-background">
  <div id="loading-div" class="ui-corner-all">
    <img style="height:32px;width:32px;margin:30px;" src="/static/media/ajax_loader_vector.gif" alt="Loading.."/><br>Loading demo library, please wait...
  </div>
</div>
<script>
    function ShowProgressAnimation(){
        $("#loading-div-background").show();
    }

    function load_demo() {
        $("#email").val('demo@histowiz.com');
        ShowProgressAnimation();
        $("body form").first().submit();
    }
    
    $(document).ready(function(){
        $(document).on('click', "#demo-btn", function(){
            load_demo();
        });
        
        $("#loading-div-background").show();
        $("#loading-div-background").css({ opacity: 1.0 });
        $("#loading-div-background").hide();
        
        if (window.location.search.indexOf('?demo') > -1) {
            load_demo();
        }
    });
</script>

{% endblock %}