<?php

global $wpdb;
$PSY_SCHOOL = $wpdb->prefix . PSY_SCHOOL;
$PSY_STATES = $wpdb->prefix . PSY_STATES;

/***get schools */
$getSch = $wpdb->get_results("SELECT school_id,school_name FROM $PSY_SCHOOL order by school_id");

/***get states */
$getStates = $wpdb->get_results("SELECT state_id,state_name FROM $PSY_STATES order by state_name ASC");
?>
<style>
    .data-fill {
        display: none;
    }
    .someone-txt {
        text-align: center;
    }
    .login-front {
        margin-top: 78px;
    }

    .regiter-side-column ul li {
        font-size: 15px;
    }
</style>
<section class="signin-section">
    <div class="container-fluid">
        <div class="row">
            <div class="sign-in-box">
                <div id="register-loading"></div>
                <div class="col-md-6 regiter-side-column">
                    <div class="regiter-side-column-bg"></div>

                    <ul>
                        <li> Step 1 - After successfully filling your registered email id and school name you will move to step 2.</li>
                        <li> Step 2 - In this you will add your name, gender, dob, state and city.</li>
                        <li> Step 3 - With this you would have successfully registered and will receive SMS/Email with username and password.</li>
                        <li>Step 4 - Login to self analyse with given username and password to start test.</li>
                    </ul>

                    <p class="someone-txt">Test is open from 17th Nov to 5th Dec. </p>
                </div>

                <div class="col-md-6 login-front">
                    <div class="section-description-content">
                        <h2 class="sign-in-head">Enrolled Yourself !</h2>
                    </div>
                    <form class="signin-form school-check" method="post">
                        <div class="signin-div">
                            <label><i class="fa fa-envelope"></i></label>
                            <input type="mail" name="p_ema" placeholder="Enter your email id" id="p_ema" required>
                        </div>
                        <div class="signin-div">
                            <label><i class="fa fa-building"></i></label>
                            <select name="p_sch" id="p_sch">
                                <option value="">--Your School--</option>
                                <?php foreach ($getSch as $s) { ?>
                                    <option value="<?php echo $s->school_id; ?>"><?php echo $s->school_name; ?></option>
                                <?php } ?>
                            </select>
                        </div>
                        <input class="sign-in-button button-wrap header-btn" id="school_one" type="button" name="btn-sign-up" value="Submit"><BR />
                    </form>
                    <form class="signin-form data-fill" method="post">
                        <div class="signin-div ">
                            <label><i class="fa fa-user"></i></label>
                            <input type="text" name="e_name" placeholder="Your Name" id="e_name" disabled>
                        </div>
                        <div class="signin-div">
                            <label><i class="fa fa-envelope"></i></label>
                            <input type="mail" name="e_ema" placeholder="Your email" id="e_ema" disabled>
                        </div>
                        <div class="signin-div">
                            <label><i class="fa fa-mobile"></i></label>
                            <input type="mail" name="e_mob" placeholder="Please provide valid mobile number" id="e_mob" required>
                        </div>
                        <div class="signin-div">
                            <label><i class="fa fa-graduation-cap"></i></label>
                            <input type="mail" name="e_class" placeholder="Your class" id="e_class" disabled>
                        </div>
                        <div class="signin-div">
                            <label><i class="fa fa-sitemap"></i></label>
                            <input type="mail" name="e_sec" placeholder="Your section" id="e_sec" disabled>
                        </div>
                        <div class="signin-div">
                            <label><i class="fa fa-birthday-cake"></i></label>
                            <input type="text" onfocus="(this.type='date')" name="e_dob" placeholder="Your date of birth" id="e_dob" required>
                        </div>
                        <div class="signin-div">
                            <label><i class="fas fas fa-venus-mars"></i></label>
                            <select name="e_gen" id="e_gen">
                                <option value="">--Gender--</option>
                                <option value="Male">Male</option>
                                <option value="Female">Female</option>
                                <option value="Transgender">Transgender</option>
                            </select>
                        </div>
                        <div class="signin-div">
                            <label><i class="fas fas fa-globe"></i></label>
                            <select name="state_id" id="state_id">
                                <option value="0">--Your State--</option>
                                <?php foreach ($getStates as $s) { ?>
                                    <option value="<?php echo $s->state_id ?>">
                                        <?php echo $s->state_name ?>
                                    </option>
                                <?php } ?>
                            </select>
                        </div>
                        <div class="signin-div">
                            <label><i class="fas fas fa-filter"></i></label>
                            <select name="city_id" id="city_id">
                                <option value="0">--Your City</option>
                            </select>
                        </div>
                        <span id="dBtn"></span>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="<?php echo ROOT_LINK . 'wp-content/themes/psychometrics/bootstrap/js/index.js?ver=' . date('his'); ?>"></script>