{% extends 'layout.html' %}
{% block title %}Login{%endblock%}
{% block title_html %}
    <h1 class="page-title">{{request.settings.SKU_NAME}} Login</h1>
{% endblock %}
{% block content %}
    <!-- LOAD SUCCESS -->
    {% if not request.scheme == 'https' %}
        <div class="warning ssl-warning">
            <p>You are currently viewing the unencrypted version of this site,
            this is dangerous, as you will be transmitting your credentials 
            in the clear over the network.</p>
            <p>Please consider using the 
            <a href="https://{{request.get_host}}{{request.get_full_path}}">SSL-encrypted</a>
            version of the site.</p>
            <p>Note: the site uses a self-signed certificate, so your browser 
            should ask you to confirm that you wish to connect.</p>
        </div>
    {% endif %}
    <form class='primary-form' method="POST">
    {% include 'formfields.html' %}
    <div class="form-actions">
        <button class="primary" type="submit" > Login</button>
    </div>
    </form>
    
{% endblock %}
{% block page_scripts %}
<script type="text/javascript">
    $(document).ready( function() {
        $('input:text, textarea').first().focus();
    });
</script>
{% endblock %}
{% block page_styles %}
<style type="text/css">
    .ssl-warning {
        border: thin solid red;
        background-color: white;
        margin: 2em;
        padding: 1em;
        color: black;
        font-weight: bold;
        font-size: 120%;
    }
</style>
{% endblock %}