<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="shortcut icon" href="{{auto_version('assets/img/favicon.ico')}}">
        <!-- CSS -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">

        <title>Jogar na Campanha InforGreen</title>
        <link href="{{auto_version('assets/css/main.css')}}" rel="stylesheet">
    </head>
    <body>
    <!-- Fundo da Página - TEMA -->
    <header class="intro6">
        
    <!-- Row 1 - LOGOTIPO -->
        <div class="container">
            <div class="row">
                <!-- Coluna 1 - Logotipo -->
                <div class="col-sm-3 text-center"><img class="logo" alt="" src="{{auto_version('assets/img/logo_inforgreen1.png')}}"><br>
            <marquee class="marquee-slogancode">Inauguração da Loja</marquee>
                </div>

                <!-- Coluna 2 - Centro - NADA -->
                <div class="col-md-6"> </div></div>
                
            <!-- Row 2 - TOMBOLA -->
            <div class="row">
                <!-- Coluna 1 - Form -->
                <div class="col-md-3 text-center"></div>

                <!-- Coluna 2 NADA -->
                <div class="col-md-4"> </div>
                <!-- Coluna 3 - TOMBOLA -->
                <div class="col-md-2">
                    <!-- Consola-->
                    <div class="col-sm-2" style="margin-top:-15px; margin-left:0px;">
                        <div class="containerTombola text-center">
                            <div style="margin-top:116px;">
                                <img  class="responsive" id="consola-tombola" alt="" src="assets/img/tombola/tombola-vermelha-16.png">
                                <!-- Shape do Marquee - Efeito redondo -->
                                <img  class="marquee" alt="" id="Shape3" src="{{auto_version('assets/img/tombola/bv10177.png')}}"><br>
                                <!-- Marquee da Tombola-->
                                <marquee direction="up" id="marquee-tombola" scrolldelay="150" scrollamount="2" behavior="scroll" loop="0">
                                    <p id="font1"><b>PROMOÇÃO</b></p>
                                     <p id="font1"><b>Joana+Lisboa+3467</b></p>
                                    <!-- <p id="font3">Saídas: Cinco<br> Probabilidades: 4.368/1<br></p>-->
                                    <p id="font4"><b><i>Boa Sorte!..</i></b></p></marquee>
                                <br>
                                <!-- Buttons RESET -->
                                <a href="http://demo1.cvtanuncios.com/"><img id="reset-green" src="{{auto_version('assets/img/tombola/button-green22.png')}}" alt="..."></a>
                                <!-- Botao APOSTAR E SORTEAR -->
                                <img id="apostPlay" src="{{auto_version('assets/img/tombola/0_botao0.gif')}}" style="cursor: pointer;" class="rounded float-left" alt="...">
                                <img id="apostBet" src="{{auto_version('assets/img/tombola/0_botao1.gif')}}" style="cursor: pointer;display: none" class="rounded float-left" alt="...">
                                <img id="apostSort" src="{{auto_version('assets/img/tombola/0_botao3.gif')}}" onclick="playAudio()" style="cursor: pointer;display: none" class="rounded float-left" alt="...">

                            </div>
                            <!-- Tombola Dinâmica e Slots de Saida -->
                            <div id="d4w4"></div>
                            <div id="d4w3"></div>
                            <div id="d4w2"></div>
                        </div>
                    </div>
                </div>

                <!-- Buttons Footer -->
                <div class="footer"><br>
                
                 <button id="buton-chave1" data-action="stick-sort"  class="btn btn-info btn-sm btn-menu btn-sort active">MARCAR E SORTEAR</button>
                    <button id="buton-chave1" data-action="only-sort"  class="btn btn-info btn-sm btn-menu btn-sort">APENAS SORTEAR</button>
                    <button id="buton-chave2" data-action="fix-sort"  class="btn btn-info btn-sm btn-menu btn-sort">CHAVE-FIXA</button>
                    <button id="buton-chave3" data-action="random-sort"  class="btn btn-info btn-sm btn-menu btn-sort">CHAVE-ALEATORIA</button>
                    
                <br>
                
                         <button id="buton-saidas" data-action="saida"  data-value="2" class="btn btn-dark btn-sm btn-menu btn-saida">2 BOLAS</button>
                    <button id="buton-saidas" data-action="saida"  data-value="3" class="btn btn-dark btn-sm btn-menu btn-saida">3 BOLAS</button>
                    <button id="buton-saidas" data-action="saida"  data-value="4" class="btn btn-dark btn-sm btn-menu btn-saida">4 BOLAS</button>
                    <button id="buton-saidas" data-action="saida"  data-value="5" class="btn btn-dark btn-sm btn-menu btn-saida active">5 BOLAS</button>
                
                    <button data-action="pool"  data-value="1" class="btn btn-dark btn-sm btn-menu btn-pool active">1 POOL*</button>
                    <button data-action="pool" data-value="2" class="btn btn-dark btn-sm btn-menu btn-pool">2 POOLS*</button>
                    <button data-action="pool" data-value="3" class="btn btn-dark btn-sm btn-menu btn-pool">3 POOLS*</button>
                </div>
            </div>
        </div>
    </header>
    </body>
    <script src="{{auto_version('assets/js/jquery-1.12.4.js')}}"></script>
    <script src="{{auto_version('assets/js/jquery-1.12.1-ui.js')}}"></script>
    <script src="{{auto_version('assets/js/popper.min.js')}}"></script>
    <script src="{{auto_version('assets/js/bootstrap.min.js')}}"></script>
    <script src="{{auto_version('assets/js/sweet-alert2.min.js')}}"></script>
    <script src="{{auto_version('assets/js/helper.js')}}"></script>
    <script src="{{auto_version('assets/js/language.js')}}"></script>
    <script src="{{auto_version('assets/js/framework.js')}}"></script>
</html>
