THUTHACH/WebChallenge/WebChallenge/Views/Home/Signup.cshtml

@{
    ViewData["Title"] = @Lang.SignUp;
    //Layout = "../Shared/_LayoutLogin";
}

<!-- Login Form -->

<div class="main-content logo-background game h-dvh login index">
    <!-- Content -->
    <div class="w-full h-full flex flex-col justify-end items-start pr-6 pb-3">
        <!-- Login Form -->
        <div class="bg-opacity-70 w-full max-w-md login-content">
            <h2 class="text-white font-normal mb-4 text-center font-Alatsi text-[36px]">@Lang.CreateAccount</h2>
            <div class="flex flex-col items-center justify-center">
                <!-- Phone Number -->
                <div class="mb-4 w-full flex justify-center">
                    <input type="text" name="phone" id="phoneNumber" placeholder="@Lang.PhoneNumber"
                           class="font-roboto w-full px-4 py-2 border-white bg-transparent color-DADADA placeholder-white text-[20px] font-normal">
                </div>
                <!-- OTP -->
                @*<div class="mb-4 w-full justify-center hidden form-control-otp">
                        <input type="text" name="otp" id="otp" placeholder="@Lang.PasswordSent"
                               class="font-roboto w-full px-4 py-2  color-DADADA2 border-white bg-transparent text-[18px] font-normal">
                    </div>*@
                <!-- Login Button -->
                <button onclick="getPassword();" id="btn-signup"
                        class="text-[24px] font-Alatsi w-full py-2 text-white font-normal btn-login">
                    @Lang.SendOtp
                </button>
            </div>
            <!-- Login -->
            <p class="text-white text-center mt-4 text-[16px] font-roboto font-normal" id="login-text">
                @Lang.AlreadyHaveAccount
                <a href="/Home/Login" class="text-orange-500 font-bold hover:underline text-[16px] resend">@Lang.Login</a>
            </p>
            <!-- Resend OTP -->
            @*<p class="text-white text-center mt-4 text-[16px] font-roboto font-normal hidden" id="resend-text">
                    @Lang.NotReceiveOtp
                    <a href="#" class="text-orange-500 font-bold hover:underline text-[16px] resend">@Lang.Resend</a>
                </p>*@
        </div>
    </div>
</div>



@section Scripts {
    <script>
        var clicked = false;
        function login() {
            console.log("login");
            if (clicked) {
                return;
            }
            clicked = true;
            let users = $("#phoneNumber").val().trim();
            let password = $("#password").val().trim();
            $.ajax({
                url: "/Home/LoginAction",
                data: {
                    msisdn: users,
                    users: users,
                    pass: password,
                    command: "LOGIN"
                },
                type: "POST",
                success: function (data) {
                    console.log(data);
                    clicked = false;
                    if (data.error == "0") {
                        if (data.href != null) {
                            location.href = data.href;
                        }
                    } else {
                        //$("#login-error").show();
                        //$("#login-error").html(data.content);
                        // failed
                        showDialog('dialogResult', "@Lang.Error", data.content, data.error);
                    }
                },
                error: function (data) {
                    clicked = false;
                    console.log(data);
                }
            });
        }

        function getPassword() {
            let users = $("#phoneNumber").val().trim();
            //let password = $("#password").val().trim();
            $.ajax({
                url: "/Home/ResetPasswordAction",
                data: {
                    msisdn: users,
                    users: users,
                    command: "RESETPASS"
                },
                type: "POST",
                success: function (data) {
                    if (data.error == "0") {
                        location.href = "/Home/Login"
                    } else {
                        showDialog('dialogResult', "@Lang.Error", data.content, data.error);
                    }
                },
                error: function (data) {
                    console.log(data);
                }
            });
        }

        // Lấy phần tử cần kiểm tra
        const loginContent = document.querySelector('.login-content');

        // Lắng nghe sự kiện click trên document
        document.addEventListener('click', function (event) {
            // Kiểm tra nếu click không nằm trong phần tử loginContent
            if (!loginContent.contains(event.target)) {
                window.location.href = '/Home/Start';
            }
        });
    </script>
}