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 d-none d-md-block text-center">
            <img src="assets/image/Logo.png" alt="" class="w-75" />
        </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>
                    <div class="form-group align-content-center mb-3">
                        <label for=""></label>
                        <input type="text" name="username" id="username" class="form-control-lg border w-75 shadow-sm" placeholder="Username" aria-describedby="var_username">
                        <br>
                        <small id="var_username" class="" style="color:red;" hidden>กรุณากรอก Username</small>
                    </div>
                    <div class="form-group align-content-center mb-3">
                        <label for=""></label>
                        <div class="input-icons">
                            <i toggle="#password-field" class="fa fa-fw fa-eye-slash field_icon toggle-password-re icon"></i>
                            <input type="password" name="password" id="password" class="form-control-lg border w-75 shadow-sm" placeholder="Password" aria-describedby="var_password">
                        </div>
                        <small id="var_password" class="" style="color:red;" hidden>กรุณากรอก Password</small>
                    </div>
                    <small id="var_user_pass" class="" style="color:red;" hidden>กรุณากรอก Username และ Password</small>

<div class="d-flex justify-content-end" style="margin-right: 15%; margin-bottom: 10%;margin-top: 5%">
                        <a href="register.php">
                            <h4>
                                สมัครสมาชิก
                            </h4>
                        </a>
                        <span>&nbsp;|&nbsp;</span>
                        <a href="forget_password.php" class="">
                            <h4> ลืมรหัสผ่าน</h4>
                        </a>
                    </div>

<span style="margin-top: 1rem;">หรือ เข้าสู่ระบบด้วย</span>
                    <div class="social" style="margin-top: 1rem;">
                        <a href="https://liff.line.me/2003304442-wyx5jPBA"><img src="assets/image/line.png" alt=""></a>
                        <a href><img src="assets/image/gmail.png" alt="" onclick="google_login();"></a>
                        <a href><img src="assets/image/facebook.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

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

function Login() {
        const username = $("#username").val();
        const password = $("#password").val();

$("#var_user_pass").attr('hidden', true);
        $("#var_username").attr('hidden', true);
        $("#var_password").attr('hidden', true);

if (username == '' && password == '') {
            $("#var_user_pass").attr('hidden', false);
            return false;
        } else if (username == '' && password != '') {
            $("#var_username").attr('hidden', false);
            return false;
        } else if (password == '' && username != '') {
            $("#var_password").attr('hidden', false);
            return false;
        }

$.ajax({
            type: "POST",
            url: "ajax/auth.php",
            data: {
                username: username,
                password: password
            },
            dataType: "json",
            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 = "find_job"
                    }, 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();
                        if (data.access_type == '1') {
                            location.href = "find_job";
                        } else if (data.access_type == '2') {
                            location.href = "find_job"
                        }
                    }, 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();

});
                }
            }
        });
    }