invisio v2.0

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ระบบสมาชิก - สมาคมผู้ประกอบการนำคนต่างด้าวมาทำงานในประเทศ (ประเทศไทย)</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="icon" type="image/png" href="Logo.png" />
    <link href="https://fonts.googleapis.com/css?family=Poppins:600&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/a81368914c.js"></script>
    <link href="vendor/sweetalert/sweetalert.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">

</head>

<style>

.btn-register {
        display: block;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        outline: none;
        border: none;
        background-color: #4b70e2;
        font-size: 1rem;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
        margin: 1rem 0;
        cursor: pointer;
        transition: .5s;
    }

.eye {
        position: absolute;
        cursor: pointer;
        right: 20%;
        margin-top: -40px;
    }
</style>

<body>
    <img class="wave" src="img/wave.png">
    <div class="container">
        <div class="img">
            <img src="img/bg.svg">
        </div>
        <div class="login-content">
            <form method="post" enctype="multipart/form-data">
                <img src="Logo.png">
                <h2 class="title">Login</h2>
                <div class="input-div one">
                    <div class="i">
                        <i class="fas fa-user"></i>
                    </div>
                    <div class="div">
                        <h5>Email</h5>
                        <input type="text" class="input" id="email_login" name="email_login">
                    </div>
                </div>

<div>
                    <div class="input-div pass">
                        <div class="i">
                            <i class="fas fa-lock"></i>
                        </div>
                        <div class="div">
                            <h5>Password</h5>
                            <input type="password" id="password_login" name="password_login" class="input">
                        </div>
                    </div>
                    <i toggle="#password-field" class="fa fa-fw fa-eye-slash field_icon toggle-password-login eye"></i>
                </div>
                <a href="forget_password_mobile.php">
                    <p style="color: black;">ลืมรหัสผ่าน</p>
                </a>
                <button type="button" class="btn btn-sm" onclick="login();">
                    เข้าสู่ระบบ
                </button>
                <a href="register">
                    <button type="button" class="btn-register btn-sm">สมัครสมาชิก</button>
                </a>
                <div>
                    <label for="">หรือ</label>
                    <div style="display: flex;">
                        <a href="https://liff.line.me/2003304442-wyx5jPBA" style="margin-left: -50px;"><img src="img/line.png" alt="" style="width: 50%; height: auto;"></a>
                        <a href><img src="img/gmail.png" alt="" style="width: 50%; height: auto;" onclick="google_login();"></a>
                        <a href><img src="img/facebook.png" alt="" style="width: 50%; height: auto;"></a>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="js/main.js"></script>
    <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
    <script src="vendor/bootstrap/js/popper.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="vendor/sweetalert/sweetalert.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        function google_login() {
            $.ajax({
                url: 'ajax/google/google_login.php',
                type: 'GET',
                success: function(response) {
                    window.location.href = response;
                },
                error: function() {
                    alert('Error logging in. Please try again.');
                }
            });
        }

$('#username').keypress(function(event) {
            var keycode = (event.keyCode ? event.keyCode : event.which);
            if (keycode == '13') {
                login();
            }
        });
        $('#password').keypress(function(event) {
            var keycode = (event.keyCode ? event.keyCode : event.which);
            if (keycode == '13') {
                login();
            }
        });

// icon ดวงตา เปิด - ปิด password
        $(document).on('click', '.toggle-password-login', function() {
            $(this).toggleClass("fa-eye");
            var input = $("#password_login");
            input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password')
        });

$(document).ready(function() {

let member_id = localStorage.getItem("member_id");

if (member_id != "") { // member_id มีอยู่ใน LocalStorage
                $.ajax({
                    type: "POST",
                    data: {
                        member_id: member_id
                    },
                    dataType: 'json',
                    url: "ajax/form-login/check_local.php",
                    success: function(response) {

if (response.result ==
                            1) { // เช็คแล้วว่าข้อมูลใน LocalStorage มีอยู่จริงในฐานข้อมูล

location.href = "main/index";
                        }

}
                })
            }

if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { // เช็คว่าเป็นโทรศัพท์หรือไม่ ถ้าเป็นเปิดหน้าล็อกอินอันที่เป็น Mobile

location.href = "join";
            }
        });

function login() {

let username_login = $('#email_login').val();
            let password = $('#password_login').val();

if (username_login == "" || password == "") {
                swal({
                    title: "เกิดข้อผิดพลาด",
                    text: "กรุณากรอกข้อมูล ให้ครบถ้วน",
                    type: "error"

});

return false;
            }

$.ajax({
                type: 'POST',
                url: 'auth.php',
                data: {

username: username_login,
                    password: password,

},
                dataType: 'json',
                beforeSend: function() {
                    swal({
                        title: "กำลังเข้าสู่ระบบ",
                        text: "กรุณารอสักครู่",
                        imageUrl: "ajax-loader.gif",
                        showConfirmButton: false,
                        allowOutsideClick: false
                    });
                },
                error: function(data) {
                    console.log("error : " + data.responseText);

swal({
                        title: "เกิดข้อผิดพลาด",
                        text: "ไม่สามารถบันทึกรายการได้ กรุณาแจ้งทีมงาน",
                        type: "error",
                    });
                },
                success: function(data) {

if (data.result == 1) { // ถ้าเป็น member

localStorage.setItem("member_id", data.login_code);
                        // localStorage.setItem("member_name", data.member_name);
                        localStorage.setItem("member_level", data.member_level);
                        localStorage.setItem("register_type", data.register_type);
                        localStorage.setItem("register_level", data.register_level);
                        localStorage.setItem("username", data.username);
                        localStorage.setItem("verify", data.verify);

swal({
                            title: "ดำเนินการสำเร็จ",
                            text: "เข้าสู่ระบบสำเร็จ",
                            type: "success",
                            showConfirmButton: false,
                            timer: 1500
                        });

setTimeout(() => {
                            location.href = "main/index"
                        }, 1500);

} else if (data.result == 4) { // ถ้าเป็น Admin

localStorage.setItem("admin_id", data.login_code);

swal({
                            title: "ดำเนินการสำเร็จ",
                            text: "เข้าสู่ระบบสำเร็จ",
                            type: "success"

}, function() {
                            swal.close();
                            location.href = "/backoffice/index_setting_member";
                        });

} else if (data.result == 2) {

swal({
                            title: "เกิดข้อผิดพลาด",
                            text: "ผู้ใช้งาน หรือ รหัสผ่านไม่ถูกต้อง",
                            type: "error"

});

return false;

} else if (data.result == 3) {

swal({
                            title: "เกิดข้อผิดพลาด",
                            text: "กรุณากรอกข้อมูลให้ครบถ้วน",
                            type: "error"

});

return false;

} else if (data.result == 0) {

swal({
                            title: "เกิดข้อผิดพลาด",
                            text: "เกิดข้อผิดพลาด กรุณาแจ้งผู้พัฒนา",
                            type: "error"

});

} else if (data.result == 9) {

swal({
                            title: "ท่านยังไม่ผ่านขั้นตอนการยืนยันตัวตน",
                            text: "กรุณาตรวจสอบอีเมล์เพื่อยืนยันตัวตน",
                            type: "error"

});

}
                }
            })
        }
    </script>

</body>

</html>