<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color"  content="blue">
    <meta name="description" content="Autentique-se no bolão Guimas na Copa, o mais divertido de tdos!">
    <meta name="author" content="Dinarte">
    <link rel="manifest" href="/js/manifest.json">
    <link rel="shortcut icon" href="/favicon.ico" />

    <title>GuimasBet</title>
    
    <!-- jQuery -->
    <script src="/vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="/vendor/metisMenu/metisMenu.min.js"></script>

    <!-- Morris Charts JavaScript -->
    <script src="/vendor/raphael/raphael.min.js"></script>
    <script src="/vendor/morrisjs/morris.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="/dist/js/sb-admin-2.js"></script>
    
    <!-- JavaScript Console for mobile -->
   	
    <script src="/js/eruda.js"></script>
    
    <!-- 
     <script>eruda.init();</script> 
    --> 
   
    <!-- Import Trumbowyg (Richtext)-->
	<script src="/external/trumbowyg/dist/trumbowyg.min.js"></script>
    
    
    <!-- Goggle SingIn Button -->
    <script src="/js/google-client.js" async></script>

    <!-- Bootstrap Core CSS -->
    <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="/vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="/dist/css/sb-admin-2.css" rel="stylesheet">

    <!-- Morris Charts CSS -->
    <link href="/vendor/morrisjs/morris.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    
    <!-- Custom Bolão CSS -->
    <link href="/bolao/css/custom.css" rel="stylesheet">
    
    <!-- Rich text component -->
    <link rel="stylesheet" href="/external/trumbowyg/dist/ui/trumbowyg.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
   
<body>

    <div class="container">
       
    	<div class="row"> 
            
            <div class="col-md-6 col-md-offset-3">
            	
            
                <div class="login-panel panel panel-default">
                
                    <div class="panel-heading">
                    
                    	<div>
	            		<span class="title">GUIMAS.BET. </span>
			               <span class="title">Bolão dos Guimas 2024</span>
		            	</div>
	                    
                    
                        <h3 class="panel-title">Identifique-se Jogador!</h3>
                    </div>
                    
                    
             
                    <div>
                   	   
                    
                       
                           
                       
                           
                        
                    </div>       
                    

                    
                    <div class="panel-body">
                    	<div class="col-12" >
	                    	<div class="col-md-6" >
	                    		<div class="text-center" ><img width="100" class="logo" src="/img/the-new-copa-america-2024-logo.jpg" /></div>
    							<div class="text-center" ><img width="100" class="logo" src="/img/euro-2024-logo.png"></div>
	                    	</div>
                    		<div class="col-md-6" >
		                        <form role="form" action="/login" method="post">
		                            <fieldset>
		                                <div class="form-group">
		                                    <input class="form-control" placeholder="E-mail"  name="email" type="email" autofocus>
		                                </div>
		                                <div class="form-group">
		                                    <input class="form-control" placeholder="Password" name="pass" type="password" value="">
		                                </div>
		                                
		                                <!-- Change this to a button or input when using this as a form -->
		                                <button type="submit" class="btn btn-lg btn-info btn-block" data-loading="loader">Login</button>
		                            </fieldset>
		                        </form>
		                        
		                        <center><strong>OU</strong></center>
		
									
		
		                          <div id="g_id_onload"
							         data-client_id="219382296209-08vq03s2le3kc2rdel9lso990it5g748.apps.googleusercontent.com"
							         data-login_uri="https://guimasbet.com.br/google-oauth"
							         data-locale="pt"
							      	 data-ux_mode="redirect"
							         data-auto_prompt="false"> 
							      </div>
							      <div class="g_id_signin"
							         data-type="standard"
							         data-size="large"
							         data-theme="filled_blue"
							         data-text="sign_in_with"
							         data-shape="rectangular" 
							         data-callback="OnSuccess"
							         data-logo_alignment="left">
							      </div>
		                        
		                        <center><strong>OU</strong></center>
		                        
		                        <a href="/singup" class="btn btn-lg btn-success btn-block">Cadastre-se agora!</a>
	                        </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
    
        <!-- cards-->
        <!-- <div class="row">
            <div class="col-lg-12 col-lg-offset-1">
                <div class="col-lg-2 col-md-6">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa fa-users fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge" th:text="${qtdParticipantes}">38</div>
                                    
                                </div>
                            </div>
                        </div>
                        <a th:href="${'/' + bolao.permalink + '/participantes'}" href="/participantes">
                            <div class="panel-footer">
                                <span class="pull-left">Participantes.</span>
                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6">
                    <div class="panel panel-green">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa fa-usd fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge" th:text="${premioEstimado}">R$ 1.500,00</div>
                                </div>
                            </div>
                        </div>
                        <a th:href="${'/' + bolao.permalink + '/regulamento'}" href="/regulamento">
                            <div class="panel-footer">
                                <span class="pull-left">Prêmio Estimado!</span>
                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6">
                    <div class="panel panel-yellow">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa fa-trophy fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    
                                </div>
                            </div>
                        </div>
                        <a th:href="${'/' + bolao.permalink + '/ranking'}" href="/ranking">
                            <div class="panel-footer">
                                <span class="pull-left">Ranking completo</span>
                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6">
                    <div class="panel panel-gray">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa  fa-bar-chart-o fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    
                                </div>
                            </div>
                        </div>
                        <a th:href="${'/palpite/consultar'}" href="/ranking">
                            <div class="panel-footer">
                                <span class="pull-left">Análise de Desempenho</span>
                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div> 
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6">
                    <div class="panel panel-red">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa fa-book fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge"></div>
                                    
                                </div>
                            </div>
                        </div>
                        <a th:href="${'/' + bolao.permalink + '/regulamento'}" href="/regulamento">
                            <div class="panel-footer">
                                <span class="pull-left">Regulamento</span>
                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- cards end -->
        <div class="row text-center">
            	guimasbet.com.br:v2.0.20260514-10:12:23-SNAPSHOT
        </div>
        
        
          <!-- Popup app -->
        <div class="popup-overlay"></div>
        <div class="app-popup">
            <div class="app-popup-detail">
                <h6>GuimasBET App</h6>
                <p>Isntale o app do Guimas bet e fique ligado no seu bolão com mais facilidade.</p>
                <div class="btn-group">
                    <button class="ki-btn-1" id="install_btn">Instalar</button>
                    <!--<button class="ki-btn-1" class="ki-btn-1 m-l-5 close-popup">Skip</button> -->
                </div>
            </div>
        </div>   
	</div>

    <scriptblock>
	
    
    <script>
    
    setInterval(() => {
        fetch('/heartbeat', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            },
            //body: new URLSearchParams({ 'username': 'current_user' })
        });
    }, 30000); // 30 segundos
    
    // tooltip demo
    $('.tooltip-demo').tooltip({
        selector: "[data-toggle=tooltip]",
        container: "body",
       	content: function() {
               return $(this).attr('data-content');
             },
    })
    // popover demo
    $("[data-toggle=popover]")
        .popover()

    
    
    let el = document.createElement('div');
	document.body.appendChild(el);

	/*
	eruda.init({
	    container: el,
	    tool: ['console', 'elements']
	});
	*/
    
	
    
    $(window).on('load', function () {
    	
	      $(".loader").fadeOut("fast"); //retire o delay quando for copiar!
	  //  $("#wrapper").toggle("fast");
	});
    
    $( '[data-loading="loader"]' ).click(function(obj) {
  		//alert($(obj).attr('href'));
	  $(".loader").fadeIn("fast");
	});
    
    $(function () { 	
	  $('[data-toggle="tooltip"]').tooltip()
	  
	  //inicialisa editor de texto
	  if ($('#editor').length) {
	  	$('#editor').trumbowyg();
	  }
	  
	  if ($('#editor_pagamento').length) {
	  	$('#editor_pagamento').trumbowyg();
	  }
	})
	
	const copyButton = null;
	if ($('#textToCopy').length) {			
	      copyButton = document.getElementById('copy');
	      textToCopy = document.getElementById('textToCopy');
	      
	      copyButton.addEventListener('click', () => {
	          textToCopy.select();
	          document.execCommand('copy');
	          alert('Código copiado com sucesso!');
	        });
	}
    
				
				  
				            
	
	function formatDate(d) {
    		//alert(d);
		    var weekdays = new Array(7);
		    weekdays[0] = "Dom";
		    weekdays[1] = "Seg";
		    weekdays[2] = "Ter";
		    weekdays[3] = "Qua";
		    weekdays[4] = "Qui";
		    weekdays[5] = "Sex";
		    weekdays[6] = "Sab";
		
		    return weekdays[d.getDay()] + ' ' + 
		           ("0" + (d.getMonth() + 1)).slice(-2) + '/' + 
		           ("0" + (d.getDate())).slice(-2);
	}
    </script>
 </scriptblock>
    
    <script src="/js/service.js"></script>

</body>

</html>
