invisio v2.0

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

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <meta name="robots" content="noindex">
    <title>ระบบสมาชิก - สมาคมผู้ประกอบการนำคนต่างด้าวมาทำงานในประเทศ (ประเทศไทย)</title>
    <link rel="icon" type="image/png" href="Logo.png" />
    <link rel="stylesheet" type="text/css" href="main.css">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link href="vendor/sweetalert/sweetalert.css" rel="stylesheet">
    
</head>

<body>
    <div class="main">
        <div class="container b-container" id="b-container">
            <form class="form" id="a-form" method="" action="">
                <h2 class="form_title title">Create Account</h2>
                <div class="form__icons">
                </div>
                <input class="form__input" id="email" type="text" placeholder="Email">
                <input class="form__input" id="password" type="password" placeholder="Password" onchange="CheckPassword();">
                <input class="form__input" id="re_password" type="password" placeholder="Re-Password" onchange="CheckPassword();">
                <button class="form__button button submit sign-up" onclick="register();" style="background-color: #c1901a">สมัครสมาชิก</button>
            </form>
        </div>
        <div class="container a-container" id="a-container">
            <form class="form" id="b-form" method="" action="">
                <h1 class="form_title description" style="color: red;">*** Email นี้ได้รับการยันยันตัวตนแล้ว ท่านสามารถเข้าสู่ระบบได้ทันที</h1>
                <div class="form__icons">
                </div>
                <input class="form__input" id="email_login" type="text" placeholder="Email">
                <input class="form__input" id="password_login" type="password" placeholder="Password">
                <a class="form__link" href="forget_password">ลืมรหัสผ่าน</a>
                <div class="input-group mb-3">
                    <button class="form__button button submit" onclick="login();">เข้าสู่ระบบ</button>
                    <button class="form__button button submit" onclick="Join();" style="background-color: #c1901a;margin-left: 10px;">สมัครสมาชิก</button>
                </div>
            </form>
        </div>
        <div class="switch" id="switch-cnt">
            <div class="switch__circle"></div>
            <div class="switch__circle switch__circle--t"></div>
            <div class="switch__container" id="switch-c1">
                
                <img src="Logo.png" alt="" class="switch__title title" style="width: 150px;">
                <br>
                <p class="switch__description description">To keep connected with us please login with your personal

</div>
            <div class="switch__container is-hidden" id="switch-c2">
                
                <img src="Logo.png" alt="" class="switch__title title" style="width: 150px;">
                <p class="switch__description description">Enter your personal details and start journey with us</p>
                <button class="switch__button button switch-btn">เข้าสู่ระบบ</button>
            </div>
        </div>
    </div>
    <script src="main.js"></script>
    <script src="vendor/sweetalert/sweetalert.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

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_new";
            }

});
        // 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).on('click', '.toggle-password', function() {

$(this).toggleClass("fa-eye");
            var password = $("#password");
            password.attr('type') === 'password' ? password.attr('type', 'text') : password.attr('type', 'password')
        });

$(document).on('click', '.toggle-password-re', function() {
            $(this).toggleClass("fa-eye");
            var re_password = $("#re_password");
            re_password.attr('type') === 'password' ? re_password.attr('type', 'text') : re_password.attr('type', 'password')
        });

function Checkemail(attr) {
            var Email = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
            if (!attr.val().match(Email)) {

swal({

title: "คำเตือน",
                    text: "รูปแบบ Email ไม่ถูกต้อง",
                    type: "warning"

}, function() {

attr.val('');

attr.focus();

});

return false;

} else {

let check_mail = attr.val();

$.ajax({

data: {
                        check_mail: check_mail
                    },
                    dataType: "json",
                    type: "POST",
                    url: "ajax/form-login/check_mail.php",
                    success: function(response) {

if (response.result == '1') {

swal({
                                title: "คำเตือน",
                                text: "Email นี้มีการใช้งานแล้ว",
                                type: "warning",

});

attr.val('')

attr.focus();

}

});

}

function CheckPassword() {

let reCheckPassword = $('#re_password').val();
            let password = $('#password').val();

if (reCheckPassword != "") {

if (password != reCheckPassword) {

swal({

title: "คำเตือน",
                        text: "รหัสไม่ถูกต้อง กรุณากรอกใหม่",
                        type: "warning",

});

$('#re_password').val('');
                    $('#password').val('');

return false;
                }

}

// var mem = $("#data_1 .input-group.date").datepicker({
        //     startView: 0,
        //     todayBtn: "linked",
        //     keyboardNavigation: false,
        //     forceParse: false,
        //     autoclose: true,
        //     format: "dd/mm/yyyy"
        // })

function register() {

let username = $('#email').val();
            let password = $('#password').val();
            let re_password = $('#re_password').val();
            if (username == "" || password == "" || re_password == "") {

swal({
                    title: "เกิดข้อผิดพลาด",
                    text: "กรุณากรอกข้อมูล ให้ครบถ้วน",
                    type: "error"
                });
                return false;
            }
            if (!$("input[type=text]").val()) {
                swal({
                    title: "เกิดข้อผิดพลาด",
                    text: "กรุณากรอกข้อมูลที่มี * ให้ครบถ้วน",
                    type: "error",
                });
                return false;
            }

if (password != re_password) {
                swal({
                    title: "เกิดข้อผิดพลาด",
                    text: "รหัสไม่ถูกต้อง กรุณากรอกใหม่",
                    type: "error"
                });

$('#re_password').val('');
                $('#password').val('');
                return false;
            }

var Email = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;

let email = $('#email').val();

if (!email.match(Email)) {

swal({

title: "คำเตือน",
                    text: "รูปแบบ Email ไม่ถูกต้อง",
                    type: "warning"

}, function() {

// email.val('');
                    // attr.focus();

});

return false;

} else {

let check_mail = $('#email').val();

$.ajax({

if (response.result == '1') {

});

// email.val('')

// attr.focus();

return false;

}

});

}

// swal({
            //     title: 'กรุณายืนยันเพื่อทำรายการ',
            //     type: 'warning',
            //     showCancelButton: true,
            //     confirmButtonColor: '#3085d6',
            //     cancelButtonColor: '#d33',
            //     cancelButtonText: 'ยกเลิก',
            //     confirmButtonText: 'ยืนยัน',
            //     closeOnConfirm: false

// }, function() {

var formData = new FormData($("#a-form")[0]);

$.ajax({
                    type: 'POST',
                    url: 'ajax/form-login/register.php',
                    data: formData,
                    dataType: "json",
                    cache: false,
                    contentType: false,
                    processData: false,
                    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) {

localStorage.setItem("member_id", data.login_code);
                            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);

var timer = 10, // timer in seconds
                                isTimerStarted = false;

(function customSwal() {
                                swal({
                                    title: 'ลงทะเบียนสำเร็จ',
                                    text: 'กรุณาตรวจสอบอีเมลเพื่อยืนยันตัวตน ภายใน 15 นาที \n\n ปิดหน้าต่างอัตโนมัติ' + timer,
                                    timer: !isTimerStarted ? timer * 1000 : undefined,
                                    showConfirmButton: true
                                }, function() {
                                    location.href = "main/index"
                                });
                                isTimerStarted = true;
                                if (timer) {
                                    timer--;
                                    setTimeout(customSwal, 1000);
                                }

})();

// swal({
                            //     title: 'ลงทะเบียนสำเร็จ',
                            //     text: 'กรุณาตรวจสอบอีเมลเพื่อยืนยันตัวตน ภายใน 15 นาที',
                            //     type: 'success',
                            //     showConfirmButton: true,
                            //     //timer: 1500
                            // },function () {
                            //     location.href = "main/index"
                            // });

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

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

swal({
                                title: "เกิดข้อผิดพลาด",
                                text: "เกิดข้อผิดพลาดระหว่างบันทึก กรุณาแจ้งผู้พัฒนา",
                                type: "error"
                                //Please Check Your Account
                            }, function() {
                                //location.reload();

});
                        }
                    }
                })

// });
        }

function checkDate(name) {

var data = document.getElementById(name);
            var dataValue = data.value;
            let date = new Date().toLocaleDateString();

/// get year
            var parts = dataValue.split("/");
            var year = parseInt(parts[2], 10);

// current year
            var partsn = date.split("/");
            var current_year = parseInt(partsn[2], 10);

if (name == 'birth_date') {
                if (year > current_year + 543) {
                    swal({
                        title: "เกิดข้อผิดพลาด",
                        text: "ปีเกิดมากกว่าปีปัจจุบัน",
                        type: "error",
                    });
                    $('#' + name).val("");
                }
            }

// เช็ค คศ. หรือ พศ. ถ้า input แล้ว
            if (year + 500 > current_year + 543) {
                // input เป็น พศ.
                console.log(year);
            } else {
                // input เป็น คศ.
                console.log(year + 543);
            }

if (!isValidDate(dataValue)) {
                swal({
                    title: "เกิดข้อผิดพลาด",
                    text: "กรุณากรอกวันที่ให้ถูกต้อง (รูปแบบ: dd/mm/YYYY)",
                    type: "error",
                });
                $('#' + name).val("");
            }
        }

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",
                            showConfirmButton: false,

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

} 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"

});

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

swal({
                            title: "เกิดข้อผิดพลาด",
                            text: "พบการเข้าระบบซ้ำ หรือมีการเข้าระบบก่อนหน้านี้",
                            type: "error"
                            //Please Check Your Account
                        }, function() {
                            //location.reload();

});
                    }
                }
            })
        }
    </script>

</body>

</html>