{% extends "base/base-back.html.twig" %}
{% block title %}Totem | Cershop{% endblock %}
{% block metadescription %}Totem{% endblock %}
{% block metareload %}<meta http-equiv="refresh" content="60">{% endblock %}
{% block stylesheet %}
    {{ parent() }}
{% endblock %}

{% block titulo %}Totem{% endblock %}
{% block contenido %}

<div class="container-fluid text-center">
    <div class="row">
        <div class="col">
            <img src="/uploads/distribuidores/{{ totem_qr.totem.distribuidor.id }}/totems/qrcode_{{ totem_qr.referencia }}.png" style="max-width: 300px;">
        </div>
    </div>    
</div>

{% endblock %}

{% block javascript %}
{{ parent() }}
<script type="text/javascript">
    $(document).ready(function() {
        function disableBack() {
            window.history.forward()
        }
        window.onload = disableBack();
        window.onpageshow = function(e) {
            if (e.persisted)
                disableBack();
        }
    });
    
    var socket;
    {% if 'cershop.local' not in app.request.uri %}
        var host = "wss://{{ dominio }}:{{ puerto_websockets }}";
    {% else %}
        var host = "ws://localhost:8000";
    {% endif %}
    try {
        socket = new WebSocket(host);
        socket.onopen = function(msg) {
            console.log('Abierto: '+msg);
            socket.send('t={{ totem_qr.referencia }}');
        };
        socket.onmessage = function(msg) {
            console.log('Mensaje: '+msg.data);
            var elementos = msg.data.split('ok=');
            //es un totem
            if(elementos.length == 2) {
                quit();
                window.location.href = '{{ path('totemAddCookieBase') }}'+elementos[1];
            }
        };
        socket.onclose = function(msg) {
            console.log('Cerrado: '+msg);
        };
    }
    catch (ex) {
        console.log(ex);
    }
    
    function quit() {
        if (socket != null) {
            socket.close();
            socket = null;
        }
    }
</script>
{% endblock %}