<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Login - Tivel</title>
    <link rel='shortcut icon' href='/favicon.ico'>
    <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>

    <!-- flag do layout novo-->
    <script type="text/javascript">    
        var bLayoutNovo = true;    
    </script>
    
            <!--CSS's necessários para o template-->
                    <!--0-->
                                <!--default_layout_novo-->
                                                                                            <link href="/css/main_layout_novo.css?bd=09-10-8" rel="stylesheet" type="text/css" media="all" />
                                                            	

    <!--Código XAJAX-->
    
<script type="text/javascript" charset="UTF-8">
/* <![CDATA[ */
try { if (undefined == xajax.config) xajax.config = {}; } catch (e) { xajax = {}; xajax.config = {}; };
xajax.config.requestURI = "/index.xajax.php";
xajax.config.statusMessages = false;
xajax.config.waitCursor = false;
xajax.config.version = "xajax 0.5";
xajax.config.legacy = false;
xajax.config.defaultMode = "asynchronous";
xajax.config.defaultMethod = "POST";
/* ]]> */
</script>
<script type="text/javascript" src="/xajax_js/xajax_core.js" charset="UTF-8"></script>
<script type="text/javascript" charset="UTF-8">
/* <![CDATA[ */
window.setTimeout(
 function() {
  var scriptExists = false;
  try { if (xajax.isLoaded) scriptExists = true; }
  catch (e) {}
  if (!scriptExists) {
   alert("Error: the xajax Javascript component could not be included. Perhaps the URL is incorrect?\nURL: /xajax_js/xajax_core.js");
  }
 }, 2000);
/* ]]> */
</script>

<script type='text/javascript' charset='UTF-8'>
/* <![CDATA[ */
xajax_ErroClientSide = function() { return xajax.request( { xjxfun: 'ErroClientSide' }, { parameters: arguments } ); };
xajax_IndexXajax = function() { return xajax.request( { xjxfun: 'IndexXajax' }, { parameters: arguments } ); };
xajax_KeepAlive = function() { return xajax.request( { xjxfun: 'KeepAlive' }, { parameters: arguments } ); };
xajax_EsqueceuSenha = function() { return xajax.request( { xjxfun: 'EsqueceuSenha' }, { parameters: arguments } ); };
/* ]]> */
</script>

	
	<script language="javascript">

	// tratamento de erros padrão
	var maxErros = 1;
	var numErros = 0;
	var template = '/home/tivel/public_html/smarty/templates/include/header.inc.tpl'; // template principal chamado pelo smarty (esta variável será atualizada no template que inclui este)

	var bVersaoParaImpressao = false;

	var bPaginaTemVersaoParaImpressao = false;

	

	/**
	* TRATAMENTO GENÉRICO DE ERROS
	* utilizar throw new Error(msg)
	* ref: http://help.dottoro.com/ljfhismo.php
	*/
	window.onerror=function(msg, url, linenumber){

		// não reporta erros do IE (é o jeito...)
		if(navigator.appName.indexOf('Microsoft') != -1)
			return;

		// aviso inofensivo do navegador (layout recalculado no mesmo frame): não é erro da aplicação
		if(String(msg).indexOf('ResizeObserver loop') != -1)
			return true;

		tempoMaxDivLoadingNaTela = 40000; //10s

		numErros++;
		if(numErros > maxErros)
			return false;

		// reporta caminho até o erro: rotina > inc > tpl
		
		path = document.location.href + ' >  > ? > header.inc.tpl';
        template = 'header.inc.tpl';
		

		//montra a string do caminho do erro
		if(template != '' && ! (template.indexOf('header.inc.tpl') >= 0))
			path += ' > ' + template;

		if(url != '')
			path += ' > ' + url;
				
		err = Array();
		err['description'] = msg;
		err['fileName'] = path;
		err['lineNumber'] = linenumber;

        /**
         * @link http://stackoverflow.com/questions/5913978/cryptic-script-error-reported-in-javascript-in-chrome-and-firefox
         */
        if (msg.match(/^Script Error\.$/i)) return;

        /**
         * New Relic gera um javascript [https://docs.newrelic.com/docs/browser/new-relic-browser/getting-started/troubleshooting-page-view-monitoring] que, aparentemente, gera um erro client side
		 * Qdo isso ocorre na tela de login, a requisição para reportar o erro client side chega no servidor sem que o usuário esteja logado, o que abre outro prompt de login (que, por sua vez, faz a mesma coisa)
		 */
		if(window.name == 'LOGIN')
			return;

		//reporta o erro por ajax
                if (typeof xajax_ErroClientSide != 'undefined')
                    xajax_ErroClientSide(msg,err, template);

		if(dumpErro)
                    alert('Erro: ' + msg + '<br>File: ' + path + '<br>Line: ' + linenumber);

		return true;

	}
		
	

	var rotina = '';
	var rotinaConteudo = '';

	// propriedades da Janela
	// FK: não é possível setar o nome do frame pois FRM_CONTEUDO deve ser apenas o iframe da janela principal, já que há diversos links apontando (target) para ele
	//window.name='PRINCIPAL';
	//window.id='PRINCIPAL';

	var dumpErro = '';

	</script>
	<!--JS's necessários para o template-->
                                        <!--0-->
                                                                                            <!--default_layout_novo-->
                                        
                                                                        <script type="text/javascript" src="/js/principal.js?bd=111026-1"></script>
                                            
                                                                        <script type="text/javascript" src="/js/responsividade_dupla.js?bd=260926-2"></script>
                                            
                                                                        <script type="text/javascript" src="/js/rollover.js"></script>
                                                                                                                    
            <script type="text/javascript">
                
            </script>
        	
	<!-- MSGS ONLOAD! -->
	<!-- MochiKit -->
	<script type="text/javascript" src="/js/MochiKit/MochiKit.js"></script>
	<script type="text/javascript" src="/js/MochiKit/Signal.js"></script>	
	<script type='text/javascript' src='/js/TransparentMessage.js?bd=150518'></script>
	<script language='javascript'>
	var msgOnloadErro = '';
		var msgOnloadWarning = '';
var msgOnloadOk = '';

	</script>
	        
        <div style="position: absolute; top: 5px; right: 30px; width: 1px; z-index: 1000;" id="div_opcoes_fixa" name="div_opcoes_fixa">
            <nobr>
                
                            </nobr>
        </div>


<script src="/js/jquery-1.9.1.js"></script> 

<script>
    if (document.getElementById('load_conteudo'))
        document.getElementById('load_conteudo').style.display = 'none';

    if (parent.document.getElementById('load_conteudo'))
        parent.document.getElementById('load_conteudo').style.display = 'none';
</script>

    
    <div class="modal fade" id="modal_bootstrap" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" id="div_modal_bootstrap_dialog">            
            <div class="modal-content" id="div_modal_bootstrap_content" style="background-color: #f6f9ff !important;">
                <div class="modal-header listra_horizontal_azul_titulo_header_modal" id="div_modal_bootstrap_header" style="padding: 5px; margin: 0px; min-height: 46px;">
                    <h1 class="modal-title" id="h1_modal_bootstrap_titulo" style="width: 100%; text-align: center; font-weight: bold; font-size: 15px; word-break: break-word;">
                        <!--Título do modal (header)-->
                    </h1>                    
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="font-size: 32px; padding-top: 0px; padding-bottom: 0px;">
                        <!-- Botão X lateral no topo para fechar-->
                    </button>
                </div>
                <div class="modal-body" id="div_modal_bootstrap_body" style="padding: 1px;">
                    <!--HTML do corpo do modal-->
                </div>
                <div class="modal-footer justify-content-center" id="div_modal_bootstrap_footer" style="margin-top: 0px; border: 0px;">
                    <button type="button" class="btn btn-primary" id="button_modal_bootstrap_callback" style="margin-bottom: 0px; min-width: 110px;">
                        <!--Texto do botão de confirmar/gravar no rodapé-->
                    </button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="button_modal_bootstrap_fechar" style="margin-bottom: 0px; min-width: 110px;">
                        <!--Texto do botão de fechar no rodapé-->
                    </button>                    
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="modal_bootstrap2" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" id="div_modal_bootstrap_dialog2">            
            <div class="modal-content" id="div_modal_bootstrap_content2" style="background-color: #f6f9ff !important;">
                <div class="modal-header listra_horizontal_azul_titulo_header_modal" id="div_modal_bootstrap_header2" style="padding: 5px; margin: 0px; min-height: 46px;">
                    <h1 class="modal-title" id="h1_modal_bootstrap_titulo2" style="width: 100%; text-align: center; font-weight: bold; font-size: 15px; word-break: break-word;">
                        <!--Título do modal (header)-->
                    </h1>                    
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="font-size: 32px; padding-top: 0px; padding-bottom: 0px;">
                        <!-- Botão X lateral no topo para fechar-->
                    </button>
                </div>
                <div class="modal-body" id="div_modal_bootstrap_body2" style="padding: 1px;">
                    <!--HTML do corpo do modal-->
                </div>
                <div class="modal-footer justify-content-center" id="div_modal_bootstrap_footer2" style="margin-top: 0px; border: 0px;">
                    <button type="button" class="btn btn-primary" id="button_modal_bootstrap_callback2" style="margin-bottom: 0px; min-width: 110px;">
                        <!--Texto do botão de confirmar/gravar no rodapé-->
                    </button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="button_modal_bootstrap_fechar2" style="margin-bottom: 0px; min-width: 110px;">
                        <!--Texto do botão de fechar no rodapé-->
                    </button>                    
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="modal_bootstrap3" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" id="div_modal_bootstrap_dialog3">            
            <div class="modal-content" id="div_modal_bootstrap_content3" style="background-color: #f6f9ff !important;">
                <div class="modal-header listra_horizontal_azul_titulo_header_modal" id="div_modal_bootstrap_header3" style="padding: 5px; margin: 0px; min-height: 46px;">
                    <h1 class="modal-title" id="h1_modal_bootstrap_titulo3" style="width: 100%; text-align: center; font-weight: bold; font-size: 15px; word-break: break-word;">
                        Confirmação
                    </h1>                    
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="font-size: 32px; padding-top: 0px; padding-bottom: 0px;">
                        <!-- Botão X lateral no topo para fechar-->
                    </button>
                </div>
                <div class="modal-body" id="div_modal_bootstrap_body3" style="padding: 1px;">
                    <!--HTML do corpo do modal-->
                </div>
                <div class="modal-footer justify-content-center" id="div_modal_bootstrap_footer3" style="margin-top: 0px; border: 0px;">
                    <button type="button" class="btn btn-primary" id="button_modal_bootstrap_callback3" style="margin-bottom: 0px; min-width: 110px;">
                        Sim
                    </button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="button_modal_bootstrap_fechar3" style="margin-bottom: 0px; min-width: 110px;">
                        Não
                    </button>                    
                </div>
            </div>
        </div>
    </div>
    
    <div style='position:fixed; z-index:9999; text-align: center; font-weight: bold; width: 100%; top: 20px;' id='div_alert_parent' onclick="$('#' + $(this).attr('data-div-children')).alert('close');">
        <div id='alert_bootstrap'>
        </div>
    </div>
    
    <meta content="width=device-width, initial-scale=1.0" name="viewport">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
    
    <!-- JS e CSS principal do bootstrap -->
    <link href="/bootstrap/5_3_3/css/bootstrap.min.css" rel="stylesheet">
    <script src="/bootstrap/5_3_3/js/bootstrap.bundle.min.js"></script>

    <!-- CSS NiceAdmin -->    
    <link href="/css/niceadmin/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
    <link href="/css/niceadmin/boxicons/css/boxicons.min.css" rel="stylesheet">
    <link href="/css/niceadmin/quill/quill.snow.css" rel="stylesheet">
    <link href="/css/niceadmin/quill/quill.bubble.css" rel="stylesheet">
    <link href="/css/niceadmin/remixicon/remixicon.css" rel="stylesheet">
    <link href="/css/niceadmin/simple-datatables/style.css" rel="stylesheet">

    <!--JS das tabelas no NiceAdmin -->
    <script src="/js/niceadmin/simple-datatables/simple-datatables.js"></script>
    <script src="/js/niceadmin/chartjs/chart.umd.js"></script>
    <script src="/js/niceadmin/chartjs/chartjs-plugin-datalabels.js"></script>
    <script src="/js/niceadmin/apexcharts/apexcharts.min.js"></script>

    <!-- MDB -->
    <!--<link rel="stylesheet" href="/bootstrap/plugins/mdb/mdb.min.css">
    <script type="text/javascript" src="/bootstrap/plugins/mdb/mdb.min.js"></script>-->
    
    <!-- CSS principal -->
    <link href="/css/main_bootstrap.css" rel="stylesheet">    
    

<script type="text/javascript" src="/js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="/js/login.js?bd=300926-cap"></script>



    <style>

                main {
               background: url(/imagens/blurred_bg.jpg) no-repeat center center fixed;
            }
           

    </style>

    <script  type="text/javascript">
        /**
         * Este código é referente a possibilidade de acontecer algum problema com a sessão e o usuário não ser expulso imediatamente ( por exemplo, intervalo entre um keepalive e outro) do sistema e ficando com o frame principal aberto, ao clicar em qualquer rotina será chamado o login.tpl e será feito o reload.
         */

        // adiciona o nome a janela
        window.name = 'LOGIN';
        window.id = 'LOGIN';

        // verifica se há o frame Principal, qualquer chamada para o login.tpl que tenha o frame Principal deve ser feito um reload na página imediatamente.
        if (window.parent.name == 'PRINCIPAL') {
            // desativa a pergunta para sair da página
            window.parent.onbeforeunload = null;
            // executa o reload()
            window.parent.location.reload();
        }

        /**
         * Limite de usuários atingido: exibe a lista de usuários online (KException). Layout novo em popup; antigo no iframe abaixo do login
         */
        function ExibeUsuariosOnlineLimite(url)  {

                PopupModalBootstrap(null, 'p', 350, url);
            }
    </script>


</head>
    <body onload="Onload();">
        <main>
            <div class="container">
                <section class="section register d-flex flex-column align-items-center justify-content-center py-4" id='section_login' style="min-height: 100vh; min-height: 100dvh;">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-4 col-md-6 d-flex flex-column align-items-center justify-content-center">
                                                                    <div class="card mb-3" id="frmAutentica">
                                        <div class="card-body">
                                            <div class="pt-4 pb-2" style="text-align: center; min-height: 77px;">
                                                <img src="/img?img=logo">
                                            </div>
                                            <form class="row g-3 needs-validation">
                                                <div class="col-12" style="padding-top: 25px;">
                                                    <div class="input-group has-validation">
                                                        <input type="text" id="u" name="u" class="form-control" placeholder="Usuário" required="">
                                                    </div>
                                                </div>

                                                <div class="col-12">
                                                    <input type="password" id="s" name="s" class="form-control" placeholder='Senha' required="">
                                                </div>

                                                <div class="col-12">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" value="1" name="gravaCookie" id="gravaCookie" onchange="if (this.checked) MsgWarning('Certifique-se de que ninguém mais tem acesso a essa máquina, pois o seu perfil de acesso ao Tivel será gravado');">
                                                        <label class="form-check-label" for="gravaCookie" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="right" data-bs-title="Salvar o login nesta máquina?<br><label style='color: red;'>Atenção: só faça isso se este for um computador pessoal</label>">
                                                            Mantenha-me logado
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <button class="btn btn-primary w-100" type="button" id='btnLogin' name='btnLogin' onclick="EnviaLogin();">Login</button>
                                                </div>
                                                <div class="col-12">
                                                    <p class="small mb-0" style="text-align: center;">
                                                        <a href="javascript:void(0);" onclick="MsgWarning('Informe <i>username</i> ou e-mail para que o Tivel te envie um link para a recuperação da senha'); document.getElementById('div_esqueceu_senha').style.display = ''; document.getElementById('frmAutentica').style.display = 'none';">
                                                            Esqueceu a senha?
                                                        </a>
                                                    </p>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="card mb-3" id="div_esqueceu_senha" style="display: none;">
                                        <div class="card-body">
                                            <div class="pt-4 pb-2" style="text-align: center; min-height: 77px;">
                                                <img src="/img?img=logo">
                                            </div>
                                            <form class="row g-3 needs-validation">
                                                <div class="col-12" style="padding-top: 25px;">
                                                    <div class="input-group has-validation">
                                                        <input type="text" id="esqueceuSenha" name="esqueceuSenha" class="form-control" placeholder="Usuário ou Email" required="">
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <button class="btn btn-primary w-100" type="button" id='esqueceuSenhaEnviar' name='esqueceuSenhaEnviar'>
                                                        Recuperar Senha
                                                    </button>
                                                </div>
                                                <div class="col-12">
                                                    <p class="small mb-0" style="text-align: center;">
                                                        <a href="javascript:void(0);" onclick="document.getElementById('div_esqueceu_senha').style.display = 'none'; document.getElementById('frmAutentica').style.display = '';">
                                                            Voltar
                                                        </a>
                                                    </p>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="card mb-3" id="frmloginSimultaneo" style="display:none;">
                                        <div class="card-body">
                                            <div class="pt-4 pb-2" style="text-align: center; min-height: 77px;">
                                                <img src="/img?img=logo">
                                            </div>
                                            <form class="row g-3 needs-validation">
                                                <div class="col-12" style="padding-top: 25px;">
                                                    <label style="width: 100%; font-weight: bold; text-align: center;">Acesso simultâneo</label>
                                                    <label style="width: 100%; color:red; text-align: center;">Este usuário está logado desde <span id='loginSimultaneoDados' style="font-weight: bold;">02/03/1989</span>.</label>
                                                    <label style="width: 100%; text-align: center;">Para acessar o sistema, você precisa derrubá-lo. Deseja continuar?</label>
                                                </div>
                                                <div class="col-12" style="text-align: center;">
                                                    <button class="btn btn-primary" type="button" id='btnLoginSimultaneoSim' style="width: 100px;">
                                                        Sim
                                                    </button>
                                                    <button class="btn btn-secondary" type="button" id='btnLoginSimultaneoNao' style="width: 100px;">
                                                        Não
                                                    </button>
                                                </div>
                                                <div class="col-12" style="text-align: center;">
                                                    <label style="font-size: 14px;">
                                                        <i>
                                                        Você voltará automaticamente para a tela de login em
                                                        <input id='telaTimeoutTimer' type='text' style='border:none; font-weight:bold; width: 17px; padding: 0px; margin: 0px; outline: none;' readonly="true" size='2' value='30'>s
                                                        </i>
                                                    </label>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="card mb-3" id="frmAutenticadoViaCookie" style="display:none;">
                                        <div class="card-body">
                                            <div class="pt-4 pb-2" style="text-align: center; min-height: 77px;">
                                                <img src="/img?img=logo">
                                            </div>
                                            <form class="row g-3 needs-validation">
                                                <div class="col-12" style="padding-top: 25px;">
                                                    <label style="width: 100%; font-weight: bold; text-align: center;">Autenticação</label>
                                                    <label style="width: 100%;">Para acessar o sistema clique no botão entrar.</label>
                                                </div>
                                                <div class="col-12" style="text-align: center;">
                                                    <button class="btn btn-primary" type="button" id='btnAutenticadoViaCookieEntrar' style="width: 100px;">
                                                        Entrar
                                                    </button>
                                                    <button class="btn btn-secondary" type="button" id='btnAutenticadoViaCookieSair' style="width: 100px;">
                                                        Sair
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                                                                                </div>
                        </div>
                    </div>
                </section>
            </div>
        </main>
                            
        
            </body>
    <script src="/js/niceadmin/main.js?bd=0210268"></script>
</html>