<?php

/**
 *
 * The template for displaying all login features
 * Template Name: Login
 *
 */
$_SESSION['test'] = 'scnc';
if (is_user_logged_in()) {
    $url = '/dashboard';
    wp_redirect($url);
    exit();
}

get_header();


$googleUrl = "https://accounts.google.com/o/oauth2/auth?response_type=code&access_type=online&client_id=974896835400-5qee6jfouq8rapkme68eo20764cibqkn.apps.googleusercontent.com&redirect_uri=http%3A%2F%2Fstaging.shinemetrics.com%2Flogin-google%2F&state&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email%20https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile&approval_prompt=force";


?>


<!-- SIGNIN SECTION -->

<section class="login-page-section">
    <div class="container">
        <div class="row">
            <div class="sign-in-box">
                <div id="login-loading"></div>
                <div class="col-md-6 col-sm-6 col-xs-12 left-side-column">
                    <div class="left-side-column-bg"></div>

                    <h1>Through our online psychometric test we can find the inherent abilities that a person is born with, we can help identify the true interest areas.</h1>

                    <ul>
                        <li> <img src="<?php echo get_template_directory_uri(); ?>/images/career-guide.png" alt=""> Career Guidance</li>
                        <li> <img src="<?php echo get_template_directory_uri(); ?>/images/per-assessment.png" alt=""> Personality Assessment</li>
                        <li> <img src="<?php echo get_template_directory_uri(); ?>/images/one-one.png" alt=""> One to One Counselling</li>
                        <li> <img src="<?php echo get_template_directory_uri(); ?>/images/life-skills.png" alt=""> Life Skills Coaching</li>
                    </ul>
                </div>

                <div class="col-md-6 col-sm-6 col-xs-12 login-front">
                    <h4 class="sign-in-head">Log In</h4>
                    <form class="signin-form" method="post" id="signInForm">
                        <div class="signin-div">
                            <label><i class="fa fa-user"></i></label>
                            <input type="text" name="user_name" placeholder="Username" id="user_name">
                        </div>
                        <div class="signin-div">
                            <label><i class="fa fa-lock"></i></label>
                            <input type="password" name="user_password" placeholder="Password" id="user_password">
                        </div>

                        <p class="forget-pwd-para"><a href="#" class="f_btn">Forgot your password ?</a></p>
                        <input class="sign-in-button button-wrap header-btn" type="button" name="btn-sign-in" value="LOGIN" id="sign-in-button">

                    </form>

                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <p class="sign-up-link"> Not a member? <span> <a href="/register"> Register </a> </span> </p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12 forgot-front" style="display: none;">
                    <h4 class="sign-in-head">Forgot Password</h4>
                    <form class="signin-form" method="post" id="forgot-first">
                        <div class="signin-div">
                            <label><i class="fa fa-user"></i></label>
                            <input type="text" name="enter_username" placeholder="Enter registered mobile or email" id="enter_username">
                        </div>
                        <input class="sign-in-button button-wrap header-btn" type="button" name="btn-sign-in" value="Submit" id="forgot-button">
                        
                        <p class="sign-up-link"> You are a member? <span> <a href="#" class="f_btn" > Login </a> </span> </p>
                    </form>
                    <form class="signin-form" method="post" id="forgot-second" style="display: none;">
                        <div class="signin-div">
                            <label><i class="fa fa-key"></i></label>
                            <input type="text" name="forgot-send-otp" placeholder="Enter OTP send to your mobile.." id="forgot-send-otp">
                        </div>
                        <input class="sign-in-button button-wrap header-btn" type="button" name="btn-sign-in" value="Submit" id="forgot-button-otp">

                        
                        <p class="sign-up-link"> You are a member? <span> <a href="#" class="f_btn" > Login </a> </span> </p>
                    </form>
                    <form class="signin-form" method="post" id="forgot-third" style="display: none;">
                        <div class="signin-div">
                            <label><i class="fa fa-key"></i></label>
                            <input type="password" name="new-password" placeholder="Enter New Password" id="new-password">
                        </div>
                        <div class="signin-div">
                            <label><i class="fa fa-key"></i></label>
                            <input type="password" name="confirm-password" placeholder="Enter Confirm Password" id="confirm-password">
                        </div>
                        <input class="sign-in-button button-wrap header-btn" type="button" name="btn-sign-in" value="Submit" id="reset-password">
                        <p class="sign-up-link"> You are a member? <span> <a href="#" class="f_btn" > Login </a> </span> </p>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- END SIGNIN SECTION -->
<script src="<?php echo ROOT_LINK . 'wp-content/themes/psychometrics/bootstrap/js/index.js' ?>"></script>
<?php
get_footer();