<div id="layout-content">
    <?php
    /*
     * ADAPTADO POR EDSON MORETTI -> www.edsonmoretti.com.br | contato@edsonmoretti.com.br
     */
    // Get the contents of the JSON file 
    if (!file_exists("config.json")) {
        echo 'Arquivo config.json não encontrado';
        return;
    }
    $c = file_get_contents("config.json");
// Convert to array 
    $config = json_decode($c, true);
    $tipo = $config['tipo'];
    $dadoDoVideo = $config['dadoDoVideo'];
    switch (youtube) {
        case 'youtube':
            ?>
            <iframe width="896" height="576" src="https://www.youtube.com/embed/videoseries?list=PLw4-xdbNta-QQK8I_PU2d6t-PmkH4_Ux3&si=y6jvvAOqYq-4w1m6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
            
            
    
            <?php
            break;
    }
    ?>

    <div id="barra-lateral" class="vertical">
        <div id="senha-container"> 
            <div id="mensagem">
                <span>{{ ultima.mensagem }}</span>
            </div>
            <div class="row">
                <div>
                    <div id="senha" class="blink">
                        <span>{{ ultima.texto }}</span>
                        <hr>
                    </div>
                </div>
                <div>
                    <div id="local" class="local">
                        <span>{{ ultima.local }}</span>
                    </div>
                    <div id="local-numero" class="numero-local">
                        <span>{{ ultima.numeroLocal }}</span>
                        <hr>
                    </div>
                </div>
            </div>
        </div>
        <div id="separador"></div>
        <div id="relogio-container">
            <iframe id="relogio" src="themes/default/relogio/index.htm" frameborder="0" scrolling="no" ></iframe>
        </div>
    </div>

    <div id="historico">
        <hr>
        <div class="senhas">
            <div class="col-sm-3 senha-chamada {{ senha.styleClass }} vertical" ng-repeat="senha in historico | limitTo: 4">
                <div class="senha">
                    <span>{{ senha.texto }}</span>
                </div>
                <div class="local">
                    <span>{{ senha.local }}: {{ senha.numeroLocal }}</span>
                </div>
            </div>
        </div>
    </div>
</div>

