invisio v2.0

<?php require('header.php') ?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />

<div class="container">
    <div class="row mt-5 animated fadeInRight">
        <div class="col-md-6">
            <div class="text-center">
                <img src="assets/image/Logo.png" alt="" class="w-75" />
            </div>
        </div>
        <div class="col-md-6 col-sm-12">
            <div class="card text-center p-3 shadow-sm bg-body-tertiary rounded">
                <div class="card-body mt-5 mb-5">
                    <h4 class="card-text mb-3">สมัครสมาชิก</h4>
                    <form class="form" id="frm_register" method="" action="">
                        <div class="mb-3">
                            <input class="form-control-lg w-75 border" id="email" name="email" type="text" placeholder="Email">
                        </div>

<div class="input-icons  mb-3">
                            <input class="form-control-lg w-75 border" id="password" name="password" type="password" placeholder="Password" onchange="CheckPassword();">
                            <i toggle="#password-field" class="fa fa-fw fa-eye-slash  field_icon toggle-password icon"></i>
                        </div>
                        <div class="input-icons  mb-3">
                            <input class="form-control-lg w-75 border" id="re_password" name="re_password" type="password" placeholder="Re-Password" onchange="CheckPassword();">
                            <i toggle="#password-field" class="fa fa-fw fa-eye-slash field_icon toggle-password-re icon"></i>
                        </div>
                        <div class="mb-3">
                            <input type="text" class="form-control-lg w-75 border" id="name_th" name="name_th" placeholder="ชื่อภาษาไทย">
                        </div>
                        <div class="mb-3">
                            <input type="text" class="form-control-lg w-75 border" id="name_en" name="name_en" placeholder="ชื่อภาษาอังกฤษ">
                        </div>
                        <div class="mb-3">
                            <input type="date" class="form-control-lg w-75 border" id="birth_date" name="birth_date" placeholder="วัน/เดือน/ปี เกิด">
                        </div>
                        <div class="mb-3">
                            <input type="text" class="form-control-lg w-75 border" id="phone" name="phone" placeholder="เบอร์โทรศัพท์">
                        </div>
                        <div class="mb-3">
                            <select name="member_group" id="member_group" class="form-control-lg w-75 border">
                                <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 class="mb-3">
                            <input type="text" class="form-control-lg w-75 border" id="company_name" name="company_name" placeholder="ชื่อบริษัท">
                        </div>
                        <div class="d-flex justify-content-center">
                            <div class="form-check w-75">
                                <label class="form-check-label">
                                    <input type="radio" class="form-check-input" name="" id="" value="checkedValue">
                                    ยอมรับ<a href="#">เงื่อนไขข้อตกลงการใช้บริการ</a> และ<a href="#">นโยบายความเป็นส่วนตัว</a> ของ สมาคมผู้ประกอบการนำคนต่างด้าวมาทำงานในประเทศไทย EFA Thailand สนต.
                                </label>
                            </div>
                        </div>
                        <div class="" style="margin-top: 10%;">
                            <button type="button" class="btn btn-gold w-50 shadow-sm" onclick="register();">สร้างบัญชี</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<?php require('footer.php') ?>
<script>
    $(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 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 (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({

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",
                        });
                        return false;
                    }
                }
            });
        }

var formData = new FormData($("#frm_register")[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 = "jobs/find_job"
                        });
                        isTimerStarted = true;
                        if (timer) {
                            timer--;
                            setTimeout(customSwal, 1000);
                        }

})();

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

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

}, function() {

});
                }
            }
        })

}
</script>