<?php
$error = $_GET["error"];

$page = $_GET["page"];
$user_id = $_GET["user_id"];
$stamp_id = $_GET["stamp_id"];
$bacheca_id = $_GET["bacheca_id"];
$permission_id = $_GET["permission_id"];
$transfer_id = $_GET["transfer_id"];
?>
<!DOCTYPE html>
<html lang="en" dir="">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>NH-HR | Admin</title>
    <link rel="icon" type="image/x-icon" href="images/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,700,800,900" rel="stylesheet" />

    <!-- CSS -->
    <!-- STANDARD -->
    <link href="css/themes/lite-purple.css" rel="stylesheet" />
    <link href="css/plugins/perfect-scrollbar.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/plugins/fontawesome-5.css" />
    <link href="css/plugins/metisMenu.min.css" rel="stylesheet" />
    <!-- CUSTOM -->
    <link href="https://cdn.datatables.net/v/dt/jq-3.7.0/jszip-3.10.1/dt-2.1.2/b-3.1.0/b-colvis-3.1.0/b-html5-3.1.0/b-print-3.1.0/datatables.min.css" rel="stylesheet">
    <link rel="stylesheet" href="js/plugins/fullcalendar/fullcalendar.min.css" />

    <!-- JAVASCRIPT -->
    <!-- CUSTOM -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="js/globals.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/v/dt/jq-3.7.0/jszip-3.10.1/dt-2.1.2/b-3.1.0/b-colvis-3.1.0/b-html5-3.1.0/b-print-3.1.0/datatables.min.js"></script>
    <script src="https://kit.fontawesome.com/a449ed3a2a.js" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <!-- <script src="js/plugins/fullcalendar/lib/jquery.min.js"></script> -->
    <script src="js/plugins/fullcalendar/lib/moment.min.js"></script>
    <script src="js/plugins/fullcalendar/fullcalendar.min.js"></script>
    <!-- <script src="js/plugins/fullcalendar/locales/it.global.js"></script> -->
    <!-- <script src="js/plugins/fullcalendar/index.global.js"></script> -->
    <!-- STANDARD -->
    <!-- <script src="js/plugins/jquery-3.3.1.min.js"></script> -->
    <script src="js/plugins/bootstrap.bundle.min.js"></script>
    <script src="js/plugins/perfect-scrollbar.min.js"></script>
    <script src="js/scripts/tooltip.script.min.js"></script>
    <script src="js/scripts/script.min.js"></script>
    <script src="js/scripts/script_2.min.js"></script>
    <script src="js/scripts/sidebar.large.script.min.js"></script>
    <script src="js/plugins/feather.min.js"></script>
    <script src="js/plugins/metisMenu.min.js"></script>
    <script src="js/scripts/layout-sidebar-vertical.min.js"></script>
</head>

<body class="text-left">
    <div class="auth-layout-wrap" style="background-image: url(images/sfondo.jpg)">
        <div class="auth-content" style="max-width:400px; min-width:400px;">
            <div class="card o-hidden" id="login_container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="p-4">
                            <div class="auth-logo text-center mb-4"><img src="images/logo.png" alt="" style="width: auto;"></div>

                            <form>
                                <div class="form-group">
                                    <label for="email">E-Mail</label>
                                    <input class="form-control form-control-rounded" name="email" id="email" type="email">
                                </div>
                                <div class="form-group">
                                    <label for="password">Password</label>
                                    <input class="form-control form-control-rounded" name="password" id="password" type="password">
                                </div>
                                <a onclick="loginRequest()" class="btn btn-rounded btn-primary btn-block mt-2" style="background-color: black; color: white">Accedi</a>
                                <?php
                                if ($error) {
                                    echo "<br><p style='color: red; text-align: center'>Nome utente o password errati!</p>";
                                }
                                ?>
                            </form>
                            <div class="mt-3 text-center">
                                <a class="text-muted" href="#" onclick="openForgotSection()">
                                    <u>Password dimenticata?</u>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card o-hidden" id="forgot_password_content" style="display:none">
                <div class="row">
                    <div class="col-md-12">
                        <div class="p-4">
                            <div class="auth-logo text-center mb-4"><img src="images/logo.png" alt="" style="width: auto;"></div>
                            <p class="font-11 mb-3">
                                Inserisci la mail per recuperare la password
                            </p>
                            <form>
                                <div class="form-group">
                                    <label for="email">E-Mail</label>
                                    <input class="form-control form-control-rounded" name="email" id="forgot_email" type="email">
                                </div>
                                <a onclick="sendForgotVerificationCode()" class="btn btn-rounded btn-primary btn-block mt-2" style="background-color: black; color: white">Recupera password</a>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card o-hidden" id="otp_verification_content" style="display:none">
                <div class="row">
                    <div class="col-md-12">
                        <div class="p-4">
                            <div class="auth-logo text-center mb-4"><img src="images/logo.png" alt="" style="width: auto;"></div>
                            <h3 class="font-28">Codice di verifica</h3>
                            <p class="boxed-text-l">
                                Per ripristinare la password inserisci il codice di verifica che ti è arrivato via mail.
                            </p>
                            <form>
                                <input class="otp mx-1 rounded-sm text-center font-20 font-900" type="" placeholder="❋" id="otp_num_1" style="width: 60px; height: 60px;">
                                <input class="otp mx-1 rounded-sm text-center font-20 font-900" type="" placeholder="❋" id="otp_num_2" style="width: 60px; height: 60px;">
                                <input class="otp mx-1 rounded-sm text-center font-20 font-900" type="" placeholder="❋" id="otp_num_3" style="width: 60px; height: 60px;">
                                <input class="otp mx-1 rounded-sm text-center font-20 font-900" type="" placeholder="❋" id="otp_num_4" style="width: 60px; height: 60px;">
                                <a onclick="checkForgotVerificationCode()" class="btn btn-rounded btn-primary btn-block mt-2" style="background-color: black; color: white">Verifica</a>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card o-hidden" id="password_reset_container" style="display:none">
                <div class="row">
                    <div class="col-md-12">
                        <div class="p-4" id="password_reset_content">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="js/login.js"></script>
    <script>
        function loginRequest() {
            var page = '<?php echo $page; ?>';
            var stamp_id = '<?php echo $stamp_id; ?>';
            var permission_id = '<?php echo $permission_id; ?>';
            var transfer_id = '<?php echo $transfer_id; ?>';
            var bacheca_id = '<?php echo $bacheca_id; ?>';
            var user_id = '<?php echo $user_id; ?>';

            var email = document.querySelector("#email").value;
            var password = document.querySelector("#password").value;

            if (email == "") {
                const Toast = Swal.mixin({
                    toast: true,
                    position: "bottom",
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                    didOpen: (toast) => {
                        toast.onmouseenter = Swal.stopTimer;
                        toast.onmouseleave = Swal.resumeTimer;
                    }
                });
                Toast.fire({
                    icon: "error",
                    title: "Email è obbligatoria"
                });

                exit;
            }

            if (password == "") {
                const Toast = Swal.mixin({
                    toast: true,
                    position: "bottom",
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                    didOpen: (toast) => {
                        toast.onmouseenter = Swal.stopTimer;
                        toast.onmouseleave = Swal.resumeTimer;
                    }
                });
                Toast.fire({
                    icon: "error",
                    title: "Password è obbligatoria"
                });

                exit;
            }

            $.ajax({
                type: "POST",
                url: "php/auth.php",
                data: {
                    email: email,
                    password: password
                },
                success: function(res) {
                    if (res === 'error') {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: "bottom",
                            showConfirmButton: false,
                            timer: 3000,
                            timerProgressBar: true,
                            didOpen: (toast) => {
                                toast.onmouseenter = Swal.stopTimer;
                                toast.onmouseleave = Swal.resumeTimer;
                            }
                        });
                        Toast.fire({
                            icon: "error",
                            title: "Dati errati"
                        });
                    } else if (res === 'ok') {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: "bottom",
                            showConfirmButton: false,
                            timer: 3000,
                            timerProgressBar: true,
                            didOpen: (toast) => {
                                toast.onmouseenter = Swal.stopTimer;
                                toast.onmouseleave = Swal.resumeTimer;
                            }
                        });
                        Toast.fire({
                            icon: "success",
                            title: "Accesso effettuato"
                        });

                        if (page != "") {
                            if (page == "stamps") {
                                location.href = "stamps.php?stamp_id=" + stamp_id + "&&user_id=" + user_id;
                            } else if (page == "permissions") {
                                location.href = "permissions.php?permission_id=" + permission_id + "&&user_id=" + user_id;
                            } else if (page == "transfers") {
                                location.href = "transfers.php?transfer_id=" + transfer_id + "&&user_id=" + user_id;
                            } else if (page == "bacheca") {
                                location.href = "bacheca.php?bacheca_id=" + bacheca_id;
                            }
                        } else {
                            location.href = "dashboard.php?login=true";
                        }
                    }
                }
            });
        }
    </script>
</body>

</html>