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">
    
    <link rel="stylesheet" href="vendor/font-awesome-4.7.0/css/font-awesome.min.css">
    
</head>
<style>
    i {
        margin-left: -20px;
        cursor: pointer;
    }

.social {
        text-align: center;
    }
    .social a img{
        margin-right: 1rem;
        width: 10%;
    }
</style>

<body>
    <div class="main">
        <div class="container b-container" id="b-container" style="margin-top: -20px;">
            <form class="form" id="a-form" method="" action="">
                <h2 class="form_title title">Create Account</h2>

<div>
                    <input type="text" class="form__input" id="phone" name="phone" placeholder="เบอร์โทรศัพท์">
                </div>
                <div>
                    <select name="member_group" id="member_group" class="form__input">
                        <option value="" disabled selected>-- สถานะปัจจุบัน--</option>
                        <option value="1">นายจ้าง</option>
                        <option value="2">บนจ.</option>
                        <option value="3">Agency</option>
                        <option value="4">แรงงาน</option>
                    </select>
                </div>
                <div>
                    <input type="text" class="form__input" id="company_name" name="company_name" placeholder="ชื่อบริษัท">
                </div>

<div style="margin-top: -40px;">
                    <button class="form__button button submit sign-up" onclick="register();" style="background-color: #c1901a">สร้างบัญชี</button>
                </div>

</form>
        </div>
        <div class="container a-container" id="a-container">
            <form class="form" id="b-form" method="" action="">
                <h2 class="form_title title">Sign in to Website</h2>
                <div class="form__icons">
                </div>
                <div>
                    <input class="form__input" id="email_login" type="text" placeholder="Email">

</div>
                <div>
                    <input class="form__input" id="password_login" type="password" placeholder="Password">
                    <i toggle="#password-field" class="fa fa-fw fa-eye-slash field_icon toggle-password-login"></i>
                </div>
                <button class="form__button button submit" style="margin-bottom: 5px; cursor: pointer;" onclick="login();">เข้าสู่ระบบ</button>

<a class="form__link" href="forget_password">ลืมรหัสผ่าน</a>
                <span style="margin-top: 1rem;margin-bottom: 1rem;">Or Sing Up Using</span>
                
                <div class="social">
                    <a href="https://liff.line.me/2003304442-wyx5jPBA"><img src="img/line.png" alt=""></a>
                    <a href><img src="img/gmail.png" alt="" onclick="google_login();"></a>
                    <a href><img src="img/facebook.png" alt=""></a>
                </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
                    info</p>
                    <button class="switch__button button switch-btn" style="background-color: #c1901a;">สมัครสมาชิก</button>
                    <a href="https://www.youtube.com/watch?v=2O8dWj_7BzI" target="_blank" class="form__link">วิธีการสมัครสมาชิก</a>
            </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>
    
    <script src="template/js/plugins/datapicker/bootstrap-datepicker.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);

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