{% extends '@Core/base_out.html.twig' %}
{% block title %}CLAC CLAC - Login{% endblock %}
{% block content %}


    <!-- Content area -->
    <div class="container-fluid">
        <div class="row row-cover" style="background-image: url('assets/images/neuronal_{{ random(9)+1 }}.png')">

            <div class="col-xs-12 col-md-4"></div>
            <div class="col-md-4" style="padding-left: 5%;padding-right: 5%;">

                <div class="login-container" style="background-color: rgba(255, 255, 255, 0.6);height: 100vh;">
                    <!-- Simple login form -->

                        <div class=" login-form" style="margin-top: 40%; padding: 20px;">


                            <div class="text-center">

                                {% if comodity_conf == false %}
                                    <img class="img-responsive login-logo" src="{{ asset('assets/images/clacclac_dark.png') }}">
                                {% else %}
                                    <img class="img-responsive login-logo" src="{{ asset('assets/images/comodity_white.png') }}" style="width: 100%">
                                {% endif %}

                                <h2 class="content-group">Oppsss !!</h2>
                            </div>


                            {% if errorFlash is defined and errorFlash is not empty %}
                                <div class="alert alert-danger no-border">
                                    <span class="text-semibold">{{ errorFlash }}</span>
                                </div>
                            {% endif %}



                        </div>

                    <!-- footer -->
                    <div class="footer  text-center hidden-xs" style="">
                        hello@clacclac.com<br>
                        <a href="http://clacclac.blog" target="_blank"><strong>Nuestro BLOG</strong></a> <br>
                        <br>
                        © <a href="http://clacclac.com"><strong>CLACCLAC TECHNOLOGIES S.L.</strong></a>
                        <br>
                        <small>Versión {{ app_version }}</small>
                    </div>
                </div>



            </div>
            <div class="col-xs-12 col-md-4"></div>



        </div>

    </div>

    <script>

        $( document ).ready(function() {
            //FOCUS
            $("#code-scan-login").focus();
            //INIT
            $("#code-scan-login").val('');
        });

        $("#code-scan-login").change(function() {
            doScanBar();
        });
        $('form input').keydown(function (e) {
            if (e.keyCode == 13) {
                doScanBar();
                return false;
            }
        });

        function doScanBar(){
            var valor = replaceWrongCharsOnScanbarLogin($("#code-scan-login").val());
            if (valor) {

                // OLD CARDS
                var res = valor.split("#p#");
                if (res.length == 2){
                    $('#username').val(res[0]);
                    $('#password').val(res[1]);

                    //SUBMIT FORM LOGIN
                    $('#form-login').submit();
                }

                // NEW CARDS
                res = valor.split("_p_");
                if (res.length == 2){
                    $('#username').val(res[0]);
                    $('#password').val(res[1]);

                    //SUBMIT FORM LOGIN
                    $('#form-login').submit();
                }

            }
        }

        function replaceWrongCharsOnScanbarLogin(str){

            var res = str.toString();
            res = res.replace(/\"/g, "@");
            res = res.replace(/\·/g, "#");
            res = res.replace(/\-/g, "#");
            res = res.replace(/\?/g, "_");
            res = res.replace(/\·/g, "_");
            res = res.replace(/\_P_/g, "_p_");
            return res;
        }

        (function (global) {

            if(typeof (global) === "undefined") {
                throw new Error("window is undefined");
            }

            var _hash = "!";
            var noBackPlease = function () {
                global.location.href += "#";

                // making sure we have the fruit available for juice (^__^)
                global.setTimeout(function () {
                    global.location.href += "!";
                }, 50);
            };

            global.onhashchange = function () {
                if (global.location.hash !== _hash) {
                    global.location.hash = _hash;
                }
            };

            global.onload = function () {
                noBackPlease();

                // disables backspace on page except on input fields and textarea..
                document.body.onkeydown = function (e) {
                    var elm = e.target.nodeName.toLowerCase();
                    if (e.which === 8 && (elm !== 'input' && elm  !== 'textarea')) {
                        e.preventDefault();
                    }
                    // stopping event bubbling up the DOM tree..
                    e.stopPropagation();
                };
            }

        })(window);
    </script>


{% endblock %}