<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
   <HEAD>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <script type="text/javascript" src="jscript/jquery.1.11.1.min.js"></script>
        <script type="text/javascript" src="jscript/jquery-ui.1.11.2.min.js"></script>
        <script type="text/javascript" src="jscript/bootstrap.js"></script>
        <script type="text/javascript" src="jscript/menu.js"></script>
        <link href="css/jquery-ui.css" rel="stylesheet">
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/bootstrap-theme.css" rel="stylesheet">
        <link href="css/bootstrapAdd.css" rel="stylesheet">
        <link rel="icon" type="image/x-icon" href="images/favicon.ico">
        <style type='text/css'>
            html, body {
                height: 100vh; margin:0;
            }
            .all{height:100vh; width:100vw; margin: auto auto; background:url(images/bgporto.jpg) no-repeat top; background-size: cover; }
            .porto-header{height:150px; padding:10px; margin: 0 auto; width: 100%; text-align: center;}
            @media (max-width: 480px){
                .openport{ margin: 5px auto; bottom: 2px; text-align:center;}
            }
            @media (min-width: 481px){
                .openport{ position: absolute; right: 3px; bottom: 2px;}
            }
            .borda-form{
                position: absolute;
                top:15%; 
                bottom: 0;
                left: 0; 
                right: 0;
                margin: auto;
                height:470px;
                width:280px; 
                padding:10px 20px; 
                background-color:#1A4063; 
                opacity: 0.95; 
                color:#FFF; 
                box-shadow: 5px 5px 10px black; 
                border-radius: 10px;
            }
            img{ max-width: 100%;}
            a, a:hover, a:link, a:visited{ color:#FFF;}
        </style>

        <title>SGP</title>
        <script type='text/javascript' src="jscript/md5.js"></script>

        <script type='text/javascript'>

            var Mensagem = "";
if(Mensagem != ""){ alert(Mensagem);}
            var MensagemLogin = "";
if(MensagemLogin != ""){ alert("                                 *AVISO DE MANUTENÇÃO* \n \n" + MensagemLogin);}
            function recuperarsenha(){
                $('#recuperasenha').dialog({
                    title: 'Recuperar Senha',
                    width: '450',
                    modal: true
                });
            }
            
            function EnviaNovaSenha()
			{
                if($('#NOMEUSUARIO').val()=='')
				{
					alert('Preencha o campo Usuário.');
					$('#NOMEUSUARIO').focus();
				}
                else if($('#EMAIL').val()=='')
				{
					alert('Preencha o campo E-mail.');
					$('#EMAIL').focus();
				}
                else if(!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($('#EMAIL').val()))) 
				{
					alert('E-mail Invalido!');$('#EMAIL').focus();
				}
                else{
                    AjaxRecuperarSenha();
                }
            }

		function AjaxRecuperarSenha(){
			$.ajax({
			    url:'pesquisa.aspx?WCI=recuperasenha',
			    type : 'GET',
			    dataType: 'html',
			    cache: false,
			    data: { email : $('#EMAIL').val(), nomeusuario : $('#NOMEUSUARIO').val()}
			}).done(function(data){
			    if(!isJSON(data.replaceAll('\n','\\n'))){ // não é json então quer dizer que o retorno é o login, faz o pedido ajax novamente
				    AjaxRecuperarSenha();
			    }
			    else { // retorno da classe recuperarsenha 
				    let dataJSON = JSON.parse(data.replaceAll('\n','\\n'));
				    alert(dataJSON.Message.replaceAll('\\n','\n'));
				    if (dataJSON.Status == "ok") $('#recuperasenha').dialog('close');
			    }
			});
		}

		function isJSON(str) {
            try {
                return (JSON.parse(str) && !!str);
            } catch (e) {
                return false;
            }
        }
            
            function Enter() {
               <!-- if (event.keyCode == 13) { -->
                  <!-- frmPrincipal.submit(); -->
               <!-- } -->
			   
			   $("#Pass").on("keypress", function() {
					if (event.keyCode == 13) {
						OnSubmit();
					}
				} );
				
				$("#CodValid").on("keypress", function() {
					if (event.keyCode == 13) {
						OnSubmit();
					}
				} );
				
				<!-- Função utilizada na PortosRio para alterar a imagem de fundo de acordo com o dia do mês --!>
                var sistema = "004";
                if (sistema == "009") {
                   var data = new Date();
                   var dia = String(data.getDate());
                   let container = document.getElementById('all');
                   var img = "images/background/" + dia + ".jpg" ;
                   container.style.backgroundImage = `url(${img})`;
                }
            }

            var Tipo = "Logon";
			
			document.cookie="cUserName=;path=/"
			document.cookie="UserStatus=;path=/"
			document.cookie="UserName=;path=/"
			document.cookie="UserNLoginErro=;path=/"
			document.cookie="SessionIDInstance=;path=/"
			document.cookie="HashPass=;path=/"
          

            function OnWindowLoad() {
              if (top.location != self.location)
                  top.location = self.location;
			   
			   $('#divCodigoValidador').hide();
               ResizeWindow(window);
               frmPrincipal.User.focus();
            }

            function ResizeWindow(parWindow) {
               parWindow.moveTo(0, 0);
               parWindow.resizeTo(screen.availWidth, screen.availHeight);
            }
			
			function IsUsuarioVerificadorDuplo() {
				let appVerifDuploAtivo = '';
			
				if (appVerifDuploAtivo == 1) {
				
					<!-- document.getElementById("Entrar").disabled = true; -->
					let nomeUsuario = $('#User').val();
					
					if (nomeUsuario != "") {
						$.ajax({
							url:'pesquisa.aspx?WCI=verificadorduplo&Cmd=UsuarioVerifDuplo&nomeusuario=' + nomeUsuario,
							type : 'GET',
							dataType: 'html',
							cache: false,
							data: { user : $('#EMAIL').val(), nomeusuario : $('#NOMEUSUARIO').val()}
						}).done(function(data){
						
							if (isJSON(data)) {
								console.log(data);
								let obj = JSON.parse(data);
								
								
								if (obj.isVerificadorDuplo == 1) {
									$('#FLG_VERIFICADOR_DUPLO').val(1);
									$('#divCodigoValidador').show();
									$('.borda-form').css("height","570px");
								}
								
								if (obj.isVerificadorDuplo == 0) {
									$('#FLG_VERIFICADOR_DUPLO').val(0);
									$('#divCodigoValidador').hide();
									$('.borda-form').css("height","470px");
									document.getElementById("Entrar").disabled = false;
								}
							} else {
								IsUsuarioVerificadorDuplo();
							}
						}).fail(function(xhr, status, error) {
							document.getElementById("Entrar").disabled = false;
						});
					} else {
						$('#FLG_VERIFICADOR_DUPLO').val(0);
						$('#divCodigoValidador').hide();
						document.getElementById("Entrar").disabled = false;
					}
					
				}
			}
			
			function SolicitarCodigoValidador() {
				<!-- document.getElementById("Entrar").disabled = true; -->
				let nomeUsuario = $('#User').val();
				let codValidador = $('#CodValid').val();
				
				if (nomeUsuario != "") {
					$.ajax({
						url:'pesquisa.aspx?WCI=verificadorduplo&Cmd=GerarUsuarioVerifDuplo&nomeusuario=' + nomeUsuario,
						type : 'GET',
						dataType: 'html',
						cache: false,
						data: { user : $('#EMAIL').val(), nomeusuario : $('#NOMEUSUARIO').val()}
					}).done(function(data){
						
						if (isJSON(data)) {
							let obj = JSON.parse(data);
							
							document.getElementById("Entrar").disabled = false;
							
							alert("Código Gerado. Verifique seu e-mail.");
						} else {
							SolicitarCodigoValidador();
						}
					}).fail(function(xhr, status, error) {
						document.getElementById("Entrar").disabled = false;
					});
				} else {
					alert("Dados de Acesso Inválidos");
				}
			
			}
			
			const ValidarCodigo = (nomeUsuario, codValidador) => new Promise((resolve, reject) => {
				$.ajax({
					url:'pesquisa.aspx?WCI=verificadorduplo&Cmd=ValidUsuarioVerifDuplo&nomeusuario=' + nomeUsuario + '&codvalid=' + codValidador,
					type : 'GET',
					dataType: 'html',
					cache: false,
					data: { user : $('#EMAIL').val(), nomeusuario : $('#NOMEUSUARIO').val()}
				}).done(function(data){
				
					resolve(data);
					
				}).fail(function(xhr, status, error) {
					document.getElementById("Entrar").disabled = false;
					reject();
				});
			});
			
			async function ValidarCodigoValidador() {
			   let nomeUsuario = $('#User').val();
				let codValidador = $('#CodValid').val();
				
				if (nomeUsuario != "" && codValidador != "") {
					
					let obj = "";
					let dataRetorno = "";
					let invalido = true;
					
					while(invalido) {
					
						dataRetorno = await ValidarCodigo(nomeUsuario, codValidador);
						
						if (isJSON(dataRetorno)) {
							invalido = false;
							obj = JSON.parse(dataRetorno);
						}
					
					}
					
					if (obj.isValid == 1) {
						document.getElementById("Entrar").disabled = false;
						return true;
					} else {
						alert("Código Validador Inválido");
						document.getElementById("Entrar").disabled = false;
						return false;
					}
					
					return true;
				} else {
					alert("Dados de Acesso Inválidos");
					return false;
				}

			}

			async function OnSubmit() {
                if($("#User").val()===''){
                    alert("Nome do usuário não pode ficar vazio");
                    return false;
                }else if($("#Pass").val()===''){
                    alert("Senha não pode ficar vazia");
                    return false;
                }else if($('#FLG_VERIFICADOR_DUPLO').val() == 1 &&  $("#CodValid").val() == ''){
                    alert("Código validador não pode ficar vazio");
                    return false;
                } else if ($('#FLG_VERIFICADOR_DUPLO').val() == 1 && await ValidarCodigoValidador()) {
                    SetCookie("cUserName", frmPrincipal.User.value);
                    frmPrincipal.action = "default.aspx?WCI=Default&Mv=Ok";
                    frmPrincipal.submit();
                    return true;
				}else if ($('#FLG_VERIFICADOR_DUPLO').val() == 0){
					SetCookie("cUserName", frmPrincipal.User.value);
                    frmPrincipal.action = "default.aspx?WCI=Default&Mv=Ok";
                    frmPrincipal.submit();
                    return true;
				}else {
					return false;
				}
				
            }


            <!-- function OnSubmit() { -->
                <!-- if($("#User").val()===''){ -->
                    <!-- alert("Nome do usuário não pode ficar vazio"); -->
                    <!-- return false; -->
                <!-- }else if($("#Pass").val()===''){ -->
                    <!-- alert("Senha não pode ficar vazia"); -->
                    <!-- return false; -->
                <!-- }else{ -->
                    <!-- SetCookie("cUserName", frmPrincipal.User.value); -->
                    <!-- frmPrincipal.action = "default.aspx?WCI=Default&Mv=Ok"; -->
                    <!-- frmPrincipal.submit(); -->
                    <!-- return true; -->
                <!-- } -->
            <!-- } -->
        </script>


        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </HEAD>
    <body onload="Enter()">
        <div id="all" class='all'>
            <div id="header" class='porto-header'>
                           <a href="http://www.openport.com.br">
				<img src="images/logoporto.png" alt="SGP" >
                            </a>
            </div>
            <div class='borda-form'>
                <form name="frmPrincipal" id="frmPrincipal" method="POST" onsubmit="OnSubmit();" action="" class="form-horizontal" style="opacity: 0.99;">
                    <h2 class="text-center">SGP</h2>
                    <h5 class="text-center"><div align="center">Sistema de Gestão Portuária</div></h5>
                    <br>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <label for="User">Usuário:</label>
                            <input class="form-control" type="text" name="User" id="User" maxlength="255" onchange="IsUsuarioVerificadorDuplo()" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <label for="Pass">Senha:</label>
                            <input type="password" name="Pass" id="Pass" value="" class="form-control">
                        </div>
                    </div>
					<div id="divCodigoValidador" style="display:none;">
						<input type="hidden" name="FLG_VERIFICADOR_DUPLO" id="FLG_VERIFICADOR_DUPLO" value="0"/>
						<div class="form-group">
							<div class="col-xs-12">
								<label for="CodValid">Código Validador:</label>
								<input type="text" name="CodValid" id="CodValid" value="" class="form-control">
							</div>
						</div>
						
						<div class="form-group">
							<div class="col-xs-12">
								<div class="text-center">
									<button type="button" id="SolicitarCodigo"  class="btn btn-default" onclick="SolicitarCodigoValidador()" title="Solicitar Código">
										Solicitar Código
									</button>
								</div>
							</div>
							
						</div>
					</div>

                    <div class="form-group">
                        <div class="col-xs-6">
                            <a onclick="recuperarsenha()" class="btn" style="color:#FFF" >Esqueci a senha</a>
                        </div>
                        <div class="col-xs-6">
                            <div class="text-right">
                                <button type="button" id="Entrar"  class="btn btn-default" onclick="OnSubmit()" title="Entrar no Sistema">
                                    Entrar
                                </button>
                            </div>
                        </div>
                        <div class="col-xs-12 margin10 text-center">
                            <hr><div style="font-size:10px" class="text-center"> <br>Nome: Tecnologia da Informação<br>Telefone: (53) 3233-1133 Ramal 6600<br>E-mail <a href="mailto:ti@sagresrg.com.br">ti@sagresrg.com.br</a><br>
                            <hr><div style="font-size:10px; display: none" class="text-center"> <br>Nome:<br>Telefone: <br>E-mail <a href="mailto:roberto.couto@openport.com.br"></a><br>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        
        
        
        <!-- recuperasenha -->
        <div id="recuperasenha" style="display:none;">
			<form name="frmRecupera" id="frmRecupera" ACTION="" METHOD="POST" class="form-horizontal" data-command="MainForm" lgsdk="printable:true" role="form" style="overflow: hidden;">
                <fieldset>
                    <div class="row form-group form-group-sm"> 
                        <div class="col-xs-12">                                
                            <p>Informe seu login de usuário e endereço de e-mail:</p>
                        </div>
						
						<div class="col-xs-12">
                            <div class="input-group input-group-sm">
                                <label for="NOMEUSUARIO">Usuário:</label>
                                 <input type="text" name="NOMEUSUARIO" id="NOMEUSUARIO" class="form-control" title="Preencha seu login de usuário.">
                            </div>
						</div>
                        <div class="col-xs-12">
                            <div class="input-group input-group-sm">                                    
								<label for="EMAIL">E-mail:</label>									
                                <input type="text" name="EMAIL" id="EMAIL" class="form-control" title="Preencha seu e-mail.">                                    								
                            </div>
                        </div>
							
					</div>						
							<div class="row form-group form-group-sm"> 							
								 <div class="col-xs-12">							 
									<p>Ao clicar em "Enviar nova Senha", você receberá uma senha provisória.</p>
									<p>Após a autenticação com esta nova senha, você deverá alterá-la.</p>
								 </div>
							 </div>
							<div class="row form-group form-group-sm"> 							
								 <div class="col-xs-12">							 
									<button type="button" class="btn btn-info" onclick="EnviaNovaSenha()">
									
									Enviar nova Senha
									
									<img id="tbrImg" src="images/toolbar/page_go.png" alt="Enviar e-mail com nova senha.">
									</button>
								 </div>
							 </div>
						
					</div>
                 </fieldset>					
            </form>
        </div>

    </body>
</html>