<?php
include_once('../wp-config.php');
include_once('generateChecksum.php');

$key = '3dotSevendot22dot!EFour';
$genratingCheckSum = '5ef090c8-b397-4b93-b5dd-338802c5a215' . $key;
$newcheckSum = adler32($genratingCheckSum);

?>
<link rel="stylesheet" href="/aptitude-test/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">

<script src="/aptitude-test/js/jquery.min.js"></script>
<script src="/aptitude-test/js/bootstrap.min.js"></script>
<div class="container">

    <form class="well form-horizontal" method="post" id="contact_form" action="/emu-integration/">
        <input type="hidden" name="exam_type" value="A">
        <input type="hidden" name="emu_unique_user_id" value="5ef090c8-b397-4b93-b5dd-338802c5a215">
        <input type="hidden" name="checksum" value="<?php echo $newcheckSum ?>">
        <input type="hidden" name="exam_id" value="48434">
        <fieldset>

            <!-- Form Name -->
            <legend>
                <center>
                    <h2><b>Registration Form</b></h2>
                </center>
            </legend><br>

            <!-- Text input-->

            <div class="form-group">
                <label class="col-md-4 control-label">Name</label>
                <div class="col-md-4 inputGroupContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                        <input id="emu_name" name="name" placeholder="First Name" class="form-control" type="text">
                    </div>
                </div>
            </div>

            <!-- Text input-->

            <div class="form-group">
                <label class="col-md-4 control-label">Current Education Level</label>
                <div class="col-md-4 selectContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-list"></i></span>
                        <select id="emu_class" name="class" class="form-control selectpicker">
                            <option value="">Current Education Level</option>
                            <option value="9">Class 9th</option>
                            <option value="10">Class 10th</option>
                            <option value="11">Class 11th</option>
                            <option value="12">Class 12th</option>
                            <option value="13">Graduation</option>
                            <option value="14">Post Graduation</option>

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

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-4 control-label">E-Mail</label>
                <div class="col-md-4 inputGroupContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
                        <input id="emu_email" name="email" placeholder="E-Mail Address" class="form-control" type="email">
                    </div>
                </div>
            </div>


            <!-- Text input-->

            <div class="form-group">
                <label class="col-md-4 control-label">Mobile</label>
                <div class="col-md-4 inputGroupContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
                        <input id="emu_mobile" name="mobile" placeholder="" class="form-control" type="number">
                    </div>
                </div>
            </div>

            <!-- Text input-->

            <div class="form-group">
                <label class="col-md-4 control-label">Date of birth</label>
                <div class="col-md-4 inputGroupContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
                        <input id="emu_dob" name="dob" placeholder="" class="form-control" type="date">
                    </div>
                </div>
            </div>

            <!-- Text input-->

            <div class="form-group">
                <label class="col-md-4 control-label">Gender</label>
                <div class="col-md-4 selectContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-list"></i></span>
                        <select id="emu_gender" name="gender" class="form-control selectpicker">
                            <option value="">--Gender--</option>
                            <option value="Male">Male</option>
                            <option value="Female">Female</option>
                            <option value="Transgender">Transgender</option>
                        </select>
                    </div>
                </div>
            </div>

            <!-- Button -->
            <div class="form-group">
                <label class="col-md-4 control-label"></label>
                <div class="col-md-4"><br>
                    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<button type="submit" class="btn btn-warning" id="submit-details">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspSUBMIT <span class="glyphicon glyphicon-send"></span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</button>
                </div>
            </div>
        </fieldset>
    </form>
</div>
</div><!-- /.container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<?php 
/**
?>
<script type="text/javascript">
    jQuery(function($) {
        jQuery.noConflict();
        jQuery(document).ready(function() {
            jQuery(document).on('click', '#submit-details', function() {

                var emu_name = jQuery('#emu_name').val();
                var emu_class = jQuery('#emu_class').val();
                var emu_email = jQuery('#emu_email').val();
                var emu_mobile = jQuery('#emu_mobile').val();
                var emu_dob = jQuery('#emu_dob').val();
                var emu_gender = jQuery('#emu_gender').val();
                var url = "/emu-integration/api_request.php";
                console.log("dchj")
                jQuery.ajax({
                    url:url,
                    type: 'POST',
                    data: {
                        emu_name: emu_name,
                        emu_class: emu_class,
                        emu_email: emu_email,
                        emu_mobile: emu_mobile,
                        emu_dob: emu_dob,
                        emu_gender: emu_gender
                    },
                    success: function(data) {


                    },
                    error: function(jqXhr, textStatus, errorMessage) {}
                });

            });
        });
    });
</script>
<?php 
*/
?>