{% extends "layout.html" %}
{% block css %}
<style>
.center_div{
    margin: 0 auto;
    width:80%;
}
</style>
{% endblock %}

{% block jquery %}
<script>
    var cuki = Cookies.get("ident");
    function chk()   {
        var sub = document.getElementById("psw").value;
        if(sub == "") {
            alert("Falta clau");
            return false;
        }
        var pars = {
            i: sub,
        }
        $.post("crd", pars).done(function(datos) {
            datos = JSON.parse(datos);
            Cookies.set('ident', datos.msg, {
                expires: inFifteenMinutes
            });            
            document.forms[0].submit();
        }).fail(function(datos)  {
            alert("No s'ha pogut validar el login");
        });
    }
    $(function() {
        if(cuki)    {
            $("#psw").val(cuki);
            var pars = {
                ck: cuki
            }
            $.post('chktme', pars).done(function(datos)   {
                datos = JSON.parse(datos);
                if(datos.ok) document.forms[0].submit();
                else {
                    document.getElementById("psw").value = "";
                }
            }).fail(function(datos) {
                alert("Error en fer login");
            });
        }
        $('form').bind('keypress', function(e){
           if (e.keyCode == 13) {
            //~ $("#btnIntro").trigger("click");
            chk();
           }
        });
    });
</script>
{% endblock %}

{% block body %}
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <h4 class="text-center">Log in</h4>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <span>&nbsp;</span>
                </div>
                <form action="login" method="POST">
                    <div class="row"> 
                        <div class="col-sm-12 col-md-12"> 
                            <div class="form-group">
                                <div class="col-md-4 col-md-offset-4 text-center"> 
                                    <div class="input-group center_div"> 
                                        <input type="password" value="" id="psw" name="x" placeholder='Entreu la clau'> 
                                    </div>
                                    <div class="row"> 
                                        <div class="col-md-12"> 
                                            <div class="col-md-4 col-md-offset-4 text-center">&nbsp;</div>
                                        </div>
                                    </div>
                                     <button type="button" id='btnIntro' class="btn btn-success" onclick="javascript: chk(); void 0;">Entreu</button> 
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
 {% endblock %}