{% extends 'base_turnoweb.html.twig' %}

{% block title %}Turnomate{% endblock %}

{% block body %}

<div class="container">

              <div class="card-body box-profile">
                <div class="text-center">
                  <img src="/img/logo-solutions.png" class="main-logo" alt="logo" id="main_logo">
                </div>
                 <hr>

                <h2 class="text-center">{{ turno.data.fila.nombre }}</h2>
                <p class="text-center">{{ "now"|date("m/d/Y H:i:s") }}</p>

                <p class="text-muted text-center"></p>

                <div style="width:100%; height:500px; background-image: url('/img/ticket.jpg'); background-size:contain; background-position: 50% 50%; background-repeat:no-repeat">

                    <div style="text-align:center;padding-top:210px; font-size:60px">
                    <b>{{ turno.data.turno_label }}</b>
                    </div>
    
                </div>
              
              </div>
              <a href="{{ path('turno_web_obtener',{local:turno.data.fila.sector.local.id})}}" class="btn btn-block btn-outline-primary" style="padding:15px;">Volver&nbsp;&nbsp;<i class="fas fa-arrow-circle-left"></i></a>
    
            </div>

                 

</div>
<script type="text/javascript">

    miStorage = window.localStorage;
    var turno = {'fila':'{{ turno.data.fila.id }}','turno':'{{ turno.data.turno_label }}'};
    miStorage.setItem('turno',JSON.stringify(turno));
    //console.log(miStorage.getItem('turno'));


    console.log(turno);
</script>
{% endblock %}