<?php
require_once('../wart/lib/table-traits.php');
require_once('../wart/lib/basic-function.php');
require_once('../' . $basicFunctn->admin_url . '/lib/mailing/emails.php');
require_once('../' . $basicFunctn->admin_url . '/lib/user-functions.php');
require_once('../' . $basicFunctn->admin_url . '/lib/bonus-functions.php');
// print_r($user);die();
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <title>Forgot Password </title>
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.png" />
    <link href="assets/css/loader.css" rel="stylesheet" type="text/css" />
    <script src="assets/js/loader.js"></script>

    <!-- ajax loader -->
    <link href="assets/loader/loader.css" rel="stylesheet" type="text/css" />
    <script src="assets/loader/loader.js"></script>
    <!-- ajax loader -->

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/plugins.css" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    <link href="plugins/animate/animate.css" rel="stylesheet" type="text/css" />
    <link href="plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">
    <link href="assets/css/dashboard/dash_2.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/users/user-profile.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/scrollspyNav.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/components/custom-modal.css" rel="stylesheet" type="text/css" />
    <link href="assets/js/custom/dropzone/dropzone.css" rel="stylesheet" type="text/css" />
    <link href="assets/custom/custom-app.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="assets/css/forms/theme-checkbox-radio.css">
    <link href="assets/css/tables/table-basic.css" rel="stylesheet" type="text/css" />
    <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
    <link href="assets/css/pages/helpdesk.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="assets/css/forms/theme-checkbox-radio.css">
    <link href="plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/apps/contacts.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/pages/privacy/privacy.css" rel="stylesheet" type="text/css" />
    <link href="plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />
    <link href="plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/components/custom-sweetalert.css" rel="stylesheet" type="text/css" />
    <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->

    <link rel="stylesheet" href="assets/js/custom/the-sweetalert-js/sweetalert.css">

</head>

<body>
    <!-- BEGIN LOADER -->
    <div id="load_screen">
        <div class="loader">
            <div class="loader-content">
                <div class="spinner-grow align-self-center"></div>
            </div>
        </div>
    </div>
    <!--  END LOADER -->


    <div id="headerWrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-12 text-center mb-5">
                    <a href="index-2.html" class="navbar-brand-privacy">
                        <!-- <img src="assets/img/logo.svg" class="img-fluid" alt="logo"> -->
                    </a>
                </div>
                <div class="col-md-12 col-sm-12 col-12 text-center">
                    <h2 class="main-heading"><?php print $basicFunctn->the_site_name; ?> | Support Center</h2>
                </div>
            </div>
        </div>
    </div>
    <!-- privacyWrapper -->
    <div id="privacy-wrapper" class="">
        <div class="privacy-container">
            <div class="privacyContent">

                <div class="d-flex justify-content-between privacy-head">
                    <div class="privacyHeader">
                        <h1>Forgotten Your Password?</h1>
                        <p>Just enter your Account Email, and we will send a Reset link <br> to that Email Address.</p>
                    </div>

                    <div class="get-privacy-terms align-self-center">
                        <a href="../en/" class="btn btn-primary">
                            << Home</a>
                    </div>

                </div>

                <div class="privacy-content-container">

                    <form class="forgot_pass_form">
                        <div class="info">
                            <div class="row">
                                <div class="col-md-11 mx-auto">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="">Email Address<span class="text-danger">*</span> </label>
                                                <input type="text" class="form-control mb-4" name="forgot_pass_email" placeholder="">
                                            </div>
                                        </div>
                                        <div class="col-md-12 text-right mb-5">
                                            <button class="btn btn-primary forgot_pass_btn"> Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>

                </div>

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

    <div id="miniFooterWrapper" class="">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12">
                    <div class="position-relative">
                        <div class="arrow text-center">
                            <p class="">Up</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-5 mx-auto col-lg-6 col-md-6 site-content-inner text-md-left text-center copyright align-self-center">
                            <p class="mt-md-0 mt-4 mb-0">© <?php print date("Y"); ?> <a href="../en/"><?php print $basicFunctn->the_site_name; ?> </a></p>
                        </div>
                        <div class="col-xl-5 mx-auto col-lg-6 col-md-6 site-content-inner text-md-right text-center align-self-center">
                            <p class="mb-0">Edmond Oklahoma, USA</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php require_once('footer-links.php'); ?>
    <script>
        $('.forgot_pass_btn').click(async function(e) {
            e.preventDefault();
            let forgot_pass_form = $('.forgot_pass_form').serializeArray();
            let form_data = set_form_data(forgot_pass_form);
            // console.log(forgot_pass_form);return;
            let returned = await ajaxRequest('ajax.php', form_data);
            // console.log(returned);return;
            throwSweetalert(returned, 'forgot-password', 1);
        });
    </script>