@extends('panelVoting.panel')
@section('content')
    <style>
        .externa {
            position: absolute;
            width: 100%;
            height: 100%;
            background: #000;
        }

        .interna {
            position: relative;
            padding: 5px;
            top: 50%;
            left: 25%;
            width: 50%;
            text-align: center;
            -webkit-transform: translateY( -50% );
            -moz-transform: translateY( -50% );
            transform: translateY( -50% );
        }
    </style>

    <div class="externa">
        <div class="interna">
            <img src="{{$logo}}" width="60%" alt="" class="img-responsive thumbnail">
        </div>
    </div>

    <script src="/assets/js/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
        <script>
        $(document).ready(function () {
            setInterval(function () {
                $.ajax({
                    url: '/get-stage-panel',
                    method: 'GET',
                    async : false
                }).success(function (data) {
                    data = JSON.parse(data);

                    if(data.stage != 'default'){
                        @if(!\App\Models\Parameters::where('slug', 'painel-digital-permitir-multi-sessoes')->first()->value)
                            window.location.href = '/painel-votacao/' + data.stage;
                        @endif
                    }
                });
            }, 1000);
        })
    </script>
@endsection